#cbox_container { width: 160px; } #cbox_container div:after { content: "."; display: block; height: 11px; clear: both; visibility: hidden; } #cbox_container div { width: 160px; height: auto; font-size: 11px; } b.tl { display: block; width: 160px; height: 8px; font-size: 1px; } b.tr { display: block; width: 152px; height: 8px; font-size: 1px; float: right; } b.br { display: block; width: 152px; height: 8px; font-size: 1px; float: right; position: relative; } b.bl { display: block; width: 8px; height: 8px; font-size: 1px; float: left; } b.point { display: block; font-size: 1px; width: 25px; height: 14px; } #cbox_container div p { padding: 8px; margin: 0; border: 3px solid #fff; border-width: 0 3px; text-align: justify; } div.one b.tl { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/top_left1.gif) top left no-repeat; } div.one b.tr { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/top_right1.gif) top right no-repeat; } div.one p { background: #ecc7c7; } div.one b.bl { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/bottom_left1.gif) top left no-repeat; } div.one b.br { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/bottom_right1.gif) top right no-repeat; } div.one b.point { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/point1.gif) top left no-repeat; margin: 5px 0 0 25px; } div.two b.tl { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/top_left2.gif) top left no-repeat; } div.two b.tr { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/top_right2.gif) top right no-repeat; } div.two p { background: #e5ecc9; } div.two b.bl { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/bottom_left2.gif) top left no-repeat; } div.two b.br { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/bottom_right2.gif) top right no-repeat; } div.two b.point { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/point2.gif) top left no-repeat; margin: 5px 0 0 25px; } div.three b.tl { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/top_left3.gif) top left no-repeat; } div.three b.tr { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/top_right3.gif) top right no-repeat; } div.three p { background: #c9d7ec; } div.three b.bl { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/bottom_left3.gif) top left no-repeat; } div.three b.br { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/bottom_right3.gif) top right no-repeat; } div.three b.point { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/point3.gif) top left no-repeat; margin: 5px 0 0 25px; } div.four b.tl { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/top_left4.gif) top left no-repeat; } div.four b.tr { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/top_right4.gif) top right no-repeat; } div.four p { background: #e5c9ec; } div.four b.bl { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/bottom_left4.gif) top left no-repeat; } div.four b.br { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/bottom_right4.gif) top right no-repeat; } div.four b.point { background: url(https://www.twmini.com.tw/xoops/modules/tad_cbox/images/point4.gif) top left no-repeat; margin: 5px 0 0 25px; }