.block { display:block }

.relbox { position:relative }
.absbox { position:absolute }

/*btn*/
.obtn {
min-width:100px;
padding:10px;
box-sizing:border-box;
min-heigth:40px;
border-radius:3px;
color:#ffffff;
opacity:.8;
text-align:center;
}

.obtn:hover {
opacity:.1;
}

.obtn[class~=red] {
background-color:#FF3300
}

.obtn[class~=gre] {
background-color:#66CC00
}

/*form*/
.oki input[type=text],.oki textarea{
padding:5px;
}

.oki select ,.oki select option{
 min-width:200px;
 min-height:50px;
 line-height:50px;	
 text-indent:10px;
 font-size:14pt;
 vertical-align:middle;
}
.oki select option {
padding-top:10px;
}

.oki select.qtys ,.oki select.qtys option{
 min-width:50px;
 min-height:25px;
 line-height:25px;	
 text-indent:10px;
 font-size:12pt;
 vertical-align:middle;
}

.oki select.qtys option {
padding-top:5px;
}

.oki input[class~=alert]{
 border:1px solid #ff0000;	
}

.oki .error{
color:#ff0000;
padding-top:10px;
font-size:9pt;	
}

/*grid*/
.oki .calpanel{
width:100%;
display:table;
margin:0px!important;
padding:0px!important;
}
.oki .calpanel li {
display:table-cell;
list-style:none!important;
background-image:none!important;
margin:0px!important;
padding:0px!important;
}
.oki .calpanel .mncap {
text-align:left;
font-size:16pt;
}
.oki .calpanel .mnbtn {
text-align:right
}



.oki .cal {
width:100%;
border:1px solid #ccccc;
}

.oki .cal td {
 border:1px solid #ccccc;
 position:relative;
 height:60px;
}


.oki table.cal tr.wktitle td{
text-align:center!important;
font-size:9pt;
 min-height:20px!important;
 height:20px;
}


.oki table.cal tr td:nth-child(1),.oki table.cal tr td:nth-child(7){
background-color:rgba(255,0,0,.1);
}



.oki table.cal td.day[class~=hover]{
background-color:#efefef;
}

.oki table.cal td.day[class~=hover] .qty{
color:#ff9900;
}

.oki table.cal td.day .d{
position:absolute;
right:5px;
top:0px;
margin-top:-4px;
font-size:9pt;
display:block;
}
.oki table.cal td.day .red{
color:#ff0000;
}
.oki table.cal td.day .qty{
position:absolute;
bottom:0px;
text-align:center;
width:100%;
cursor:pointer
}
.oki table.cal td.day .sp{
position:absolute;
top:10px;
right:5px;
text-align:right;
width:100%;
font-size:8pt
}


.oki table.cal td.day .qty:hover{
color:#ff9900;
}

.oki .secback,.oki .pointer {
cursor:pointer;	
}

/*bsec-2 =========================================================*/
.oki .cnnotice {/*連續假期提醒：和區域卡片同寬，不壓到右邊的預訂列表（2026-10-24）*/
width:60%;
}
.oki .roomqtybox {
margin:10px 0px;
min-height:300px;
}
.oki .roomqtybox ul {
border:1px solid #cccccc;
width:60%;
margin-bottom:5px!important;
display:table;
margin-left:0px!important;
}
.oki .roomqtybox ul li {
padding:10px!important;
vertical-align:top;
display:table-cell;
list-style:none!important;
background-image:none!important;
margin:0px!important;
}

.oki .roomqtybox .picbox{
width:30%
}

.oki .roomqtybox .infomain {
width:100%;	
border:0px;
}

.oki .roomqtybox .infobox{
width:50%
}
.oki .roomqtybox .qtybox{
width:50%;
text-align:right;
font-size:10pt!important;
}

.oki .roomqtybox .qtybox sub{
font-size:9pt!important;
}

.oki .roomqtybox .rpic{
width:90%;
}

.oki .roomqtybox .infobox .dprice{
font-size:9pt;
line-height:12pt;
}
.oki .roomqtybox .rsubtitle{
font-size:10pt!important;
line-height:12pt!important;
}


/*incart*/
.oki .incartbox {
position:absolute;
right:0px;
top:27px;
width:38%;
border:1px solid #cccccc;
padding:15px;
box-sizing:border-box;
}

.oki .incartbox[class~=incartfull]  {
position:relative;
right:auto;
top:auto;
width:100%;
margin-top:15px;
}

.oki .incartbox .titlebox {
border-bottom:1px solid #cccccc;
text-align:center;
padding-bottom:10px	
}
.oki .incartbox  .row {
padding:12px 0px;
border-bottom:1px solid #cccccc;	
}
.oki .incartbox  .row[class~=s] span {
font-size:9pt!important
}

.oki .incartbox  .row span{
display:inline-block;	
width:33%;
}

.oki .incartbox  .row .qty{
font-size:11pt
}

.oki .incartbox .totalbox {
padding:8px 0px;
text-align:center;	
}

.oki .incartbox[class~=incartfull] .totalbox {
padding:8px 0px;
text-align:center;
font-size:16pt	;

}

.oki .incartbox  .row .del {
background-color:#999999;
width:20px;
height:20px;
display:inline-block;
border-radius:3px;
line-height:20px;
text-align:center;
cursor:pointer;
color:#ffffff;
margin-left:10px
}

.oki .incartbox  .row .del:hover {
background-color:#000000;
}


.oki .incartbox[class~=incartfull] .del {
display:none
}

/*bsec-3 =====================================================*/
/*fillbox*/
.oki .fillbox {
margin-top:17px;
width:100%;
border:1px solid #cccccc;
padding:15px;
box-sizing:border-box;
}

.oki .fillbox[class~=nobdr] {
border:1px solid #ffffff;
}

.oki .fillbox .titlebox {
border-bottom:1px solid #cccccc;
text-align:center;
padding-bottom:10px	
}

.oki .fillbox  .row {
padding:15px 0px;
display:table;
width:100%;
}

.oki .fillbox  .schtxt {
padding:15px 0px;
text-align:center;
width:100%;
font-size:14pt
}


.oki .fillbox  .row span {
display:table-cell;
}


.oki .fillbox  .row span[class=cap]{
width:40%;
padding-right:15px;
text-align:right;
}

.oki .rulebox ul {
  list-style:decimal!important;	
    list-style-image:auto!important; 
 list-style-type:decimal!important;
  list-style-position:inside!important;
}

.oki .rulebox ul li{
 display:block;
 min-height:auto!important;
 height:auto!important;
  list-style:decimal!important;	 
  list-style-image:auto!important; 
 list-style-type:decimal!important;
 list-style-position:inside!important;
 padding-left:30px!important;
 background-image:none;
}

/*uni show hide ==================================================*/
.show360 { display:none }
.show360bk { display:none }



@media screen and  (max-width: 760px) {
.oki .roomqtybox {
min-height:auto;
}
.oki .cnnotice {
width:100%;
}

.oki .roomqtybox ul {
width:100%;
}



.oki .incartbox {
position:relative;
left:auto;
top:auto;
width:100%;	
}
.mfooterblock {
display:block;
height:100px;	
}

.oki .fillbox  .row span[class=cap]{
width:30%;
font-size:9pt;
}


}
@media screen and  (max-width: 640px) {
.hide640 { display:none }	
.oki select.qtys ,.oki select.qtys option{
 min-width:60px;
 min-height:20px;
 line-height:20px;	
 text-indent:10px;
 font-size:12pt;
 vertical-align:middle;
}	
.oki select.qtys option {
padding-top:2px;
}
	
.oki table.cal td.day .qty{
font-size:10pt;
}


.oki .roomqtybox ul li.infobox .rprice {
font-size:10pt!important;	
line-height:12pt;
}
.oki .roomqtybox ul li.qtybox i {
display:none	
}

.oki .roomqtybox .dprice i { display:none }	


.oki .fillbox .schtxt span {
display:block;
padding:10px
}
.oki .fillbox .captcha {
 width:120px!important;	
} 

}

@media screen and  (max-width: 360px) {
.show360 { display:inline-block }	
.show360bk { display:block }
}