﻿.t_rt { text-align:right; }

ul, li { margin:0px; padding:0px; }

li { list-style-type:none; }

.preview { margin:10px; padding:10px; overflow:hidden; background:#eee; }

.cont { padding:10px; }

.cls { clear:both; }

.hidden { display:none; }

#sourse { border:1px dotted #ccc; width:600px; height:300px; margin:0px auto; }

.textDiv { margin:10px 40px 10px; text-align:center; }

.example { margin:10px; background:#FFF; border:1px dotted #ccc; padding:10px; }

.scrolldoorFrame { width:95%; overflow:hidden; margin-top: -50px; margin-right: auto; margin-bottom: 15px; margin-left: auto; }

.scrollUl { overflow:hidden; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #78828C; height: 27px; }

.scrollUl li { float:left; }



.sd01 { cursor:pointer; margin:5px; padding:2px; background-color: #FFF; background-image: url(../image/bbtn02.jpg); background-position: 0px 0px; background-repeat: repeat-x; border-right-width: 1px; border-right-style: solid; border-right-color: #FFF; color: #FFF; }
.sd02 { cursor:pointer; margin:5px; padding:2px; background-image: url(../image/bbtn01.jpg); background-position: 0px 0px; background-repeat: repeat-x; border-right-width: 1px; border-right-style: solid; border-right-color: #FFF; }
.sd02:hover { cursor:pointer; margin:5px; padding:2px; background-image: url(../image/bbtn04.jpg); background-position: 0px 0px; background-repeat: repeat-x; border-right-width: 1px; border-right-style: solid; border-right-color: #FFF; }

.left .scrolldoorFrame ul.scrollUl li { list-style-image: url((URL)); list-style-type: none; text-align: center; margin: 0px; padding: 0px; width: 160px; }