:root {
	--MainColor: rgb(46,135,157);
	--MainColor2: rgb(6, 178, 246);
	--MainColorBlue: rgb(25, 152, 230);
	--MainColorGreen: rgb(54, 210, 158);
	--MainColorYellow: rgb(247, 202, 18);
	--MainColorRed: rgb(222, 71, 71);
	--MainColorPink: rgb(255, 53, 133);
	--MainColorOrange: rgb(247, 114, 23);
	--MainColorPurple: rgb(200, 72, 241);
	--MenuColor: rgba(252, 252, 252, 1);
	--DataWidth: 86%;
	--DataWidthS: 80%;
	--DataMaxWidth: 1800px;
	--borderTB: 1px solid rgb(180, 180, 180);
	--MainColorTxt: rgb(255, 255, 255);
	--MainColorTxt2: rgb(50, 50, 50);
	--MainColorTxt3: rgb(220, 220, 220);
	--bgBlackColor: rgba(242, 242, 242, 1);
	--bgWhiteColor: rgba(250, 250, 250, 1);
}

@font-face {
	font-family: MainFont;
	src: url("/Font/Silapakorn72-Regular_Beta05.ttf");
}

body {
	margin: 0;
	padding: 0;
	font-family: MainFont;
	width: 100%;
	max-width: var(--DataMaxWidth);
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	color: var(--MainColorTxt2);
	line-height: 1.4;
	font-weight: normal;
}

.bgWhite, .bgBlack, .bgDark, .bgVdo, .bgRed, .bgGreen {
	width: 100%;
	background-color: var(--bgWhiteColor);
	margin: 0;
}

.bgBlack {
	background-color: var(--bgBlackColor);
}

.bgDark {
	background-color: var(--MainColorTxt2);
}

.bgRed {
	background-color: var(--MainColorRed);
}

.bgBlue {
	background-color: var(--MainColorBlue);
}

.bgVdo {
	padding-top: 7px;
	padding-bottom: 0px;
	background-color: rgb(10, 10, 10);
}

.HeaderContent {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--MainColor);
	padding-top: 14px;
	padding-bottom: 14px;
	background: linear-gradient( to top right, #088A8D, #3CA8AB 50%, #35C5C8 );
	background: radial-gradient( to right, #11818A 40%, #2B9CC2 70%, #34737C );
}

.btLogo {
	outline: none;
	height: 75px;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	vertical-align: middle;
	filter: grayscale(0%);
}

	.btLogo:hover {
		filter: grayscale(60%);
	}

.LowLineHeight {
	line-height: 0.9;
}

.LowLineHeight2 {
	line-height: 1;
}


.BlankSpace {
	height: 40px;
}

.BlankSpaceS {
	height: 20px;
}

.BlankSpaceSS {
	height: 10px;
}

.lbHeader, .lbHeader2, .lbHeaderEn, .lbHeader2En {
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	white-space: nowrap;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	font-size: 57px;
	color: var(--bgWhiteColor);
	text-decoration: none;
	font-weight: normal;
	font-family: MainFont;
}

.lbHeaderEn {
	
	font-size: 47px;
	
}

.lbHeader2, .lbHeader2En {
	font-size: 20px;
	font-weight: normal;
}

.lbtHeader {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

	.lbtHeader:link {
		text-decoration: none;
	}

.FooterContent {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(106, 108, 110, 1);	
}

.btFooter, .lbFooter, .btFooter2, .lbFooter2 {
	width: auto;
	font-size: 15px;
	background-color: transparent;
	color: rgb(255, 255, 255);
	border: none;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	font-family: MainFont;
	font-weight: normal;
	padding: 0;
}


.btFooter2 {
	margin-left: 10px;
}


	.btFooter:hover, .btFooter2:hover {
		opacity: 0.7;
	}


.lbFooter, .lbFooter2 {
	cursor: default;
	white-space: normal;
}

.lbFooter2 {
	font-size: 25px;
}

.UnderLine, .VerticalLine {
	width: 100%;
	height: 1px;
	background-color: rgb(200, 200, 200);
}


.VerticalLine {
	width: 1px;
	height: 100%;
}

.DataContent, .DataContentS {
	width: var(--DataWidth);
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}

.DataContentS {
	width: var(--DataWidthS);
}

.VdoContent {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	pointer-events: none;
}

.TbContent {
	border-collapse: collapse;
	border-spacing: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: auto;
	width: 100%;
	background-color: none;
	overflow-x: auto;
}

	.TbContent td {
		padding-bottom: 5px;
		padding-top: 5px;
		font-size: 18px;
		color: var(--MainColorTxt2);
		vertical-align: middle;
	}

.AutoWidthCell, .AutoWidthCellNoPad, .AutoWidthCellLeft, .AutoWidthCellRight {
	width: 1%;
	white-space: nowrap;
	padding-right: 10px;
	padding-left: 10px;
}

.AutoWidthCellNoPad {
	padding: 0px;
}

.AutoWidthCellLeft {
	padding-left: 0px;
}

.AutoWidthCellRight {
	padding-right: 0px;
}

.ContainMenu {
	width: 100%;
	border: none;
	background-color: rgb(60, 68,75);
	margin: 0;
	padding: 0;
	border: none;
	position: -webkit-sticky;
	position: sticky;
	top: 3px;
	z-index: 5;
	-webkit-backdrop-filter: blur(3px); /*blur bg*/
	backdrop-filter: blur(3px); /*blur bg*/
	padding-top: 8px;
	padding-bottom: 6px;
	border-bottom: 1px solid rgb(30, 30, 30);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.MenuUpper {
	width: 100%;
	height: 3px;
	background-color: var(--MainColor);
	background: linear-gradient( to right, #0196FF, #EAD218 30%, #FA8249 50%, #C75FED 70%, #31DD89);
	background: linear-gradient( to right, #DDF74D, #E5E085 30%, #BBF71B 50%, #F1E51C 65%, #CEE80B);
	background: linear-gradient( to right, #F85A4E, #F9A260 30%, #FB7171 50%, #FBBE56 65%, #FA5959);
	top: 0px;
	z-index: 5;
	position: -webkit-sticky;
	position: sticky;
}

.flexMenu {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 100%;
	max-width: var(--DataMaxWidth);
	height: auto;
	border: none;
	margin: auto;
	padding: 0;
	align-items: center;
	background-color: transparent;
}

.flexMobMenu {
	display: none;
}



.btMenu, .btMenuFocus, .btLang, .btLangFocus, .btMenuHidden {
	background-color: rgba(200,0,0,0);
	border: none;
	outline: none;
	/*color: rgb(255, 255, 255);*/
	color: rgb(190, 190, 190);
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	cursor: pointer;
	padding-left: 0px;
	padding-right: 0px;
	display: block;
	border-radius: 0px;
	margin: 0;
	font-family: MainFont;
	font-weight: normal;
}

.btLang, .btLangFocus {
	
	font-size: 20px;
	
}

.btMenuFocus, .btLang {
	color: rgb(255, 255, 255);
}

.btMenuHidden {
	visibility: hidden;
}

.flexAround, .flexBetween, .flexCenter, .flexProfile, .flexCenterMiddle {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
	justify-content: space-around;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1800px;
	height: auto;
	border: none;
	margin: auto;
	align-items: stretch;
}

.flexProfile {
	align-items: flex-start;
	justify-content: space-between;
}

.flexBetween {
	justify-content: space-between;
}

.flexCenter {
	justify-content: center;
}

.flexCenterMiddle {
	justify-content: center;
	align-items: center;
}

.ContainProfile {
	width: 65%;
}

.btImageSocial, .btImageSocial2 {
	outline: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
}

	.btImageSocial:hover, .btImageSocial2:hover {
		filter: grayscale(60%);
	}

	.btImageSocial img {
		height: 25px;
		width: auto;
		margin: 0;
		padding: 0;
		vertical-align: middle;
	}

.btImageSocial2 {
	margin-right: 10px;
}

	.btImageSocial2 img {
		height: 30px;
		width: auto;
		margin: 0;
		padding: 0;
		vertical-align: middle;
	}

	

.btImg {
	outline: none;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	vertical-align: middle;
	height: 20px;
	border-radius: 4px;
	padding: 3px;
	vertical-align: middle;
}


	


.btLogin {
	background-color: rgb(255, 255, 255);
	color: var(--MainColorTxt2);
	border: 1px solid white;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	border-radius: 25px;
	width: auto;
	font-size: 14px;
	padding: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: MainFont;
}

.btGeneral, .btGeneralColor {
	background-color: rgb(50, 50, 50);
	padding: 7px;
	font-size: 18px;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	white-space: nowrap;
	border: none;
	color: rgb(255, 255, 255);
	text-align: center;
	vertical-align: middle;
	width: auto;
	border-radius: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-family: MainFont;
}

.btGeneralColor {
	background-color: var(--MainColor);
}


.lbTopic, .lbTopicC, .lbHead, .lbHeadC, .lbSmall, .lbNormal, .lbNormalC {
	font-size: 30px;
	color: var(--MainColorTxt);
	font-family: MainFont;
}

.lbHead, .lbHeadC {
	font-size: 26px;
}

.lbSmall {
	font-size: 15px;
	color: var(--MainColorTxt3);
}

.lbNormal, .lbNormalC {
	font-size: 18px;
}

.lbNormalC, .lbHeadC, .lbTopicC {
	color: var(--MainColor);
}



.btLabel, .btLabel2, .btLabel3, .btLabelColor {
	background-color: transparent;
	color: var(--MainColorTxt2);
	border: none;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	width: auto;
	font-size: 16px;
	padding: 0;
	font-family: MainFont;
}

.btLabel2 {
	color: var(--MainColorTxt3);
}

.btLabel3 {
	color: rgb(100, 100, 100);
	font-size: 26px;
}

.btLabelColor {
	color: var(--MainColor);
	font-size: 26px;
}

.btLabel3, .btLabelColor {
	margin-left: 20px;
	margin-right: 20px;
}


.ImAnnounce {
	width: auto;
	height: 20vh;
	padding: 0;
	margin: 0;
}

.ContainNews {
	outline: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	white-space: normal;
	border-bottom: 1px solid rgb(220, 220, 220);
	border-radius: 0px;
	padding: 0px;
	background-color: rgba(30, 30, 30, 0);
	text-decoration: none;
	display: block;
	width: 26%;
	margin: 0;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom: 40px;
}


.ImNews, .ImNews2, .ImProfile {
	width: 100%;
	height: auto;
	border-radius: 0px;
	-moz-border-radius: 0px;
}

.ImNews2 {
	width: 20%;
	height: auto;

}

.ImProfile {
	width: 25vw;
	height: auto;
}

.hlLabel, .hlLabelColor, .hlLabelS {
	color: var(--MainColorTxt2);
	font-size: 18px;
	font-family: MainFont;
	text-decoration: none;
}

.hlLabelColor {
	color: var(--MainColorBlue);
	text-decoration: underline;
}

.hlLabelS {
	
	font-size: 15px;
	
}

.btOpenMenu, .btCloseMenu {
	display: none;
}


.nav__icon {
	width: 30px;
	height: 16px;
	margin-right: 0px;
	margin-bottom: auto;
	margin-top: auto;
	position: relative;
	cursor: pointer;
}

	.nav__icon span {
		transition: all .3s;
		display: inline-block;
		background-color: var(--MainColorTxt);
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		border-radius: 15px;
	}

		.nav__icon span:nth-of-type(1) {
			top: 0px;
		}

		.nav__icon span:nth-of-type(2) {
			top: 7px;
		}

		.nav__icon span:nth-of-type(3) {
			bottom: 0px;
		}

.HidetoShow {
	display: none;
}

.ShowtoHide {
	display: block;
}

.lbtWhitebg, .lbtWhitebg2, .lbtWhitebg3, .lbtWhitebg3Blank {
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	white-space: normal;
	border-radius: 10px;
	border: 1px solid rgb(220, 220, 220);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
	padding: 12px;
	background-color: var(--bgWhiteColor);
	text-decoration: none;
	display: inline-block;
	width: 25%;
	margin: 0;
	vertical-align: middle;
	transition: transform .1s;
	text-align: center;
	color: var(--MainColorTxt2);
}

	.lbtWhitebg:hover, .lbtWhitebg2:hover, .lbtWhitebg3:hover {
		transform: scale(1.05);
		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
	}

.lbtWhitebg2 {
	width: 55%;
	padding-bottom: 6px;
}

.lbtWhitebg3, .lbtWhitebg3Blank {
	border-radius: 0px;
	border: 1px solid rgb(240, 240, 240);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0);
	padding: 0px;
	width: 21.5%;
	padding-bottom: 35px;
	margin-top: 10px;
	margin-bottom: 40px;
}

.lbtWhitebg3Blank {
	visibility: hidden;
}


.imLbt, .imLbt2 {
	width: 100%;
	height: auto;
	align-content: center;
	cursor: pointer;
	border-radius: 10px;
}

.imLbt2 {

	border-radius: 0px;
}

.rbtAndcb, .rbtAndcb2 {
	border: none;
	background-color: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

	.rbtAndcb label {
		margin-right: 25px;
		vertical-align: middle;
		margin-left: 2px
	}

	.rbtAndcb td {
		border: none;
		vertical-align: middle;
		text-align: left;
		margin: 0;
		padding: 0;
		color: var(--MainColorTxt2);
		font-size: 22px;
		font-family: MainFont;
	}

	.rbtAndcb2 td {
		border: none;
		vertical-align: middle;
		text-align: left;
		margin: 0;
		padding: 0;
		color: var(--MainColorTxt2);
		font-family: MainFont;
	}

	.rbtAndcb2 label {
		margin-right: 10px;
		vertical-align: middle;
	}

.tbInput, .tbInputNoWidth {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	vertical-align: middle;
	font-family: MainFont;
}

.tbInputNoWidth {
	width: auto;
	
}

.modal {
	display: block; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 10; /* Sit on top */
	left: 0;
	top: 0;
	width: 100vw; /* Full width */
	height: 100vh; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	z-index: 11; /* Sit on top */
	background-color: rgba(250, 250, 250, 0.4); /* Black w/ opacity */
	-webkit-backdrop-filter: blur(5px); /*blur bg*/
	backdrop-filter: blur(5px); /*blur bg*/
}

.modal-content, .modal-contentXL, .modal-contentS, .modal-contentL {
	background-color: var(--bgWhiteColor);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 0px solid rgb(100, 100, 100);
	padding: 15px;
	box-shadow: 1px 1px 10px 2px rgba(0,0,0, 0.4);
	width: 40%;
	max-width: 800px;
	border-radius: 10px;
}

.modal-contentL {
	width: 55%;
	max-width: 1300px;
}

.modal-contentXL {
	width: 85%;
	max-width: 1500px;
}

.modal-contentS {
	width: 30%;
	max-width: 400px;
}


@media screen and (max-width: 1150px) {
	.btLogo {
		height: 70px;
	}

	.lbHeader {
		font-size: 54px;	
	}

	.lbHeaderEn {
		font-size: 43px;
	}

	.lbHeader2, .lbHeader2En {
		font-size: 19px;
	}

	.lbHead, .lbHeadC, .btLabel3, .btLabelColor {
		font-size: 25px;
	}

	.ContainNews {
		width: 30%;
		margin-top: 10px;
		margin-bottom: 40px;
	}

	.lbtWhitebg3, .lbtWhitebg3Blank {
		width: 27%;
		padding-bottom: 35px;
		margin-top: 10px;
		margin-bottom: 40px;
	}

	.modal-contentS {
		width: 35%;
	}

	.modal-content {
		width: 45%;
	}

	.modal-contentL {
		width: 60%;
	}
}


@media screen and (max-width: 1000px) {
	.btLogo {
		height: 65px;
	}

	.lbHead, .lbHeadC, .btLabel3, .btLabelColor {
		font-size: 24px;
	}

	.rbtAndcb td {
		font-size: 21px;
	}

	.ContainNews {
		width: 45.5%;
		margin-top: 10px;
		margin-bottom: 40px;
	}


	.btLang, .btLangFocus {
		font-size: 17px;
	}

	.btMenu, .btMenuFocus, .btMenuHidden {
		font-size: 15px;
	}

	.btLogin {
		padding: 10px;
		padding-top: 4px;
		padding-bottom: 4px;
		font-size: 13px;
	}

	.lbtWhitebg {
		width: 32%;
		margin-bottom: 20px;
	}

	.lbtWhitebg2 {
		width: 60%;
		padding-bottom: 6px;
	}


	.lbtWhitebg3, .lbtWhitebg3Blank {
		width: 30%;
		padding-bottom: 35px;
		margin-top: 10px;
		margin-bottom: 40px;
	}


	.btLabel3, .btLabelColor {
		margin-left: 17px;
		margin-right: 17px;
	}

	.lbHeaderEn {
		font-size: 39px;
	}
}

@media screen and (max-width: 850px) {
	.btLogo {
		height: 60px;
	}

	.lbHeader {
		font-size: 48px;
	}

	.lbHeaderEn {
		font-size: 37px;
	}

	.lbHeader2, .lbHeader2En {
		font-size: 17px;
	}

	.LowLineHeight {
		line-height: 0.8;
	}

	.lbHead, .lbHeadC, .btLabel3, .btLabelColor {
		font-size: 22px;
	}

	.rbtAndcb td {
		font-size: 19px;
	}

	.rbtAndcb label {
		margin-right: 22px;
	}

	.btLang, .btLangFocus {
		font-size: 16px;
	}

	.btMenu, .btMenuFocus, .btMenuHidden {
		font-size: 14px;
	}



	.lbtWhitebg2 {
		width: 65%;
		padding-bottom: 6px;
	}



	.btLabel3, .btLabelColor {
		margin-left: 15px;
		margin-right: 15px;
	}

	.btLabel {
		font-size: 15px;
	}

	.lbSmall {
		font-size: 14px;
	}

	.modal-contentS {
		width: 60%;
	}

	.modal-content {
		width: 50%;
	}

	.modal-contentL {
		width: 65%;
	}
}


@media screen and (max-width: 820px) {
	.btLogo {
		height: 55px;
	}

	.lbHeader {
		font-size: 40px;
	}

	.lbHeaderEn {
		font-size: 32px;
	}

	.lbHeader2, .lbHeader2En {
		font-size: 14px;
	}


	.lbHead, .lbHeadC, .btLabel3, .btLabelColor {
		font-size: 21px;
	}



	.lbTopic, .lbTopicC {
		font-size: 29px;
	}

	body {
		font-size: 17px;
		line-height: 1.4;
	}

	.TbContent td {
		padding-bottom: 5px;
		padding-top: 5px;
		font-size: 17px;
	}

	.lbNormal, .lbNormalC, .tbInput, .tbInputNoWidth {
		font-size: 17px;
	}

	.rbtAndcb td {
		font-size: 19px;
	}

	.flexMobMenu {
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
		justify-content: space-between;
		flex-wrap: nowrap;
		width: 100%;
		max-width: var(--DataMaxWidth);
		height: auto;
		border: none;
		margin: auto;
		padding: 0;
		align-items: center;
		background-color: transparent;
	}

	.flexMenu {
		width: 0;
		position: fixed;
		z-index: 1;
		height: 100vh;
		top: 0;
		left: 0;
		background-color: #111;
		overflow-x: hidden;
		/*transition: 0.5s;*/
		padding-top: 60px;
		flex-direction: column;
		justify-content: flex-start;
	}

	.btMenu, .btMenuFocus, .btMenuHidden {
		text-decoration: none;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 20px;
		color: #818181;
		display: block;
		transition: 0.3s;
		margin: 0;
		margin-top: 5px;
		margin-bottom: 5px;
	}

			.btMenu:hover {
				color: #f1f1f1;
			}

	.btMenuFocus {
		color: rgb(255, 255, 255);
	
	}

	.btCloseMenu {
		display: block;
		position: absolute;
		top: 0;
		right: 10px;
		font-size: 36px;
		border: none;
		background-color: transparent;
		color: white;
	}

	.btOpenMenu {
		font-size: 24px;
		cursor: pointer;
		color: white;
		background-color: transparent;
		padding: 0;
		border: none;
		display: block;
	}

		.btOpenMenu:hover {
			background-color: #444;
		}


	.HidetoShow {
		display: block;
	}

	.ShowtoHide {
		display: none;
	}

	.lbtWhitebg {
		width: 40%;
		margin-bottom: 20px;
	}

	.lbtWhitebg3, .lbtWhitebg3Blank {
		width: 43%;
		padding-bottom: 35px;
		margin-top: 10px;
		margin-bottom: 40px;
	}

	.lbtWhitebg3Blank {
		padding: 0px;
		margin: 0px;
		height: 0px;
	}


	.btLabel3, .btLabelColor {
		margin-left: 13px;
		margin-right: 13px;
	}

	.flexProfile {
		flex-direction: column;
		align-items: center;
	}

	.ContainProfile {
		margin-top: 20px;
		width: 100%;
	}

	.ImProfile {
		width: 35vw;
		height: auto;
	}
}



@media screen and (max-width: 650px) {
	.btLogo {
		height: 50px;
	}

	.lbHeader {
		font-size: 36px;
	}

	.lbHeaderEn {
		font-size: 27px;
	}

	.lbHeader2 {
		font-size: 13px;
	}

	.lbHeader2En {
		font-size: 11px;
	}

	.lbHead, .lbHeadC, .btLabel3, .btLabelColor {
		font-size: 20px;
	}


	

	.rbtAndcb label {
		margin-right: 20px;
	}

	.rbtAndcb2 label {
		margin-right: 8px;
	}


	.lbTopic, .lbTopicC {
		font-size: 28px;
	}

	body {
		font-size: 16px;
		line-height: 1.4;
	}

	.TbContent td {
		padding-bottom: 5px;
		padding-top: 5px;
		font-size: 16px;
	}

	.lbNormal, .lbNormalC, .tbInput, .tbInputNoWidth {
		font-size: 16px;
	}

	.rbtAndcb td {
		font-size: 18px;
	}

	.lbtWhitebg {
		width: 49%;
		margin-bottom: 20px;
	}

	.lbtWhitebg2 {
		width: 70%;
		padding-bottom: 6px;
	}

	.lbtWhitebg3, .lbtWhitebg3Blank {
		width: 46%;
		padding-bottom: 35px;
		margin-top: 10px;
		margin-bottom: 40px;
	}

	
	.btLabel3, .btLabelColor {
		margin-left: 10px;
		margin-right: 10px;
	}

	.btImg {
		height: 16px;
	
	}

	.lbSmall {
		font-size: 13px;
	}

	.modal-contentL {
		width: 80%;
	}


	.modal-content {
		width: 65%;
	}

	.btLang, .btLangFocus {
		font-size: 16px;
	}
}


@media screen and (max-width: 550px) {
	.btLogo {
		height: 45px;
	}

	.lbHeader {
		font-size: 34px;
	}

	.lbHeaderEn {
		font-size: 23px;
	}

	.lbHeader2 {
		font-size: 12px;
	}

	.lbHeader2En {
		font-size: 10px;
	}


	.DataContent {
		width: 90%;
		
	}

	body {
		font-size: 15px;
		line-height: 1.3;
	}

	.lbNormal, .lbNormalC, .tbInput, .tbInputNoWidth {
		font-size: 15px;
	}
	

	.TbContent td {
		padding-bottom: 5px;
		padding-top: 5px;
		font-size: 15px;
	}

	.rbtAndcb td {
		font-size: 18px;
	}

	.ContainNews {
		width: 100%;
		margin-top: 10px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}


	.lbtWhitebg3, .lbtWhitebg3Blank {
		width: 100%;
		padding-bottom: 35px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.lbtWhitebg3Blank {
		display: none;
		
	}



	.btLabel3, .btLabelColor {
		margin-left: 9px;
		margin-right: 9px;
	}
	
}


@media screen and (max-width: 500px) {
	.btLogo {
		height: 42px;
	}

	.lbHeader {
		font-size: 31px;
	}

	.lbHeader2 {
		font-size: 11px;
	}

	.lbtWhitebg {
		width: 55%;
		margin-bottom: 20px;
	}

	.lbtWhitebg2 {
		width: 75%;
		padding-bottom: 6px;
	}

	
	.rbtAndcb label {
		margin-right: 18px;
	}

	
}


@media screen and (max-width: 450px) {
	.btLogo {
		height: 40px;
	}

	.lbHeader {
		font-size: 22px;
	}

	.lbHeaderEn {
		font-size: 16px;
	}


	.lbHeader2 {
		font-size: 8px;
	}

	.lbHeader2En {
		font-size: 7px;
	}

	.DataContent {
		width: 94%;
	}

	.LowLineHeight {
		line-height: 0.7;
	}

	.lbTopic, .lbTopicC {
		font-size: 26px;
	}

	.lbHead, .lbHeadC, .btLabel3, .btLabelColor {
		font-size: 19px;
	}

	.btLang, .btLangFocus {
		font-size: 15px;
	}

	.lbtWhitebg {
		width: 65%;
		margin-bottom: 20px;
	}

	.lbtWhitebg2 {
		width: 85%;
		padding-bottom: 6px;
	}

	

	.rbtAndcb label {
		margin-right: 0px;
	}

	.rbtAndcb td {
		font-size: 17px;
		display: block;
		margin-bottom: 5px;
	}

	.rbtAndcb2 label {
		margin-right: 0px;
	}

	.rbtAndcb2 td {
		display: block;
		margin-bottom: 5px;
	}


	.btLabel3, .btLabelColor {
		margin-left: 7px;
		margin-right: 7px;
	}

	.btImg {
		height: 14px;
	}

	.btLabel {
		font-size: 14px;
	}

	.lbSmall {
		font-size: 12px;
	}

	.modal-contentS, .modal-content, .modal-contentL {
		width: 85%;
	}

	.ImProfile {
		width: 40vw;
		height: auto;
	}
}



@media screen and (max-width: 350px) {
}