.tncPopup {line-height: 1.5; padding-top:50px; margin: 0; font-size: 12px; font-family:Arial, Helvetica, sans-serif;background-color: white;font-family: Lato,Arial,"Microsoft YaHei","PingFang TC","Hiragino Sans GB",STHeiTi,"Microsoft JhengHei",sans-serif; color: #000; overflow: scroll;}
.tncPopup li {padding-bottom:10px; }
.tncPopup a {color:black;}
.tncPopup section {text-align: center;margin: auto;}
.tncPopup section img {width: 90%; max-width: 299px;}
.tncPopup section > p {max-width: 820px;margin: 50px auto 10px;line-height: 1.6;}
.tncPopup section  small {max-width: 820px; margin: auto;display: block;}
.en .tncPopup section > p {line-height: 1.5;}
.tncPopup section > p strong {color:#4eb744;}

.tncPopup #buttons {margin: 50px auto 0; text-align: center;}
.tncPopup #buttons > a {display: inline-block; vertical-align: middle; font-size: 26px; padding: 10px 30px; border-radius: 10px;  text-decoration: none;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; margin: 0 2px 10px;font-weight: 800;}
.tncPopup #buttons > a.voteBtn {background-color: #fed503; color: #000;}
.tncPopup #buttons > a.tasBtn {background-color: #F57144; color: #fff;}
.tncPopup #buttons > a.howBtn {color: #555;border: 1px solid #ccc;}

.tncPopup section  small {font-size: 15px;}
.tncPopup #tnc_text {width: 70%; padding:100px 20px;margin: auto;}

@media (min-width: 769px) {
	.tncPopup section > p {font-size: 28px;}
  	.en .tncPopup section > p {font-size: 30px;}
  	.tncPopup #buttons > a.voteBtn:hover {background-color: #fff700;}
	.tncPopup #buttons > a.tasBtn:hover {background-color: #ff4100;}
}

@media (max-width: 768px) {
	.tncPopup section img {width: 75%;}
	.tncPopup #buttons > a.voteBtn, .tncPopup #buttons > a.tasBtn, .tncPopup #buttons > a.howBtn {width: 100%;}
	.tncPopup #buttons > a {margin: 0 0 10px;}
	.tncPopup section > p {font-size: 21px; padding:0 5%;}
	.en .tncPopup section > p {font-size: 20px;}
	.tncPopup #tnc_text {width: 100%;padding:80px 0;}
}