/*  global  */
	body{ font-family: "Microsoft JhengHei", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "メイリオ", "맑은 고딕", sans-serif; overflow-x: hidden; }
	.wrap{ width: 100%; }
	.container{ max-width: 1200px; }
	.img-rwd { width:100%;}
	.imgbox { overflow:hidden;}
	/* a{ color:#32312f; text-decoration:none;} */
	/* a:focus, a:hover { text-decoration:none; color: initial; } */
	h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal; font-size: initial;}
	ul, section, div, h3 { position: relative;}
	* {
		-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	ul:after, section:after, div:after, li:after { content: ""; display: block; clear: both;}
	ul{ list-style:none; margin:0; padding:0; }
	body,div,p { margin: 0;padding: 0;}

	:root {
		--yellow:#FFD75D;
		--white:#fff;
		--pink:#b20f68;
		--blue:#006da4;
		
	}

/*	.bg-green { background-color: var(--green); }
	.bg-yellow { background-color: var(--yellow); }
	.bg-ltgray { background-color: var(--ltgray); }
	.bg-orange { background-color: var(--orange); }*/

	/* .text-dark,.text-dark a,a.text-dark { color:var(--dark)!important; }
	.text-white,.text-white a,a.text-white { color:var(--white)!important; } */
/*
	.text-blue,.text-blue a,a.text-blue { color:var(--blue); }
	.text-gray,.text-gray a,a.text-gray { color:var(--gray); }
	.text-secondary,.text-secondary a,a.text-secondary { color:var(--secondary); }
	.text-dkblue,.text-dkblue a,a.text-dkblue { color:var(--primary); }
	*/
	.text-yellow,.text-yellow a,a.text-yellow { color:var(--yellow); }
	.text-pink,.text-pink a,a.text-pink { color:var(--pink); }
	.text-blue,.text-blue a,a.text-blue { color:var(--blue); }

	/* .font-10 {font-size: 0.8rem;}
	.font-12 {font-size: 1.2rem;}
	.font-13 {font-size: 1.3rem;}
	.font-14 {font-size: 1.4rem;}
	.font-16 {font-size: 1.6rem;}
	.font-18 {font-size: 1.8rem;} */

	/* .text-decoration-underline { text-decoration: underline; }

	.custom-control-label::before ,.custom-control-label::after{width:20px; height:20px}

	.border-solid-line { border-bottom:1px solid var(--gray); }
	.border-dashed-line { border-bottom:1px dashed var(--gray); }
	.border-dotted-line { border-bottom:1px dashed var(--gray); } */

/*	* { touch-action: none; }*/
/*	==========================================	*/
	/*  icon  */
/*	.footericon { padding-left:25px; }*/

/*	.icon-date { background:url(/assets/img/index/icon_03.png) no-repeat left; min-height: 23px; line-height: 23px; padding-left: 28px; }
	.icon-datedark { background:url(/assets/img/index/icon_03_dark.png) no-repeat left; min-height: 23px; line-height: 23px; padding-left: 28px; }
	.icon-loc { background:url(/assets/img/index/icon_04.png) no-repeat left; min-height: 19px; line-height: 19px; }
	.icon-tel { background:url(/assets/img/index/icon_05.png) no-repeat left; min-height: 19px; line-height: 19px; }
	.icon-fax { background:url(/assets/img/index/icon_06.png) no-repeat left; min-height: 19px; line-height: 19px; }
	.icon-mail { background:url(/assets/img/index/icon_07.png) no-repeat left; min-height: 19px; line-height: 19px; }
	.icon-link { background:url(/assets/img/index/icon_08.png) no-repeat left; min-height: 19px; line-height: 19px; }
	.icon-wechat { background:url(/assets/img/index/wechat_02.png) no-repeat left; min-height: 19px; line-height: 19px; background-size: contain; }
*/


	/*  onscrolling  */
/*	.onscrolling .haderbox { position: fixed; left:0; top:0; width: 100%; z-index: 999; background-color: var(--white); border-bottom: 1px solid var(--ltgray); }
*/
	/*  header  */
	.haderbox { padding: 0 1.5rem; padding-top: 15px; }
	.slidebox { width: 68px; padding-top: 15px; background-color: #191919; }
	.slidebox::before { content: ""; height: 100%; width: 2px; position: absolute; right: 0; 
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#191919+0,ffd75d+30,ffd75d+70,191919+100 */
		background: rgb(25,25,25); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(25,25,25,1) 0%, rgba(255,215,93,1) 30%, rgba(255,215,93,1) 70%, rgba(25,25,25,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(25,25,25,1) 0%,rgba(255,215,93,1) 30%,rgba(255,215,93,1) 70%,rgba(25,25,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(25,25,25,1) 0%,rgba(255,215,93,1) 30%,rgba(255,215,93,1) 70%,rgba(25,25,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#191919',GradientType=0 ); /* IE6-9 */
	}
	.slogan{ position: absolute; top: 300px; left: 22px;
		cursor: default;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}


	.rwdmenubox { width:263px; background-color: #191919; 
		-moz-transform:translateX(-100%);
		-webkit-transform:translateX(-100%);
		-o-transform:translateX(-100%);
		-ms-transform:translateX(-100%);
		transform:translateX(-100%);
		-webkit-transition: all 0.52s ease;
		 	 -moz-transition: all 0.52s ease;
						transition: all 0.52s ease;
	}
	.rwdmenubox::before { content: ""; height: 100%; width: 2px; position: absolute; right: 0; 
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#191919+0,ffd75d+30,ffd75d+70,191919+100 */
		background: rgb(25,25,25); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(25,25,25,1) 0%, rgba(255,215,93,1) 30%, rgba(255,215,93,1) 70%, rgba(25,25,25,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(25,25,25,1) 0%,rgba(255,215,93,1) 30%,rgba(255,215,93,1) 70%,rgba(25,25,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(25,25,25,1) 0%,rgba(255,215,93,1) 30%,rgba(255,215,93,1) 70%,rgba(25,25,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#191919',GradientType=0 ); /* IE6-9 */
	}
	.rwdmenubox.active {
		-moz-transform:translateX(0);
		-webkit-transform:translateX(0);
		-o-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0);
		-webkit-transition: all 0.52s ease;
		 	 -moz-transition: all 0.52s ease;
						transition: all 0.52s ease;
	}

	.rwdmenu-main{ margin-top: 80px; overflow-y: auto; height: calc(100% - 256px); position: absolute; top: 0; left:0; right: 0; bottom:0; }
	.rwdmenu li a { color: var(--white); display: block; padding: 8px 0; }

	.rwdtool { position: absolute; bottom: 15px; left:0; }

	.lang li { display: inline-block; position: relative;}
	.lang li:before { content:"|"; position: absolute; left:70px; top:-1;}
	.lang li:last-child:before { display: none;}
	.lang li a { display: block; color: var(--white); padding-left: 15px; }
	.lang li:first-child a { padding-left: 0;}

	.rwdmenumask { display:none; position:fixed; top:0; left:0; height:100%; width:100%; background-color:rgba(0,0,0,0.6); z-index:9;
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;
	}
	.rwdmenumask.active { display:block; }

	/*	footer	*/
	.footerbox { padding: 30px 1.5rem; }
	.footer-top { padding-bottom: 30px;}
	.copyright { font-size: 0.9rem; }

	.golink { position: fixed; right:15px; bottom: 246px; z-index: 1;}
	.gotop { position: fixed; right:15px; bottom: 186px; opacity: 0; z-index: 1;
								-webkit-transition: all 0.52s ease;
								-moz-transition: all 0.52s ease;
								transition: all 0.52s ease;
	}
	.gotop.active {  opacity: 1; }
	
	/*  index  */
	.wrap { background-color: #191919;}
	.main { padding-left: 70px;}
	.web-title.blue {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,018882+20,018882+80,ffffff+100&0+0,1+20,1+80,0+100 */
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(1,136,130,1) 20%, rgba(1,136,130,1) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(1,136,130,1) 20%,rgba(1,136,130,1) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(1,136,130,1) 20%,rgba(1,136,130,1) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}
	.web-title.ltgreen {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,0c8c8c+20,0c8c8c+80,ffffff+100&0+0,1+20,1+80,0+100 */
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(12,140,140,1) 20%, rgba(12,140,140,1) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(12,140,140,1) 20%,rgba(12,140,140,1) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(12,140,140,1) 20%,rgba(12,140,140,1) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}
	.web-title.green {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,057d57+20,057d57+80,ffffff+100&0+0,1+20,1+80,0+100 */
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(5,125,87,1) 20%, rgba(5,125,87,1) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(5,125,87,1) 20%,rgba(5,125,87,1) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(5,125,87,1) 20%,rgba(5,125,87,1) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}
	.web-title.purple {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,5b4a91+20,5b4a91+80,ffffff+100&0+0,1+20,1+80,0+100 */
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(91,74,145,1) 20%, rgba(91,74,145,1) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(91,74,145,1) 20%,rgba(91,74,145,1) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(91,74,145,1) 20%,rgba(91,74,145,1) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}
	.web-title.red {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,b20f68+20,b20f68+80,ffffff+100&0+0,1+20,1+80,0+100 */
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(178,15,104,1) 20%, rgba(178,15,104,1) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(178,15,104,1) 20%,rgba(178,15,104,1) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,		Safari5.1-6 */
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(178,15,104,1) 20%,rgba(178,15,104,1) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, 		Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}
	.web-title.orange {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,d05641+20,d05641+80,ffffff+100&0+0,1+20,1+80,0+100 */
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(208,86,65,1) 20%, rgba(208,86,65,1) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(208,86,65,1) 20%,rgba(208,86,65,1) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(208,86,65,1) 20%,rgba(208,86,65,1) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}
	.web-title.blue {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,0270af+20,0270af+80,ffffff+100&0+0,0.8+20,0.8+80,0+100 */
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(2,112,175,0.8) 20%, rgba(2,112,175,0.8) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(2,112,175,0.8) 20%,rgba(2,112,175,0.8) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(2,112,175,0.8) 20%,rgba(2,112,175,0.8) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

	}



	.welcome { position: absolute; right: 50px; top:calc((100% - 205px)/2); z-index: 9;}
	.livebg { background: url('/assets/img/index/bg_02.png') no-repeat bottom center; padding-bottom: 100px;}
	.livebg iframe { height: 70vh;}

	

	/* content */
	.contclass { text-align: center; }
	.contclass li { margin-bottom: 10px; }
	.contclass a { border: 1px solid var(--dark); color: var(--dark); display: block; padding: 5px 0; border-radius: 6px; position: relative;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    line-height: 26px;
	}

	.contclass2 { overflow:hidden; max-height: 0;}
	.contclass2 li { border-bottom: 1px dashed var(--dark); margin-bottom: 0; }
	.contclass2 li:last-child { border-bottom: 0; }
	.contclass2 a { border:0;  }

	.contclassdrop { position: absolute; right: 10px; top:14px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 8px 4px 0;
		border-color: transparent var(--dark) transparent transparent;
	}
	.active .contclassdrop {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 8px 4px 0;
		border-color: transparent var(--white) transparent transparent;
	    -webkit-transform: rotate(-90deg);
	    -o-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	}
	.active + .contclass2 { max-height: 1000px; }

	.cookiebox { padding:15px 0;}
	.cookie { text-align: right; }
	.cookie li { display: inline-block; line-height: 22px; }
	.cookie a,.cookie { color:var(--gray); font-size:10pt; word-break: break-all; }
	.cookie li:after { content:">"; padding:0 3px; display:inline-block; }
	.cookie li:last-child:after  { content:"";}
	.cookie li.active a,.cookie li:hover a { color:var(--gray);}

	.pager { display: flex; justify-content: center; padding:20px 0; font-size: 10pt; }
	.pager li a { display: block; margin:8px; color:var(--dark); width: 20px; height: 20px; text-align: center; border-radius: 25px;  }

	.content-left { width:157px; float: left;  }
	.content-right { width: calc(100% - 157px); float: left; padding-left: 30px; }



	/* news */
	.carousel-3d-slide { border:0 !important; background-color: transparent !important;}
	.newssub {
		height: 62px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.newscont {
		height: 85px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
	}
	.carousel-3d-slide img { width: auto !important;}
	.newscontrol { position: absolute; left:0; top:calc((100% - 21.47px)/2); width: 100%;}
	.newspicsbtn { position: absolute;}
	.newspicsbtn:first-child { left:calc(100% - 80%);}
	.newspicsbtn:last-child { right:calc(100% - 80%);}

	.videobg { background: url('/assets/img/index/bg_03.png') no-repeat bottom center; padding-bottom: 200px;}


	/* about */
	.owl-theme .owl-nav [class*=owl-] { margin: 0; padding: 0; margin-top: 10px;  }
	.videomask { opacity: 0;}
	a:hover .videomask { opacity: 1; font-size: .7rem; padding-top: 35px; color: var(--white); position: absolute; top:-15px; width: 100px; height: 100px; background: url('/assets/img/index/contact_mask.png') no-repeat center; background-size: contain; z-index: 1; }
	.aboutbg { background: url('/assets/img/index/bg_04.png') no-repeat bottom center; padding-bottom: 300px;}

	.partnerslist { text-align: center;}
	.partnerslist li { display: inline-block; width: calc(100%/8 - 23px); margin: 10px;}


	/* luckdraw */
	.luckydrawbg { background: url('/assets/img/index/bg_06.png') no-repeat bottom center; padding-bottom: 400px;}
	.googleformbtn{ border-radius: 4px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7d05b+0,9c843a+100 */
		background: rgb(247,208,91); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(247,208,91,1) 0%, rgba(156,132,58,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(247,208,91,1) 0%,rgba(156,132,58,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(247,208,91,1) 0%,rgba(156,132,58,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d05b', endColorstr='#9c843a',GradientType=0 ); /* IE6-9 */
	}
	.winlistbtn{border-radius: 4px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d15440+0,8f3729+100 */
		background: rgb(209,84,64); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(209,84,64,1) 0%, rgba(143,55,41,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(209,84,64,1) 0%,rgba(143,55,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(209,84,64,1) 0%,rgba(143,55,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d15440', endColorstr='#8f3729',GradientType=0 ); /* IE6-9 */
	}
	#winlist { overflow: hidden; max-height: 0;
		-webkit-transition: all 0.52s ease;
		 	 -moz-transition: all 0.52s ease;
						transition: all 0.52s ease;
	}
	#winlist.active { max-height: 2000px;
		-webkit-transition: all 0.52s ease;
		 	 -moz-transition: all 0.52s ease;
						transition: all 0.52s ease;
	}

	/* exhibits */
	.exhibitsbg { background: url('/assets/img/index/bg_01.png') no-repeat bottom center;}

	.cata img:nth-child(2) { display: none; }
	.cata:hover img:nth-child(2) { display: inline-block; }
	.cata:hover img:nth-child(1) { display: none; }
	.cata:hover div { display: block; }

	.pdmenu a {display:block; padding: 10px 0; padding-right: 20px; font-size: 1.6rem; font-weight: bolder; word-break: break-word; border-bottom: 2px solid #383838; }
	.pdmenu > li:last-child > a { border-bottom: 0; }





	.pd-left { float: left; width: 320px; }
	.pd-right { float: left; width: calc(100% - 320px); padding-left: 30px; }

	.info .indent { text-indent: 5px; padding-left: 20px;}
	.exhibitsbg.detail { padding-bottom: 500px;}
	.pdmenu2 { overflow: hidden; max-height: 0; }
	.pdmenu2.active { max-height: 2000px;
		-webkit-transition: all 0.52s ease;
		 	 -moz-transition: all 0.52s ease;
						transition: all 0.52s ease;
	}
	.pdmenu li { position: relative;}
	.pdmenu2 a { font-size:initial; font-weight: initial; position: relative; color: var(--white); border-bottom: 2px solid #383838; }
	.pdmenu2 a.active { color: var(--cyanblue); }
	.pddropicon { position: absolute; right:0; top:20px; }
	.pddropicon.active {
		-moz-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform:rotate(-90deg);
		-webkit-transition: all 0.52s ease;
		 	 -moz-transition: all 0.52s ease;
						transition: all 0.52s ease;
	}
	.pdmenu2 a span { display: inline-block; vertical-align: middle; width: calc(100% - 24px); }
	.pddropicon { display: inline-block; vertical-align: middle; width: 20px;}

	.pdmenu3 { overflow: hidden; max-height: 0; }
	.pdmenu3 a { color: #797979; border-bottom: 2px dotted #383838; }
	.pdmenu3 a.active { color: var(--white); }

	.active ~ .pdmenu3 { max-height: 1000px;
		-webkit-transition: all 0.52s ease;
		 	 -moz-transition: all 0.52s ease;
						transition: all 0.52s ease;
	}

	/* exhibits */
	.exhibitscat { min-height: 500px;}
	.exhibitscat li { float: left; margin:1% 2%; width: calc(100%/4 - 4%); text-align: center; }
	.exhibitscat a { display: block; position: relative; }
	.exhibitscatmask { opacity: 0;}
	li:hover .exhibitscatmask {opacity: 1; position: absolute; top:-15px; width: 100%; height: 243px; z-index: 1;}
	.exhibitscat li:nth-child(1) .exhibitscatmask.en { background: url('/assets/img/index/exhibitsmask_01.png') no-repeat center; background-size: 100%; }
	.exhibitscat li:nth-child(2) .exhibitscatmask.en { background: url('/assets/img/index/exhibitsmask_02.png') no-repeat center; background-size: 100%; }
	.exhibitscat li:nth-child(3) .exhibitscatmask.en { background: url('/assets/img/index/exhibitsmask_03.png') no-repeat center; background-size: 100%; }
	.exhibitscat li:nth-child(4) .exhibitscatmask.en { background: url('/assets/img/index/exhibitsmask_04.png') no-repeat center; background-size: 100%; }

	.exhibitscat li:nth-child(1) .exhibitscatmask.rus { background: url('/assets/img/index/exhibitsmask_01_ru.png') no-repeat center; background-size: 100%; }
	.exhibitscat li:nth-child(2) .exhibitscatmask.rus { background: url('/assets/img/index/exhibitsmask_02_ru.png') no-repeat center; background-size: 100%; }
	.exhibitscat li:nth-child(3) .exhibitscatmask.rus { background: url('/assets/img/index/exhibitsmask_03_ru.png') no-repeat center; background-size: 100%; }
	.exhibitscat li:nth-child(4) .exhibitscatmask.rus { background: url('/assets/img/index/exhibitsmask_04_ru.png') no-repeat center; background-size: 100%; }

	.exhibitscat li:nth-child(1) .exhibitscatmask.tw { background: url('/assets/img/index/exhibitsmask_01_tw.png') no-repeat center; background-size: 100%; }
	.exhibitscat li:nth-child(2) .exhibitscatmask.tw { background: url('/assets/img/index/exhibitsmask_02_tw.png') no-repeat center; background-size: 100%; }
	.exhibitscat li:nth-child(3) .exhibitscatmask.tw { background: url('/assets/img/index/exhibitsmask_03_tw.png') no-repeat center; background-size: 100%; }
	.exhibitscat li:nth-child(4) .exhibitscatmask.tw { background: url('/assets/img/index/exhibitsmask_04_tw.png') no-repeat center; background-size: 100%; }


	.exhibitscatlist  { display: none; margin-top: 50px;}
	li:hover .exhibitscatlist { display: block;}
	.exhibitscatlist a { color: var(--white); display:block; padding: 8px 0;}
	.exhibitscatlist div {  border-bottom: 2px solid #383838; }
	.exhibitscatlist div:last-child { border-bottom: 0; }

	.exhibits-tel { margin-bottom: 15px; display: inline-block; padding-left: 15px; }
	.exhibits-tel:first-child { border-right: 1px solid var(--white); padding-left: 0; padding-right: 15px;  }

	.conveyorbox { margin-top: 50px; }
	.conveyorbox::before { content:"";  background: url('/assets/img/index/road_01.png') repeat-y center; position: absolute; left:0; right:0; height: calc(100% - 87px);}
	.conveyorbox > div { display: flex; }
	.conveyor-left { flex: 0 1 50%; }
	.conveyor-mid { flex: 0 1 50%; }
	.conveyor-right {  flex: 0 1 50%; padding-top: 8px; }
	.conveyor-btn { border: 1px solid var(--cyanblue); color: var(--cyanblue); padding: 5px 15px; border-radius: 4px; }

	.conveyor-text { width: calc(100% - 53px); margin-top: -5px; padding-left: 5px; display: inline-block;  vertical-align: top;}
	.conveyor-tag {width: 49px; height: 49px; line-height: 49px; display: inline-block; vertical-align: top; text-align: center; font-weight: bolder; border-radius: 8px; font-size: 1.8rem; }
	.conveyor-tag.blue { background-color: #2ea7e0; }
	.conveyor-tag.red { background-color: #e70012; }
	.conveyor-tag.orange { background-color: #e27115; }
	.conveyor-tag.green { background-color: #90c320; }
	.conveyor-tag.cyanblue { background-color: var(--cyanblue); }
	.conveyor-tag.purple { background-color: #6e5694; }
	
	
	.conveyor-facncy .conveyor-text { width: calc(100% - 54px); padding-right: 15px; }
	.conveyor-facncy { background-color: transparent; }
	.conveyor-facncy svg { color: var(--white); }

	/* video*/
	.videolist li { width: calc(100%/3 - 2%); margin:1%; float: left;  }
	.video-left { width: calc(100% - 50px); color: var(--white); margin-top: 15px;
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

	}
	.video-right { width: 50px; text-align: center; }

	/* contactlink */
	.contactlink li { width: calc(100%/4 - 2%); height: 95px; margin:1%;  margin-bottom: 2.5%; text-align: center; float: left; }
	.contactlink a { position: relative; display: inline-block; }
	.link-title { margin-top:80px; margin-bottom: 15px; color: var(--cyanblue); font-size: 1.4rem; font-weight: bolder; letter-spacing: 2px; }
	.link-title:before { content:""; border-bottom: 2px solid var(--cyanblue); position: absolute; bottom: 0; left: calc((100% - 30px)/2); width: 30px; }

	/* login */
	.loginbgbox { position: absolute; width: 100%; height:100%; background-color:rgba(4,4,4,0.8); }
	.loginbox { background: url('/assets/img/index/loginframe.png') no-repeat center; width: 1200px; height: 518px; margin:0 auto; transform: translateY(10%); }
	.logincont { max-width: 800px; margin: 15px auto; }
	.logincont > div { display: inline-block; vertical-align: middle; width: calc(100%/3 - 3px); padding-left: 30px; }
	.logincont > div:first-child { padding-left: 0; }
	.logincont .form-control { border:0; border-bottom: 1px solid #c3c3c3; background-color: transparent; outline: none; border-radius: initial; box-shadow:initial }
	/* .loginbox .form-check-input { visibility: hidden; } */
	.submitbtn { border:0; background-color: transparent; outline: none; position: absolute; right: 0; bottom: -30px; }
	.submitbtn:focus { outline:none; }
	/* .loginbox .form-check-input:before { content:""; width: 12px; height: 12px; position: absolute; border: 1px solid #c3c3c3; visibility: initial; }
	.loginbox input:checked:after { content:""; visibility: initial; width: 5px; height: 12px; border-color: var(--white); border-style: solid; border-width: 0 2px 2px 0; transform:rotate(45deg); position: absolute; left: 4px; bottom: 2px;  } */
	
	#Disclaimer { padding: 15px; }
	#Disclaimer .fancybox-close-small { top: 15px; }
	#Disclaimer .content-header { border-bottom: 1px solid #eee; padding: 20px; }
	#Disclaimer .content-scroll { max-height: calc(100vh - 200px); overflow: auto; padding: 20px 0; }
	#Disclaimer p { word-break: break-word; text-align: left;}	 
	#Disclaimer span { word-break: break-word; text-align: left;}	 



	/* businessInfo*/
	.businessInfocont {  max-width: 800px; margin: 15px auto; padding-top: 60px; }
	.businessInfocont .form-control { border:0; border-bottom: 1px solid #c3c3c3; background-color: transparent; outline: none; border-radius: initial; box-shadow:initial }
	/* .businessInfocont .form-check-input  { border:0; border-bottom: 1px solid #c3c3c3; background-color: transparent; outline: none; border-radius: initial; box-shadow:initial }
	.businessInfocont .form-check-input:before { content:""; width: 12px; height: 12px; position: absolute; border: 1px solid #c3c3c3; visibility: initial; } */
	/* .businessInfocont input:checked:after { content:""; visibility: initial; width: 5px; height: 12px; border-color: var(--white); border-style: solid; border-width: 0 2px 2px 0; transform:rotate(45deg); position: absolute; left: 4px; bottom: 2px;  }
	.businessInfocont .form-check-input:before { content:""; width: 12px; height: 12px; position: absolute; border: 1px solid #c3c3c3; visibility: initial; }
	.businessInfocont input:checked:after { content:""; visibility: initial; width: 5px; height: 12px; border-color: var(--white); border-style: solid; border-width: 0 2px 2px 0; transform:rotate(45deg); position: absolute; left: 4px; bottom: 2px;  } */
	.otherinput { height: 22px; display:inline-block; width: auto; overflow: hidden; }

	/* luckydrawcont */
	.luckydrawcont { font-family: Arial, Helvetica, sans-serif;}
	.luckydrawcont .form-control { border:0; border-bottom: 1px solid #c3c3c3; background-color: transparent; outline: none; border-radius: initial; box-shadow:initial }
	/* .luckydrawcont .form-check-input { visibility: hidden; }
	.luckydrawcont .form-check-input  { border:0; border-bottom: 1px solid #c3c3c3; background-color: transparent; outline: none; border-radius: initial; box-shadow:initial } */
	/* .luckydrawcont .form-check-input:before { content:""; width: 12px; height: 12px; position: absolute; border: 1px solid #c3c3c3; visibility: initial; }
	.luckydrawcont input:checked:after { content:""; visibility: initial; width: 5px; height: 12px; border-color: var(--white); border-style: solid; border-width: 0 2px 2px 0; transform:rotate(45deg); position: absolute; left: 4px; bottom: 2px;  }
	.luckydrawcont .form-check-input:before { content:""; width: 12px; height: 12px; position: absolute; border: 1px solid #c3c3c3; visibility: initial; }
	.businessInfluckydrawcontocont input:checked:after { content:""; visibility: initial; width: 5px; height: 12px; border-color: var(--white); border-style: solid; border-width: 0 2px 2px 0; transform:rotate(45deg); position: absolute; left: 4px; bottom: 2px;  } */
	.confirmbtn { border: 1px solid var(--gray); border-radius: 6px; background-color: transparent; padding: 5px 30px; }
	.luckydrawcont { overflow: hidden; width: 100%; }

		/* hack  */
		.input-group-text { background-color: transparent; border:0; }
		.sirv-spin-button.fullscreen { display: none; }
		.Sirviframe { height: 100vh; }

		.owl-dots { position: absolute; width: 100%; }
		.owl-nav { position: absolute; width: 100%; }
		.owl-btn.l {left:0; top:-10px;}
		.owl-btn.r {right:0; top:-10px;}
		.owl-theme .owl-nav [class*=owl-].owl-btn { cursor: pointer; background: transparent; }
		.owl-theme .owl-nav [class*=owl-]:hover { background: transparent; }

		.contclass .owl-nav { position: absolute; top:-30%; width: 100%; padding:0 15px; }
		.contclass .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { color: var(--cxcolor); }
		.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { color: var(--cxcolor); }
		.owl-theme .owl-nav .disabled {display: none; }
		.owl-theme .owl-nav [class*=owl-]:hover { background: transparent; color: var(--cxcolor); }
		.contclass .owl-prev { position: absolute; left:-23px; font-size: 14pt; font-weight: bolder; }
		.contclass .owl-next { position: absolute; right:20px; font-size: 14pt; font-weight: bolder;  }
		.contclass .owl-stage { margin: 0 auto; }

		.articlebox { word-break: break-word; }
		.articlebox iframe { max-width: 100%;}
		.articlebox img { max-width:100%; }
		.articlebox ul { list-style: square;}

		.articlebox ul{ list-style:initial; }

		.mCSB_inside>.mCSB_container { margin-right: 0; }

		.modal-backdrop { background-color: rgba(255,255,255,0.6);}
		.modal-backdrop.fade.in { opacity: 1; }

		.custom-control-label::before { background-color: var(--gray); border:1px solid var(--gary); }
		.custom-control-input:checked~.custom-control-label::before { background-color: var(--blue); border:1px solid var(--blue); }
		.custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: none; }

		.modal-body { overflow: auto; }

		.fancybox-container { z-index: 999; }

		/* ANIMATED X */
		.navbar-toggle .icon-bar:nth-of-type(1) {
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			-webkit-transform-origin: 10% 10%;
			-ms-transform-origin: 10% 10%;
			transform-origin: 10% 10%;
		}

		.navbar-toggle .icon-bar:nth-of-type(2) {
			opacity: 0;
			filter: alpha(opacity=0);
		}

		.navbar-toggle .icon-bar:nth-of-type(3) {
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
			-webkit-transform-origin: 10% 90%;
			-ms-transform-origin: 10% 90%;
			transform-origin: 10% 90%;
		}

		/* ANIMATED X COLLAPSED */
		.navbar-toggle.closed .icon-bar:nth-of-type(1) {
			-webkit-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0);
		}

		.navbar-toggle.closed .icon-bar:nth-of-type(2) {
			opacity: 1;
			filter: alpha(opacity=100);
		}

		.navbar-toggle.closed .icon-bar:nth-of-type(3) {
			-webkit-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0);
		}
		/* END ANIMATED X */


@media screen and (max-width: 1440px){
	/* nes */
	.newspicsbtn:first-child { left:calc(100% - 90%);}
	.newspicsbtn:last-child { right:calc(100% - 90%);}
}

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

	/* header */
	.haderbox  { width: 100%; padding: 5px 15px; background-color:rgb(25,25,25,0.6); }
	.haderbox:before{ content: ""; height: 2px; width: 100%; position: absolute; left: 0; bottom: 0; 
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffd75d+20,ffd75d+80,ffffff+100&0+0,1+20,1+80,0+100 */
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,215,93,1) 20%, rgba(255,215,93,1) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,215,93,1) 20%,rgba(255,215,93,1) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,215,93,1) 20%,rgba(255,215,93,1) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}
	.logobox { width: 160px; }
	.slidebox { display: none;}

	/* footer */
	.footerbox { padding: 15px; }
	.golink { bottom: 123px; right: 0; }
	.gotop { right: 0; bottom: 86px;}
	.golink,.gotop {width: 30px;}


	/* index */
	.wrap { padding-top: 47.06px; }
	.main { padding-left: 0; }
	.livebg iframe { height: 45vh; }

	/* nes */
	.newspicsbtn:first-child { left:20px;}
	.newspicsbtn:last-child { right:20px;}
	

	/* exhibits */
	.cata div { display: block; }


	li .exhibitscatmask {opacity: 1; position: absolute; top:-15px; width: 100%; height: 243px; z-index: 1;}
	li .exhibitscatlist { display: block; }
	.conveyorbox::before { content:""; height: calc(100% - 69px); }

	/* login */
	.loginbox { width: 100%; background-size: contain; padding-top: 27px; }

}

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

	.container { max-width: 100%; }

}

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

	/* about */
	.partnerslist li { width: calc(100%/6 - 23px); }

	/*exhibits */
	.pd-left { float: none; width: 100%; margin-bottom: 30px; }
	.pd-right { float: none; width: 100%; padding-left: 0; }
	li:hover .exhibitscatmask { top:-40px; }

	li .exhibitscatmask { top: -40px; }
	.exhibitscatlist { margin-top: 15px;}

	/*contact*/
	a:hover .videomask { opacity: 0; }
	

	/* login */
	.loginbox { background: url(/assets/img/index/login_mob_bg_02.png) no-repeat center; height: 600px; background-size: 100% 100%; padding-top: 0; }
	.logincont { max-width: 388px;}
	.logincont > div { display: block; width: 100%; padding-left: 0; margin-bottom: 5px; }

	/* businessInfo */
	.businessInfocont { max-width: 654px; padding-left: 15px; overflow: hidden;  }

	/*hack */
	.animated {
		animation: none !important;
	}
}

@media screen and (max-width: 576px){
	/*index */
	.welcome { top: calc((100% - 102px)/2); right: 15px; }

	/* about */
	.partnerslist li { width: calc(100%/2 - 23px); }

	/* contact */
	.contactlink li { width: calc(100%/3 - 2%); }

	/* exhibits */
	.exhibitsbg { padding-bottom: 300px;}
	.exhibits-tel { display: block; padding-left: 0;}
	.exhibits-tel:first-child { border: 0;}

	.exhibitscat { width: 60%; margin: 0 auto;  min-height: initial; margin-top: 30px;  }
	.exhibitscat li { float: none; width: 100%; margin-bottom: 70px; }

	.conveyorbox::before { background-size: 10%;}
	.conveyorbox > div { flex-wrap: wrap; }
	.conveyor-mid { display: none; }
	.conveyor-left { flex: 0 1 100%; }
	.conveyor-right { flex: 0 1 100%; }
	.conveyorbox::before {  height: calc(100% - 35px); }
	.conveyor-left.img { flex: 0 1 60%; }
	.conveyor-right.img { flex: 0 1 40%; }

	/* loagin */
	.logincont,.form-group.form-check { padding-left: 45px; padding-right: 31px; }
	.submitbtn { width: 130px;}

	/* businessInfo */
	.loginbox.businessInfobox  { height: 807px; transform: translateY(3%);}
	.businessInfocont { max-width: 357px;}
 
}

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


	/* video*/
	.videolist li { width: calc(100%/2 - 2%); }

}

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

	/* exhibits */
	.exhibitscat { width: 70%;}

	/* login */
	.submitbtn { bottom: 0;}

	/* businessIn */
	.loginbox.businessInfobox { height: 894px; }
	.businessInfocont { max-width: 316px; }
}

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

	/* nnewscont */
	.newscont { height: 59px; -webkit-line-clamp: 3;}


	/* exhibits */
	.exhibitscat { width: 80%;}


	.g-recaptcha {
		-moz-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		-o-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
		
	}

}