/* CSS Document */
@import url(sukabali.css);
@import url(wstyle.css);

/****** 分頁 */
#pg_no{
font-size: 11px;
letter-spacing: 1pt;
color: #727272;
padding-bottom: 20px;
width: 360px!important;
width: 400px;
padding-top: 25px;
clear: both;
}
#pg_no a{color:#23A7C3;}
#pg_no a:visited{color:#23A7C3;}
#pg_no a:hover{color:#23A7C3;text-decoration: underline;}
.no_bu{float:left;margin-top: 3px;margin-right: 10px;}
.nob{float:left;margin-right: 8px;}

/************************************************************************************ 返回 */
#pg_back{
font-size: 11px;
letter-spacing: 1pt;
color: #000;
float: right;
width: 85px;
margin-top: 10px;
clear: both;
}
#pg_back a{color:#23A7C3;}
#pg_back a:visited{color:#23A7C3;}
#pg_back a:hover{color:#23A7C3;text-decoration: underline;}
.back_bu{float:left;margin-top: 3px;margin-right: 10px;}
.nob{float:left;margin-right: 8px;}


/************************************************************************************ SPA介紹 */
#spaif{float:left;}

/****** js */
div.scroller {
height: 160px;
overflow: hidden;
width: 660px;
margin-top: 20px;
*margin-top: 0px;
}
div.scroller div.section {	
width:660px;
height:160px;
overflow:hidden;
float:left;		
background-image: url(../images/basic/line1.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
div.scroller div.content {width: 10000px;}
.sparoll{float:left;width: 660px;}
.sparoll img{
float:left;
margin-right: 10px;
padding: 5px;
border: 1px solid #96B6C2;
margin-top: 5px;
}
.sparoll_word{
float:right;
width: 500px;
margin-top: 3px;
}
.ds{
float:right;
margin-top: -30px;
color: #23A7C3;
margin-right: 10px;
}
.ds a, .ds a:visited{color: #23A7C3;}
.ds a:hover{color: #23A7C3;text-decoration: underline;}

.sparoll h2{font-size: 12px;color: #000000;margin-bottom: 10px;}
.sparoll h2 a, .sparoll h2 a:visited{font-size: 12px;color: #000000;}
.sparoll h2 a:hover{text-decoration: underline;}

.sparoll p{clear: both;}
.srbutton{
position: relative;
float: right;
width: 150px;
top: 168px!important;
top: 165px;
font-size: 10px;
}
.srbutton img{margin: 0 5px 0 5px;}

/****** spa list*****/
.spalist{
padding-top: 40px;
overflow: hidden;
width: 660px;
}
.spabox{float:left;margin-right: 25px;width: 145px;}
.spabox2{margin-right: 0px;}
.spabox img{padding: 5px;border: 1px solid #99B6BF;margin-bottom: 5px;}
.spabox img a{padding: 5px;border: 1px solid #bfd1d7;}
.spabox img:hover{padding: 6px;background-color: #6AC4D7;border: none;}
*html .spabox a:hover img{border: 5px solid #6AC4D7;}

.spabox h2{font-size: 12px;color: #000000;margin:0 5px;}
.spabox h2 a, .spabox h2 a:visited,{font-size: 12px;color: #000000;}
.spabox h2 a:hover{color: #23A7C3;text-decoration: underline;}
.spabox p{margin:0 5px;}

/************************************************************************************ spa show*****/

/** 環境照片js **/
.clssMainRoll {
FILTER: progid:DXImageTransform.Microsoft.Slide(slidestyle=SWAP,Bands=1);
CURSOR: pointer;
}
#vhpic{
margin-top: -20px;
height: 20px;
background-color: #000000;
opacity: 0.6;/* 透明度70% FireFox 的寫法 */
filter: Alpha(Opacity=60);
}
#vhpic ul{float: right;margin-right: 10px;}
#vhpic ul li{float:left;}
#vhpic ul li:hover{background-color: #23A7C3;}



/************************************************************************************ info */
#main table{margin:0;}

.maininfo{
margin-top: 20px;
}
.first_info{
padding-bottom: 15px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #7F7F7F;
margin-bottom: 18px;
}
.sec_info{
margin-bottom: 10px;
}

.infotable01{
font-size: 11px;
color: #000000;
line-height: 18px;
}
.infotable02{
font-size: 10px;
}

/************************************************************************************ spa table*****/
.dintab01{
margin-left: 0px;
}
.dintd02{color:  #23A7C3;}