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:0}
.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 -16px -8px -5px}
.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;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;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{box-sizing:border-box;height:36px;margin:7px 0 0;border-left:1px solid #000;border-right:1px solid #000;background:linear-gradient(#000,#000) left 18px/100% 1px no-repeat;background-origin:padding-box;background-clip:padding-box}
.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}}
#options{text-align:left}
#options .order-workspace{clear:both;display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;max-width:1450px;margin:8px auto;align-items:start}
#options .order-controls{min-width:0;text-align:left}
#options .order-preview{box-sizing:border-box;width:100%;background:#fff;border:0;border-radius:0;padding:12px;margin:0;text-align:left;position:static;max-height:none;overflow:visible}
#options .order-preview .mockup{float:none;display:block;margin:0 auto;max-width:100%;overflow:visible}
#options .order-preview .mockup img{max-width:100%;height:auto}
#options .order-preview .muPrice{float:none;clear:both;display:block;box-sizing:border-box;width:100%;max-width:none;margin:12px 0;padding:8px;background:#fff;text-align:left}
#options .order-preview .muPrice .w190{width:auto;text-align:left}
#options #selection-summary{clear:both;font-size:13px;padding:8px 0;text-align:left}
#options #selection-summary dl{display:grid;grid-template-columns:80px minmax(0,1fr);gap:5px 10px;margin:8px 0;text-align:left}
#options #selection-summary dt{font-weight:bold;text-align:left}
#options #selection-summary dd{margin:0;text-align:left;overflow-wrap:anywhere;font-weight:normal}
#options #preview-status{clear:both;padding:8px 0;text-align:left}
#options #preview-status:empty{display:none}
#options button:disabled{opacity:.55;cursor:wait}
#options .order-guidance{margin:0 0 12px;line-height:1.5}
#options .order-controls>.container{display:block;float:none;width:auto;min-width:0;max-width:100%;margin:12px 0;overflow:visible}
#options .sbody{box-sizing:border-box;max-width:100%;margin:0;padding:14px 8px;box-shadow:none;border:1px solid #d1c6b6;background:#f7f5f1}
#options .twotone{width:calc(100% - 185px);max-width:none;min-width:0}
#options .order-controls .sbody{display:flow-root}
#options .sbody textarea{box-sizing:border-box;max-width:100%}
#options .al1:focus-visible,#options button:focus-visible,#options .swsf:focus-visible{outline:3px solid #944b18;outline-offset:3px}
#options .swsf{cursor:pointer}
#options .continue{position:static;margin:12px 0;padding:0;border:0;box-shadow:none;background:transparent}
#mobile-purchase{display:none}
@media(max-width:900px){#options .order-workspace{display:block;margin:12px 0}
#options .order-preview{position:static;max-height:none;margin:0 0 16px}
#options .order-preview .mockup{display:inline-block;vertical-align:top;max-width:50%}
#options .order-preview .muPrice{display:inline-block;vertical-align:top;width:45%;margin:0 0 0 10px}
#options #selection-summary{display:none}}
@media(max-width:699px){#options .order-preview .mockup{display:block;max-width:100%}
#options .order-preview .muPrice{display:block;width:100%;margin:8px 0}
#options .continue{display:none}
#mobile-purchase{position:fixed;bottom:0;left:0;right:0;z-index:1000;box-sizing:border-box;background:#fffaf3;border-top:1px solid #dfd4c4;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px}body{padding-bottom:85px}}
@media(max-width:900px){#options .order-controls .flexDesc{float:none;display:flex;flex-direction:row;gap:12px}
#options .twotone{box-sizing:border-box;width:100%;max-width:100%}}
@media(max-width:900px){#options .order-workspace{margin-top:4px}}
#options .order-guidance,#options #commission-intro-mini p{margin:0 0 8px;line-height:1.4;font-weight:normal}
#options #commission-intro p{margin:0 0 8px;line-height:1.4}
#options .order-cart>div{float:none;margin:0;padding:0}
#options .order-cart br,#options .order-cart a.scs{display:none}
#options .order-cart a.cart{display:block;margin:0}
#options .order-workspace{row-gap:4px}
#options .order-preview .mockup>img{display:block;margin-left:auto;margin-right:auto}
#options .order-workspace{margin-top:4px}
#options .order-preview{padding-top:0}
#options .order-preview>.titleBox{float:none;line-height:1.2;text-align:left;margin:0 0 6px}
#options .order-controls{position:relative;padding-top:0}
#options .order-cart{position:absolute;top:0;right:0;float:none;margin:0}
#options #commission-intro-mini,#options .order-guidance{padding-right:65px}
#options .sbody{text-align:center}
#options .sbody .swsf{text-align:left}
#options .sbody p,#options .sbody .opDesc,#options .sbody .flexDesc{text-align:left}
#options .order-tabs{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:5px;clear:both;margin:8px 0 0}
#options .order-tabs a.al1{box-sizing:border-box;flex:0 0 auto;width:auto !important;min-width:82px;height:80px;margin:0;padding:4px 10px;font-size:16px;overflow-wrap:normal;word-break:normal}
#options .order-tabs .a2{line-height:1.2}
@media(max-width:699px){#options .order-tabs{gap:4px}
#options .order-tabs a.al1{min-width:76px;padding:4px 7px;font-size:14px}}
#options .order-preview .mockup{text-align:center}
#options .order-preview .mockup>.fl{float:none;display:inline-block;max-width:100%;vertical-align:top;text-align:left}
#options .sbody .swsf:has(>.swsf){text-align:center}
#options .sbody .swsf>.swsf{float:none;display:inline-block;text-align:left}
#options .order-preview .mockup{overflow:hidden;text-align:left}
#options .order-preview .mockup>.fl{max-width:none;white-space:nowrap}
#options .order-preview .mockup img{max-width:none}
#options #populartab>.swsf{text-align:center}
.harw{margin-top:4px}