.tncPopup {line-height: 1.5; padding-top:40px; 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 section {text-align: center;margin: auto;}
.tncPopup section img {width: 90%; max-width: 299px;}
.tncPopup section > p {max-width: 820px;margin: 30px 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: 30px 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.tasBtn {background-color: #ff8201; 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;}

.desktop {}
.mobile {display: none!important;}

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

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