/* 共用 */
#resMain {
	border:1px solid #efefef;
	margin:0;	
	width:100%;	
}
#resHeader {background-color:#FFF;}
#resHeader .restitle {font-size:1.9em;color: #000;width:100%;text-align:center;}
#resContent .subtitle {font-size:1.2em;font-weight:bold;color: #336699;line-height:1.8;text-align:left;}
#resContent .subtitle2,#NewsShow .subtitle2{font-size:1.2em;font-weight:bold;color: #666666;line-height:1.8;text-align:left;}
#resContent {text-align:center;margin:0 1%;clear:right;}
#resContent p {text-align:left;font-size:1em;}
#resContent table,#resContent ul,#resContent li {text-align:left;}
#resContent ul li{list-style-type:disc;margin-left:1em;}
#resContent ol li{list-style-type:decimal;margin-left:1em;}
#reserv_noteList{text-align:left;}
#reserv_noteList li{list-style-type: disc;margin-left:5%;line-height:2em;}
#NewsShow {}
#siteList li,#siteList li a{white-space: nowrap;}
#siteList li{margin: 0 1.25%;}
#siteList > li a{color: #333;}
#siteList {border-bottom: solid 1px #F0F0F0; padding: 5px 0;}
#siteList li{display:inline-block;margin:1% 0;font-size:1.2em;width: 30%;text-align: center;}
#siteList li a{color:#FFF;text-decoration:underline;position: relative;padding: 0 0 0 0.5em;display: inline-block;}
#siteList li a+small{display: block;}
small{font-size:0.8em;color:#FFF;}
#siteList li a:hover{color:#ffdd00;text-decoration:underline;}
#siteList li a:before{content: "";width: 0;height: 0;position: absolute;border-style: solid;border-width: 6px 0px 6px 6px;border-color: transparent transparent transparent #fff;left: 0;top: 7px;}
#siteList li a:hover:before{border-color: transparent transparent transparent #ffdd00;}
#goldenList{background-color:#ff851e;}
#getgoalList{background-color: #37a3ec;}
#apexList{background-color:#8884e2;}
@media (max-width:767px) {
	#NewsShow .ann1 {
		height:auto;	
		width:auto;	
	}			
	#NewsShow img {
		height:calc(90%);	
		width:calc(90%);	
	}		
}
/* 登入資訊列 */
#MemberData {
	background-color:#f9f9f9;
	margin:5px 0;
	line-height:1.8;
	text-align:left;
	padding:0.5em;
	display:flex;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	flex-wrap:wrap;/*自動換行*/
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;	
}
#MemberData span {font-weight:bold;}
#MemberData #LogDate {color:#7a7a7a;float:right;margin-right:1.5em;}
/* 選單 */
#resLink {
	display:block;
	margin:2% auto 0 auto;	
}
#resLink li{padding:1%;display:inline-block;border-radius:10px 10px 0 0;}
#resLink li:hover,.#resLink li a:hover{transform:scale(1.2);}
#resLink li a {color:#FFF;font-size: 1.2em;text-decoration:none;}
#resLink .booking{background:#F74A14;!important}
#resLink .query{background:#007c88;!important}
#resLink .operation{background:#885000;!important}
#resLink .CS{background:#7c8800;!important}
#resLink .branch{background:#336699;!important}
/* Login.aspx */
.reserv_title{font-size:1.5em;text-align:center;}
.reserv_item input {
	border-radius: 7px;
    padding: 1%;
    color: #666;
    border: 1px #B2B2B2 solid;	
}
.reserv_item input[type="submit"]{cursor:pointer;}
.reserv_item_note{display:block;margin:1% auto;}
.reserv_item_note,.reserv_hit {color:#993366;}
.reserv_item_note,.reserv_hitb {color:blue;}
.reserv_login,.reserv_noteList{display:inline-table;width:98%;padding:1%;margin:0;}
.reserv_login{margin:0 auto;width:98%;border-bottom:#999 6px solid;}
.reserv_login form{margin:1% auto 0}
.reserv_login input{margin:0 1%;font-size:1.1em;}
.reserv_login .reserv_item{margin:1% auto;}


@media (max-width: 1200px) and (min-width: 1px){

	.reserv_login input{width: 95%!important;}
	.reserv_login input[type="submit"]{background-color: #F0F0F0;margin-top:1em;}
}
/* Booking */
.flows {text-align:left;font-size:17px;}
.flow { display:inline-block; padding:2px 5px; border-radius:6px; background-color:#cccccc; color:#fff; font-weight:bold; margin: 5px;}
.flow.act {background-color:#a864a8;}
.table-striped a, #MemberData a{
	color: #06C!important;
}
.text-blue{color:blue;}
.text-red{color:red;}

.table-striped a:hover, #MemberData a:hover{
	text-decoration: none;
}
.table-striped a:visited, #MemberData a:visited{
	color: #06C!important;
}
.table-striped {margin-top: 1em;}
.table-striped .trBOX {
	display:flex;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	flex-wrap:wrap;/*自動換行*/
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:center;
}
.table-striped .thBOX, 
.table-striped .tdBOX {
	display:block;
	font-weight:bold;
	text-align: center;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
	padding:0.5em 0;	
	width:13%;
}
.table-striped .tdBOX span {
	display:none;
}
.table-striped .thBOX {
	background-color:#336699;
	color:#ffffff;
}
.table-striped, .log-table {
  min-width: 100%;
}
.table-striped th, .table-striped td, .log-table th, .log-table td {
   text-align: center;
   border-top:1px solid #ddd;
   padding:0.5em 0;
}
 .log-table th {
	background-color:#F0F0F0;
}
.log-table tr:nth-child(4n),.log-table tr:nth-child(4n+1)  {
	background-color:#fff2dd;
} 
.time-period-Box {
	background-color:#f7f3de;	
	display:flex;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	flex-wrap:wrap;/*自動換行*/
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;	
	margin:0.5%;	
}
.time-period {
	padding:0.5em;
	width:18%;
}
.table-striped input {
	border-radius: 7px;
    padding: 1%;
    color: #666;
    border: 1px #B2B2B2 solid;
}
#resMsg {text-align:left;margin:1em;border-bottom:#999 6px solid;}

#resMsg a {
	margin:1em;
	background-color:#D46A6A;
	border-radius: 7px;
	color:#FFF;
	font-weight:bold;	
	padding:0.5em;
	line-height:3;
}
.res_success {color:blue;font-weight:bold;}
.res_fail {color:red;font-weight:bold;}
/* log.aspx logInfo.aspx */
#resTAB {
	display:block;
	margin:2% ;	
	text-align:left;
}
#resTAB li{padding:1%;display:inline-block;border-radius:10px 10px 0 0;border:1px solid #fdfdfd; }
#resTAB li span {color:#FFF;font-size:1.2em;font-weight:bold;}
#resTAB li a {color:#333;text-decoration:none;}#resTAB li a:hover {color:#FF0000;text-decoration:underline;}
#resTAB .TABlogOn{background:#000;}
#resTAB .TABlogOff{background:#F0F0F0;}
#resPages {
    float: right!important;
    margin:1em 0;
}
#resPages a {
    color: #333;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;	
    border-color: #ccc;
	text-decoration: none;	
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;	
}
#resPages a:hover {background-color: #ccc;}
#SuspendMain {
	margin:0 auto;
	width:95%;
}
.SuspendBox {
	display:flex;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	flex-wrap:wrap;/*自動換行*/
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;	
}
.SuspendList li {list-style-type:none!important;line-height:2.0;padding:0.5em 0;border-bottom: 1px solid #ddd;}
.SuspendList li span{color:blue;font-weight:bold;}
#SuspendMain div {padding:0.5em; line-height:2.0;}
#SuspendMain .susDate {width:65%;margin-left:1em;text-align:left;}
#SuspendMain .susNote {width:95%;margin-left:1em;text-align:left;font-weight:bold;}
#SuspendMain .suspension {background-color:red;font-weight:bold;color:#FFF;width:30%;}
#SuspendMain .break {background-color:#F0F0F0;font-weight:bold;color:#000;width:30%;}
@media (max-width:767px) {
	.table-striped .thBOX{display:none;}
	.table-striped .tdBOX {width:100%;border-top: 1px solid #ddd;}
	.table-striped .tdBOX span {display:inline-block;padding-right:1em;}
 }

@media (max-width: 1200px) and (min-width: 1px) {
	.time-period {border-top:1px solid #FFF;width:100%;}
	.table-striped input[type="submit"]{
		background-color: #F0F0F0;
		color: #666;
		margin-top:1em;
	}
 }
@media (min-width: 740px) and (max-width: 768px) {
   .table-striped td {
	padding: 0!important;
  }		
 }