@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');



/*========================================================
          固定會用到的，ex 字體大小、顏色、各間距
=========================================================*/
.Cur_p { cursor: pointer;}

a.fff:link      {color: #fff; text-decoration: none;}
a.fff:visited   {color: #fff; text-decoration: none; outline:none;/* ● 去除Firefox會在鏈接周圍產生一個虛線外框 */}
a.fff:active    {color: #fff; text-decoration: none;}
a.fff:hover     {color: #331078; text-decoration: none;}

.txt_20a { font-size: 20px;}
.txt_25a { font-size: 25px;}
.txt_30a { font-size: 30px;}
.txt_35a { font-size: 35px;}


.txt_space_2a { letter-spacing: -2px;}

@media (max-width: 767px) {
    .mab5_M { margin-bottom: 5px;}
}


.tipl_85_a { text-indent: -85px; padding-left: 85px;}






.bg_pura { background: #800080;}






/*========================================================
                   搜尋列
=========================================================*/
div.Srange { border-bottom: 1px dashed #676767; padding-bottom: 10px; margin-bottom: 20px;}
div.Srange .searchname span { color: #ff6600;}
div.Srange input[name=btnS] { margin-bottom: -12px;}
div.Srange .search { display: inline-block;}
@media (max-width: 767px) {
	div.Srange .search { display: block; width: 100%;}
    div.Srange input[name=keyword] {width: 85%; float: left;}
    div.Srange input[name=btnS] { padding-bottom: 0; margin-bottom: 0; margin-left: 5px;}
}






/*========================================================
                        按鈕
=========================================================*/
.btnMore {
	background-image: url(../images/bg_btnA.jpg);
	background-size: contain;
	border: 1px solid #8D8C8C;
	color: #fff;
	font-family: 'Noto Sans TC', sans-serif;
	padding: 3px 30px 5px 30px;
	border-radius: 2px;
}




.btnA {
    text-decoration: none;
    color: #fff;
    padding: 4px 30px 2px 30px;
    display: inline-block;
    position: relative;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom: 4px solid rgba(0,0,0,0.21);
    border-radius: 4px;
    text-shadow: 0 1px 0 rgb(0 0 0 / 15%);
}



/* Gradient - ugly css is ugly */
.btnA.cyan {
	background: rgba(27,188,194,1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(27,188,194,1)), to(rgba(24,163,168,1)));
	background: -webkit-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	background: -moz-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	background: -o-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	background: linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1bbcc2', endColorstr='#18a3a8', GradientType=0);
}

.btnA.red{ 
	background: rgba(250,90,90,1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(250,90,90,1)), to(rgba(232,81,81,1)));
	background: -webkit-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
	background: -moz-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
	background: -o-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
	background: linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5a5a', endColorstr='#e85151', GradientType=0 );
}
.btnA.orange {
	background: rgba(255,105,30,1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,105,30,1)), to(rgba(230,95,28,1)));
	background: -webkit-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
	background: -moz-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
	background: -o-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
	background: linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
}
.btnA.blue {
	background: rgba(102,152,203,1);
	background: -moz-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,152,203,1)), color-stop(100%, rgba(92,138,184,1)));
	background: -webkit-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	background: -o-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	background: -ms-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	background: linear-gradient(to bottom, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6698cb', endColorstr='#5c8ab8', GradientType=0 );
}
.btnA.purple { 
	background: rgba(203,153,197,1);
	background: -moz-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(203,153,197,1)), color-stop(100%, rgba(181,134,176,1)));
	background: -webkit-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
	background: -o-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
	background: -ms-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
	background: linear-gradient(to bottom, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb99c5', endColorstr='#b586b0', GradientType=0 );
}
.btnA.yellow {
	background: rgba(240,210,100,1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(240,210,100,1)), to(rgba(229,201,96,1)));
	background: -webkit-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
	background: -moz-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
	background: -o-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
	background: linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0d264', endColorstr='#e5c960', GradientType=0 );
}
.btnA.green {
	background: rgba(130,200,160,1);
	background: -moz-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130,200,160,1)), color-stop(100%, rgba(130,199,158,1)));
	background: -webkit-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
	background: -o-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
	background: -ms-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
	background: linear-gradient(to bottom, rgba(130,200,160,1) 0%, rgba(130,199,158, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c8a0', endColorstr='#82c79e', GradientType=0 );
}
.btnA.gray {
	background: rgba(146,146,146,1);
	background: -moz-linear-gradient(top, rgba(146,146,146,1) 0%, rgba(152,137,137,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(146,146,146,1)), color-stop(100%, rgba(152,137,137,1)));
	background: -webkit-linear-gradient(top, rgba(146,146,146,1) 0%, rgba(152,137,137,1) 100%);
	background: -o-linear-gradient(top, rgba(146,146,146,1) 0%, rgba(152,137,137,1) 100%);
	background: -ms-linear-gradient(top, rgba(146,146,146,1) 0%, rgba(152,137,137,1) 100%);
	background: linear-gradient(to bottom, rgba(146,146,146,1) 0%, rgba(152,137,137, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#988989', GradientType=0 );
}

.btnA.red:active    { background: #E35252;}
.btnA.orange:active { background: #E8601B;}
.btnA.cyan:active 	{ background: #169499;}
.btnA.blue:active 	{ background: #608FBF;}
.btnA.purple:active { background: #BD8EB7;}
.btnA.yellow:active { background: #DBC05B;}
.btnA.green:active  { background: #72B08E;}
.btnA.gray:active  { background: #7d7d7d;}




@media (min-width: 992px) {
    .btnB {
        display: flex;
        margin: 0 0.5rem;
    }
}
.btnB {
    display: inline-block;
    padding: 0 20px;
    height: 40px;
    justify-content: center;
    align-items: center;
    line-height: 35px;
    border: 1px solid;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    transition: all 0.35s;
    box-sizing: border-box;
}


.btnBA {
    position: relative;
    overflow: hidden;
}
.btnBA::before {
    width: 20%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotateZ(-45deg) translate(-50%, -50%);
    transition: all 0.3s;
    content: "";
    z-index: -1;
}
.btnBA:hover::before { width: 100%; top: 0; transform: none;}


.btnBA.red { border-color: #E35252; color: #E35252;}
.btnBA.red::before { background: #E35252;}
.btnBA.red:hover { color: #fff;}

.btnBA.orange { border-color: #dd7e2a; color: #dd7e2a;}
.btnBA.orange::before { background-color: #dd7e2a;}
.btnBA.orange:hover { color: #fff;}

.btnBA.cyan { border-color: #169499; color: #169499;}
.btnBA.cyan::before { background-color: #169499;}
.btnBA.cyan:hover { color: #fff;}

.btnBA.blue { border-color: #608FBF; color: #608FBF;}
.btnBA.blue::before { background-color: #608FBF;}
.btnBA.blue:hover { color: #fff;}

.btnBA.purple { border-color: #BD8EB7; color: #BD8EB7;}
.btnBA.purple::before { background: #BD8EB7;}
.btnBA.purple:hover { color: #fff;}

.btnBA.yellow { border-color: #DBC05B; color: #DBC05B;}
.btnBA.yellow::before { background: #DBC05B;}
.btnBA.yellow:hover { color: #fff;}

.btnBA.green { border-color: #72B08E; color: #72B08E;}
.btnBA.green::before { background: #72B08E;}
.btnBA.green:hover { color: #fff;}



.btnBB {
    position: relative;
    border-width: 5px;
    color: #fff;
    box-sizing: border-box;
    line-height: 32px;
}
.btnBB::before {
    width: 120%;
    height: 155%;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 20px;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.1);
    transform-origin: center center;
    transition: all 0.25s;
    content: "";
}
.btnBB:hover {
    border-style: inset;
    border-radius: 20px;
}
.btnBB:hover::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.btnBB.red { background-color: #ef6e89; border-color: #ef6e89;}
.btnBB.red::before { border: 1px solid #af364f;}
.btnBB.red:hover { background-color: #af364f; border-color: #ef6e89;}

.btnBB.purple { background-color: #716eef; border-color: #716eef;}
.btnBB.purple::before { border: 1px solid #3936af;}
.btnBB.purple:hover { background-color: #3936af; border-color: #716eef;}






.btnPay {
    position: relative;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    outline-offset: 4px;
    transition: filter 250ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.btnPay_shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: hsl(0deg 0% 0% / 0.25);
    will-change: transform;
    transform: translateY(2px);
    transition:
        transform
        600ms
        cubic-bezier(.3, .7, .4, 1);
}

.btnPay_edge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(
        to left,
        hsl(340deg 100% 16%) 0%,
        hsl(340deg 100% 32%) 8%,
        hsl(340deg 100% 32%) 92%,
        hsl(340deg 100% 16%) 100%
  );
}

.btnPay_front {
    display: block;
    position: relative;
    padding: 10px 27px;
    border-radius: 12px;
    font-size: 1.1rem;
    color: white;
    background: hsl(345deg 100% 47%);
    will-change: transform;
    transform: translateY(-4px);
    transition:
        transform
        600ms
        cubic-bezier(.3, .7, .4, 1);
}

@media (min-width: 768px) {
    .btnPay_front {
        font-size: 20px;
        padding: 10px 42px;
    }
}

.btnPay:hover {
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
}

.btnPay:hover .btnPay_front {
    transform: translateY(-6px);
    transition:
        transform
        250ms
        cubic-bezier(.3, .7, .4, 1.5);
}
.btnPay:active .btnPay_front {
    transform: translateY(-2px);
    transition: transform 34ms;
}
.btnPay:hover .btnPay_shadow {
    transform: translateY(4px);
    transition:
        transform
        250ms
        cubic-bezier(.3, .7, .4, 1.5);
}
.btnPay:active .btnPay_shadow {
    transform: translateY(1px);
    transition: transform 34ms;
}
.btnPay:focus:not(:focus-visible) { outline: none;}








/*========================================================
                        tag
=========================================================*/
.tagA {
	display: inline-block;
	clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0 50%, 0% 0%);
}

.tags a {
	display: inline-block;
	height: 26px;
	margin: 0 10px 0 0;
	padding: 0 7px 0 14px;
	white-space: nowrap;
	position: relative;

/*
	background: -moz-linear-gradient(top, #fed970 0%, #febc4a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed970), color-stop(100%,#febc4a));
	background: -webkit-linear-gradient(top, #fed970 0%,#febc4a 100%);
	background: -o-linear-gradient(top, #fed970 0%,#febc4a 100%);
	background: linear-gradient(to bottom, #fed970 0%,#febc4a 100%);
	background-color: #FEC95B;
*/

	color: #963;
/*	font: bold 11px/21px Arial, Tahoma, sans-serif;*/
	font-weight: bold;
	font-size: 15px;
	line-height: 24px;
	text-decoration: none;
	text-shadow: 0 1px rgba(255,255,255,0.4);

/*
	border-top: 1px solid #EDB14A;
	border-bottom: 1px solid #CE922E;
	border-right: 1px solid #DCA03B;
	border-radius: 1px 3px 3px 1px;
	box-shadow: inset 0 1px #FEE395, 0 1px 2px rgba(0,0,0,0.21);
*/
}  

.tags a:before { 
  content: '';
  position: absolute;
  top: 6px;
  left: -6px;
  width: 12px;
  height: 12px;

/*
  background: -moz-linear-gradient(45deg, #fed970 0%, #febc4a 100%);  
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#fed970), color-stop(100%,#febc4a));
  background: -webkit-linear-gradient(-45deg, #fed970 0%,#febc4a 100%);
  background: -o-linear-gradient(45deg, #fed970 0%,#febc4a 100%);
  background: linear-gradient(135deg, #fed970 0%,#febc4a 100%);
  background-color: #FEC95B;

  border-left: 1px solid #EDB14A;
  border-bottom: 1px solid #CE922E;
  border-radius: 0 0 0 2px;
  box-shadow: inset 1px 0 #FEDB7C, 0 2px 2px -2px rgba(0,0,0,0.33);
*/
}


.tags a:before {
  -webkit-transform: scale(1, 1.5) rotate(45deg);
  -moz-transform: scale(1, 1.5) rotate(45deg);
  -ms-transform: scale(1, 1.5) rotate(45deg);
  transform: scale(1, 1.5) rotate(45deg);
}
.tags a:after { 
  content: '';
  position: absolute;
  top: 9px;
  left: 1px;
  width: 5px;
  height: 5px;
  background: #FFF;
  border-radius: 4px;
/*  border: 1px solid #DCA03B;*/
  box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 1px rgba(0,0,0,0.21);
}

.tags a.blueA {
	background: linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	background-color: #33bdef;

	box-shadow: 0px 1px 0px 0px #f0f7fa;
	color: #ffffff;
	text-shadow: 0px -1px 0px #5b6178;

	border-top: 1px solid #057fd0;
	border-bottom: 1px solid #046eb4;
	border-right: 1px solid #057fd0;
	border-radius: 1px 3px 3px 1px;
}
.tags a.blueA:before { 
	background: linear-gradient(135deg, #33bdef 0%,#019ad2 100%);
	background-color: #33bdef;

	border-left: 1px solid #057fd0;
	border-bottom: 1px solid #046eb4;
}
.tags a.blueA:after { 
  border: 1px solid #065e98;
}

.tags a.blueB {
	background: linear-gradient(to bottom, #41e1db 5%, #11c3bd 100%);
	background-color: #42e2dc;

	box-shadow: 0px 1px 0px 0px #f0f7fa;
	color: #ffffff;
	text-shadow: 0px -1px 0px #5b6178;

	border-top: 1px solid #14afc1;
	border-bottom: 1px solid #1198a7;
	border-right: 1px solid #14afc1;
	border-radius: 1px 3px 3px 1px;
}
.tags a.blueB:before { 
	background: linear-gradient(135deg, #41e1db 0%,#11c3bd 100%);
	background-color: #33bdef;

	border-left: 1px solid #14afc1;
	border-bottom: 1px solid #1198a7;
}
.tags a.blueB:after { 
  border: 1px solid #1198a7;
}







/*========================================================
             padding  margin  width
=========================================================*/

/*桌機992*/
@media (min-width: 992px) {
    .w16p_lg { width: 16%;}
    .w68p_lg { width: 68%;}


	.w-100_lg {
		width: 100% !important;
	}
}







/*========================================================
                     Hr  border
=========================================================*/
hr.style1 {
	height: 6px;
	background: url("../images/hr-01.png") repeat-x 0 0;
    border: 0;
    margin: 15px 0; padding: 0;
    clear: both;
}
hr.style2 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}
hr.style3 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}







/*========================================================
                新型新增頁add-表格 table-row
=========================================================*/
div.table-row .txt { padding-top: 9px;}

div.table-row.TD2 .th { background: #F2F2F2; border-bottom: 1px #D2D2D2 solid; padding: 16px 8px 8px 8px; font-weight: bold; }
div.table-row.TD2 .td { background: #FCFCFC; border-bottom: 1px #D2D2D2 solid; padding: 9px 8px 8px 8px;}
div.table-row.TD4 .th { background: #F2F2F2; border-bottom: 1px #D2D2D2 solid; padding: 16px 8px 8px 8px; font-weight: bold;}
div.table-row.TD4 .td { background: #FCFCFC; border-bottom: 1px #D2D2D2 solid; padding: 9px 8px 8px 8px;}


@media (min-width: 768px) {
	div.table-row {
		display: flex;
		justify-content: center;
		align-items: stretch;
	}
	div.table-row .th {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	div.table-row.TD2 .th { background: #F2F2F2; border-bottom: 1px #D2D2D2 solid; flex: 1; padding: 16px 8px 8px 8px;}
	div.table-row.TD2 .td { background: #FCFCFC; border-bottom: 1px #D2D2D2 solid; flex: 3; padding: 9px 8px 8px 8px;}
	div.table-row.TD4 .th { background: #F2F2F2; border-bottom: 1px #D2D2D2 solid; flex: 2; padding: 16px 16px 8px 16px;}
	div.table-row.TD4 .td { background: #FCFCFC; border-bottom: 1px #D2D2D2 solid; flex: 2; padding: 9px 8px 8px 8px;}
}
@media (min-width: 992px) {
	div.table-row.TD2 .th { flex: 1;}
	div.table-row.TD2 .td { flex: 5;}
	div.table-row.TD4 .th { flex: 1.9;}
	div.table-row.TD4 .td { flex: 4;}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	div.table-row {
		display: flex;
		flex-wrap: wrap;
	}
	div.table-row.TD2 .th { width: 20%; text-align: center;}
	div.table-row.TD2 .td { width: 80%;}
	div.table-row.TD4 .th { width: 20%; text-align: center;}
	div.table-row.TD4 .td { width: 80%;}
}
@media (max-width: 575px) {
	div.table-row.TD2 .th { text-align: center;}
	div.table-row.TD2 .td { }
	div.table-row.TD4 .th { text-align: center;}
	div.table-row.TD4 .td { }
}








/*========================================================
                     notice
=========================================================*/
.notice {
	font-family: 'Cabin',"Microsoft JhengHei", sans-serif;
    padding: 15px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}
.notice-sm {
    padding: 10px;
    font-size: 80%;
}
.notice-lg {
    padding: 35px;
    font-size: large;
}
.notice-success {
    border-color: #80D651;
    color: #80D651;
}
.notice-success>strong {
    color: #80D651;
}
.notice-info {
    border-color: #45ABCD;
	color: #45ABCD;
}
.notice-info>strong {
    color: #45ABCD;
}
.notice-warning {
    border-color: #FEAF20;
    color: #FEAF20;
}
.notice-warning>strong {
    color: #FEAF20;
}
.notice-danger {
    border-color: #d73814;
    color: #d73814;
}
.notice-danger>strong {
    color: #d73814;
}







/*========================================================
                CSS scott style pagination
=========================================================*/
div.scott {
	padding: 3px; margin: 30px 0; text-align: center; line-height: 210%; font-family: 'Cabin', sans-serif;
}
div.scott A {
    border: #ddd 1px solid; padding: 5px 8px; text-decoration: none;
}
div.scott A:hover {
	border: #1e7abd 1px solid; color: #9F5C9E; background-color: #d9efff;
}
div.scott A:active {
	border: #1e7abd 1px solid; color: #9F5C9E; background-color: #d9efff;
}
div.scott span.current {
	border: #5da9e0 1px solid; padding: 5px 8px; font-weight: bold; color: #fff; margin-right: 2px; background: #5da9e0;
}
div.scott span.disabled {
	border: #f3f3f3 1px solid; padding: 5px 8px; color: #ccc; margin-right: 2px;
}