html,body{
		margin:0;
		font-size:10px;
		text-align:left;
		height:100%;
		overflow: hidden;
		top:0;
	}
	*{font-weight: bold;	}
	body{
		font-size:2.4rem;
		background-color:#000000;
	}
	section{top:0% !important;}
	header{border-bottom:1px solid #000000;}
	p{display:flex;width:98%;margin:10px auto;line-height:26px;align-items:center;}

	/*#sub1{display:flex;font-size:26px;justify-content:flex-start;}*/
	#hpp,#mainFrame{width:100%;height:100%;}#mainFrame{background-color:#DDE9F6;}
	#tb_res{border-collapse: collapse;width:60%}
	#tb_res td{padding:5px;border:1px solid #CECECE;}
	#tb_res tr td:first-child{font-size:1.8rem;}#tb_res tr td:nth-child(2){font-size:2.3rem;}

/* Custom Radio Buttons */
/* The container */
.container {
  display: flex;
  position: relative;
  padding-left: 1.3em;
  margin-bottom: 12px;
  margin-left:1em;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



/* 2021-10 單項產品更新 */
.prod_level{background-color:#3D3D3D;margin:0;border-bottom:1px solid #ffffff;}
.prod_level p{background-color:#3D3D3D;margin:0;padding:10px 10px 10px 10px;}
.prod_level,.prod_level form p,.prod_level label{cursor:pointer;}
.prod_level form p,.prod_level label{display:none;margin-left:1em;}
.prod_level .giveaway{display:none;margin-left:2em;font-weight:500;font-style:italic;position: relative;bottom: 1em;width:calc(100% - 2em);margin-top:0.6em;}
.prod_level.active form p,.prod_level.active label,.prod_level.active .giveaway{display:inline-block;}

/* 20220413 發票資訊 */
#invoice{font-size:20px;}
#invoice input[type='radio'] { 
 transform: scale(2);/* margin-left: 2em;*/
}

#invoice p{width:100%;display:flex;}
#invoice input[type=text]{
	margin-left:1em;font-size:1em;padding:3px;
	display:flex;flex:1;max-width:70%;min-width:50%;
	background-color:transparent;
	border:1px solid #fff;
}
#invoice label{margin-bottom:0;}
.invotype,.invophone{display:flex;align-items:center;}
.invotype label,.invophone label{padding-left:0.5em;}
.invotype ~ p{text-indent:2.5em;}

#twzipcode{display:flex;}
#twzipcode select,#twzipcode input{
	background-color:#334882;
	color:#fff;
}

#twzipcode input{display:flex;flex:1;min-width:18% !important;}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.item__overlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height:100%;
  position: absolute;
  width: 100%;
  top: 0;

  transition: transform 300ms;
  background-color:#8FB0E1;
  transform: translate3d(0, 70%, 0);
}

.item__body {
  display:flex;
  height:65%;
  flex-grow: 1;
  padding: 1rem;
}
.item__body p {
  margin: 0;
  /*line-height:3.3rem;*/
  color:#ffffff;
}
/* 下載產品列表 - END　*/
.modal{color:#3C3C3C;font-size:2.2rem;}
.modal a,.modal a:visited{color:#000;text-decoration:none;display:inline-block;flex-wrap: wrap;}


/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
  /*background-color: #FFA638;*/
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
/* Custom Radio Buttons - END　*/

/*  */
.modal-footer{display:flex;align-items:center;}
.note::before{
    font-family: "Font Awesome 5 Free"; 
	font-weight: 400;
	content: "\00a0\f4ad";	
}
.info::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: "\f05a";
}


@media(max-width: 420px){
#invoice{width:calc(100% - 15px) !important; }
#invoice div{width:100% !important;}
#tb_res{border-collapse: collapse;width:96%;;margin:20px auto;}
}	


.title  {color:#FFFFCE;margin-top:20px;}
.focus1 {color:yellow;}
.focus2 {color:#32EFFA;}
#sec0 p {display:flex;align-items: flex-start;padding:20px 2px;}
#sec0 p span:nth-child(1) {width:120px;}
#sec0 p span:nth-child(2) {width:calc(100% - 120px);display:block;}
.btn1 {width:60% !important;}
.paytype,.bank {width:20px;height:20px;}
.Pli {margin-left:26px !important;}

.total {justify-content:flex-end;}
#invocnt3 { flex-direction: column; }
.Pli2{margin: 3px 0 3px 26px !important;}
.bank2 {background-color: #F2DCDC;color: #000000;margin: 0; padding: 5px 26px; font-size: 22px;}
.bank3 {background-color: #5B5B5B;color: #F9F900;margin: 0; padding: 10px 26px; font-weight: 500;}