@charset "utf-8";
@import url(main.css);
/*  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 {
		--cyanblue: #00ACA8;
	}

	.bg-black { background-color:#040404; min-height: 800px; }

/*	.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-cyanblue,.text-cyanblue a,a.text-cyanblue { color:var(--cyanblue)!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); }
	*/


	.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 { background-color: #040404; padding: 15px 0; }
	.logobox { float: left; width: 289px; }
	.menubox { float: right; width: calc(100% - 289px - 48px); margin-top: 15px; }
	.menu { text-align: right; }
	.menu li { padding-right: 35px; margin-top: 0; display: inline-block; }
	.menu li a { position: relative; color: var(--white); }
	.menu a.active { color: var(--cyanblue); }
	.langbox { float: right; width: 48px; border-radius: 25px; margin-top: 11px; }
	.langicon { width: 28px; }
	.langmenu { display: none; text-align: center; padding: 5px; min-width: 3.5rem; margin-top: 8px; }
	.langmenu a { width: 28px; display: block; margin: 8px auto;  }



	/*  rwd menu  */
	.navbar-toggle { border:0; background-color: transparent; position: absolute; right: 0; top: calc((100% - 25px)/2); outline: none; }
	.navbar-toggle .icon-bar { background-color: var(--cyanblue); display: block; width: 22px; height: 2px; border-radius: 1px; transition: all 500ms ease-in-out; }
	.navbar-toggle .icon-bar+.icon-bar {margin-top: 4px;}

	.rwdmenu-main { position: absolute; top: 0; left:0; right: 0; bottom:0;}
	.rwdmenu li {padding-bottom: 1px; border-bottom: 1px solid var(--cyanblue); }
	.rwdmenu li a { /*background-color:var(--blue);*/ color: var(--white); display: block; font-weight: bolder; padding: 10px; }

	.CAR .rwdmenu li a { background-color: var(--green); color: var(--white)!important; }
	.MOTORCYCLE .rwdmenu li a { background-color: var(--yellow); color: var(--white)!important; }

	.rwddropmenumenu .li a { font-weight: normal; display: block; padding: 10px; padding-left: 26px; background-color: var(--white); color: var(--dark); }
	.rwddropmenumenu .li { border-bottom: 1px solid var(--gray) }
	.rwddropmenumenu .li:last-child {border-bottom: 0;}

	.rwdmenu li a.rwddropmenubtn { padding-right: 25px; }
	.rwddropmenubtn { position: relative; }
	.rwddropmenubtn.collapsed:before {content: ""; position: absolute; right: 15px; top:15px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 10px 5px 0;
		border-color: transparent #ffffff transparent transparent;
		-webkit-transition: all 0.52s ease;
		 	 -moz-transition: all 0.52s ease;
						transition: all 0.52s ease;
	}
	.rwddropmenubtn:not(.collapsed):before {content: ""; position: absolute; right: 15px; top:15px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 10px 5px 0;
		border-color: transparent #ffffff transparent transparent;
		-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;
	}

	.rwdmenubox { position:fixed; top:0; left:0; width:250px; height:100%; z-index:999; opacity:0; background-color: #040404; border-right: 1px solid var(--cyanblue);
		-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.active { opacity:1;
		-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;
	}
	.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 {  background-color: #040404; padding-top: 50px; padding-bottom: 15px; }
	.footer-top { padding-bottom: 50px; }
	.foot-item { padding-top: 5px; }
	.foot-item:before { content: ""; position: absolute; top:0; left:0; width:30px; border-bottom: 2px solid var(--cyanblue); }
	.icon-img { width: 46px; }
	.icon-sub { padding-left: 15px; width: calc(100% - 50px); word-break: break-word;  }
	.copyright { font-size: 0.9rem; }

	.golink { position: fixed; right:0; bottom: 246px; z-index: 1;}
	.gotop { position: fixed; right:0; bottom: 177px; 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  */

	.web-title h2 { font-size: 1.6rem; font-weight: bolder; letter-spacing: 3px; }
	.web-title h3 { font-size: 1.6rem; font-weight: bolder; letter-spacing: 3px; }

	.Sirv { background-color: #040404;}
	.welcomebox { transform: translate(0,50%); text-align: left; padding-left: 73px; position: absolute; z-index: 3; }


	/* 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;
	}
	.CAR .contclass a.active { background-color: var(--green); color: var(--white); border: 0;  }
	.MOTORCYCLE .contclass a.active { background-color: var(--yellow); color: var(--white); border: 0; }

	.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;  }
	.CAR .contclass2 a.active { color: var(--green); background-color: transparent; }
	.MOTORCYCLE .contclass2 a.active { color: var(--yellow); background-color: transparent;  }

	.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;  }
	.CAR .pager li a.active { background-color: var(--green); color: var(--white); }
	.MOTORCYCLE .pager li a.active { background-color: var(--yellow); color: var(--white); }

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

	/* about */
	.about-contnt { padding-bottom: 100px!important; }

	/* about */
	.pd-left { float: left; width: 290px; }
	.pd-right { float: left; width: calc(100% - 290px); padding-left: 30px; }

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

	.pdmenu2 a { font-size:initial; font-weight: initial; position: relative; color: var(--white); border-bottom: 2px solid #383838; }
	.pdmenu2 a.active { color: var(--cyanblue); }
	.active .pddropicon {
		-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; }
	.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; }
	.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;}

		.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){
	 /* footer */
	.golink {right:0; bottom: 246px; z-index: 1;}
	.gotop {right:0; bottom: 177px;}

}

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

	/* header */
	.haderbox { position: fixed; left:0; top:0; width: 100%; z-index: 999; border-bottom: 1px solid var(--cyanblue); }
	.menubox { display: none; }
	.headnavbox  { float: right; margin-top: 18px; display: block!important; }
	.rwdmenubox { display: block; }
	.logobox { width: 120px; }
	.langbox { float: none;  position: absolute; right: 70px; margin-top: 0; }

	 /* footer */
	.golink { bottom: 223px; }
	.golink,.gotop {width: 30px;}


	/* index */
	.wrap { padding-top: 62.14px; }
	.welcomebox { padding-left: 44.9px; }

	/* exhibits */
	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 */
	.about-contnt .col-lg-6:first-child { margin-bottom: 70px; }

	/*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 */
	.welcomebox { width: 200px; }

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

	/* exhibits */
	.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){
	/* exhibits */
	.exhibitscat { width: 80%;}


	/* login */
	.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);
		
	}

	/* businessInfo*/
	.loginbox.businessInfobox { height: 918px; }
	.businessInfocont { max-width: 266px; }
}