header { height: auto; }
header h1 {  margin: 2% 0 0 0 }
header h1 p { margin: 0 0 50px 0 }
header h1 strong { padding: 5px 10px; font-weight: normal; border: 1px solid #fff }
header h1 small { background: none; color: #fff;line-height: 100px; box-shadow: none; letter-spacing: 2px;text-shadow: 0 0 5px rgba(0,0,0,0.5)}
select { font-size: 16px }

.contentBase {padding-top: 0 ; border: none}



.allOrderView { /*position: -webkit-sticky; position:sticky;*/ display: none; padding: 0; margin:0 auto 10px auto; width: 95%; height: auto; border-radius: 40px;font: bold 22px/40px "Times New Roman","微軟正黑體"; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5); z-index: 50}
.allOrderView > .list { display: none; font: 16px/40px "Times New Roman","微軟正黑體"; }
.allOrderView > .list a { display: block; }
.allOrderView > .list > .close { margin: 0 auto 10px auto; width: 30%; color:#ddd; background: #545454; }


@media only screen and (max-width: 1100px) {
	.mobileSmallType { font-size: 60px }
}




@media only screen and (max-width: 850px) {
.allOrderView { display: block !important }
}

@media only screen and (max-width: 800px) {
	header h1 { font: 40px/40px "Times New Roman","微軟正黑體";  }
	header h1 .mobileSmallType { font-size: 30px; }
	header h1 .mobileSmallType2 { font-size: 24px; }
	header h1 p {margin: 0 0 20px 0; font-size: 30px; }

	header h1 small {line-height: 50px}
}