.exitButton {
				box-shadow:inset 0px 1px 0px 0px #cf866c;
				background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
				background-color:#d0451b;
				border-radius:3px;
				border:1px solid #942911;
				display:inline-block;
				cursor:pointer;
				color:#ffffff;
				font-family:Arial;
				font-size:2rem;
				padding:6px 24px;
				text-decoration:none;
				text-shadow:0px 1px 0px #854629;
				z-index:200;
			
			}
			.exitButton:hover {
				background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
				background-color:#bc3315;
			}
			.exitButton:active {
				position:relative;
				top:1px;
			}

			ul::-webkit-scrollbar {
	  			width: 0px;
			}
			::-webkit-scrollbar {
	  			width: 7px;
			}
			/* Track */
			::-webkit-scrollbar-track {
			  background: rgb(173,49,11);
			}

			/* Handle */
			::-webkit-scrollbar-thumb {
			  background:  rgb(200,200,200);
			}

			/* Handle on hover */
			::-webkit-scrollbar-thumb:hover {
			  background: #555;
			}
			body{
				font-family: Tahoma, Helvetica, Arial, "Microsoft JhengHei","微軟正黑體", NSimSun, sans-serif;
				letter-spacing:0.2em;

			}

			.ce {
					width:40%;
					animation: zoominout 1s linear infinite;
			}

			@keyframes zoominout {
				0% {
					opacity:1;
				}
  				50% {
					opacity:0.6;
  				}	
			}

    		.yunurl, .regurl {
             	max-width:100% !important;
             }

			#printUnsupport, #printUnsupport_zhhans{
				font-size:3em;
				z-index:999999;
				text-align: center;
				padding:3rem;
 				position: fixed;
  				top: 50%;
 				 left: 50%;
 				 width:60rem;
  				 transform: translate(-50%, -50%);
  				 background-color: white;
  				 border-radius: 9px 9px 9px 9px;
				-moz-border-radius: 9px 9px 9px 9px;
				-webkit-border-radius: 9px 9px 9px 9px;
					border: 1px solid #000000;
					display:none;
				}
			
			#iconSpeak {
    			position: fixed;
    			right: 1rem;
    			width: 50px;
    			bottom: 100px;
    			opacity:1;
    			z-index: 100;
    			cursor:pointer;
			}
			.speaker {
				margin-bottom:3px;
				display:none;
			}

			 #comingsoon {
				position: fixed;
				padding-top:0.5rem;
    			padding-bottom:0.5rem;
    			width: 600px;
    			top: 300px;
    			left:calc(50vw - 300px + 13vw);
    			opacity:1;
    			z-index: 100;
    			cursor:pointer;
    			text-align: center;
    			border: 7px solid rgba(28,110,164,0.67);
				border-radius: 15px;
				font-size:4rem;
				background-color: white;
			}
		
		    .closex {
		    	     color: #aaaaaa;
				    float: right;
				    font-size: 40px;
				    font-weight: bold;
				    right: -0.1rem;
				    position: absolute;
				    top: -0.5rem;
					line-height: 1;
		    }

			.speakbtn {
				font-size: 5rem;
				background-color: rgba(255,255,255,0.8);
			}

			#iconScrollTop {
    			position: fixed;
    			right: 1em;
    			top: calc(100% - 90px);
    			opacity:0;
    			z-index: 100;
			}

			#photo_video {
				margin-left:25vw;
			}

			.dropdown.menu>li.is-active>a {
				color:#23efef !important;
				font-weight:bold;
			}
			.is-dropdown-submenu {
				min-width:330px;
				background-color:rgba(253,106,33);
				color : #23efef !important ;
			}
			.is-dropdown-submenu > li > a {
				color: #23efef !important;
				font-size:1.1em !important ;
				line-height: 1.5em;	
			}
	
		
			.data-container{
				width:100%;
				height:100%;
				display:block;
				position:relative;
				
			}
			#mainpanel {
  				min-height: 100vh;
			}

			.banner_desktop, .banner_desktopcn{
				width:100%;
				height:223px;
			}
			
			.sticky.is-stuck .banner_desktop, .sticky.is-stuck .banner_desktopcn{
				width:100%;
				height:100px;
			}
			
			.banner_desktop::after{
				content: ' ';
				background-image: url(./banner/desktop_b.png?2022);
				/*background-color: rgba(20,178,212,1);*/
				background-repeat: no-repeat;
				background-position: top;
				background-size: cover;
				height: 100%;
				width: auto;
				display: block;
			}
			
			.sticky.is-stuck .banner_desktop::after{
				background-image: url(./banner/desktop_s.png?2022);
				height: 100px;
			}

			.sticky.is-stuck .banner_desktopcn::after{
				background-image: url(./banner/desktop_s_cn.png?2022);
				height: 100px;
			}
			
			.banner_desktopcn::after{
				content: ' ';
				background-image: url(./banner/desktop_b_cn.png?2022);
				background-repeat: no-repeat;
				background-position: top;
				background-size: cover;
				height: 100%;
				width: auto;
				display: block;
			}
			
			.sticky.is-stuck .banner_desktopcn::after{
				background-image: url(./banner/desktop_s_cn.png?2022);
				height: 100px;
			}
			.data-container::after{
				content: "";
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				 position: absolute;
				z-index: -1;  
				/*background-image: url(./img/background.jpg);*/
				background-attachment: fixed;
  				background-position: center;
				/*background-image: url(./img/bg2.png); */
    			background-repeat: no-repeat;
    			background-size: 80vw 100vh;
  				padding-top:1em;
  				min-height: 100vh;
				background-color:rgb(255,149,38,0.85);
				background-repeat: no-repeat;
				background-position: right;
				opacity: 0.5;
			}
			
			.langBox{
				border:1px solid rgba(0,144,195);
				padding:0.2em 0.5em;
				color:rgba(0,144,195);
				margin-left:0.2em;
				display:inline-block;
				text-align: center;
			}
			
			.langBox.checked{
				color:white;
				background-color:rgba(0,144,195);
			}
			
			.introHeader{
				margin-top: 1.5rem;
				font-weight:bold;
			}
			
			.introHeader .intro{
				float:left;
			}
			
			.introHeader .intro p{
				display:inline-block;
				font-size:48px;
				padding: 0px 0.5em;
				color: #9d1b0b;
			}
			
			.introHeader .link{
				margin-left: 1em;
				color: black;
			}
			
			.introHeader .reg.button{
				background-color: #5db190;
				border-radius: 1000px;
				font-size: 2em;
				padding: 0.5em 1em;
				float:right;
				display:none;
			}
			
			.introItemTitle{
				background: -moz-linear-gradient(left, rgba(195,145,0,0.2) 0%, rgba(195,145,0,0.7) 15%, rgba(195,145,0,1) 30%, rgba(195,145,0,1) 53%, rgba(195,145,0,1) 54%, rgba(195,145,0,1) 70%, rgba(195,145,0,0.7) 85%, rgba(195,145,0,0.2) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left, rgba(195,145,0,0.2) 0%,rgba(195,145,0,0.7) 15%,rgba(195,145,0,1) 30%,rgba(195,145,0,1) 53%,rgba(195,145,0,1) 54%,rgba(195,145,0,1) 70%,rgba(195,145,0,0.7) 85%,rgba(195,145,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right, rgba(195,145,0,0.2) 0%,rgba(195,145,0,0.7) 15%,rgba(195,145,0,1) 30%,rgba(195,145,0,1) 53%,rgba(195,145,0,1) 54%,rgba(195,145,0,1) 70%,rgba(195,145,0,0.7) 85%,rgba(0,145,,0.2) 100%); 
				padding-left:1rem;
				padding-right:1rem;
				color:white;
				font-size:1.5rem;
				font-weight:bold;
			}
			
			.a2a_floating_style.share{
				bottom:1em; 
				left: 50%;
				transform: translate(-50%, 0px);
			}
			
			.introItemDetail{
				font-weight:bold;
				padding-top:0.75rem;
				padding-bottom:0.25rem;
				padding-left:1.5rem;
				padding-right:1.5rem;
				margin-bottom: 1.5rem;
				font-size:1.5rem;
			}
			
			.offBtn{
				position: absolute;
				/*top: 1em;*/
				left: 1em;
				border: 1px solid white;
    			background: rgba(0,144,195,0.5);
    			display:none;
			}

			.is-stuck .offBtn{
				top: initial;
			}
			
			.offBtn .panelHide{
				display: block;
				height: 2em;
				width:4em;
				color:white;
			}
			
			.offBtn .panelHide:before {
  			  display: block;
				margin-left: 0.25em;
				margin-right: 0.5em;
				margin-bottom: 0em;
				height: 2px;
				width: 1em;
    		  background: #fefefe;
  			  -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    		  box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
   			  content: '';
			} 

			.off-canvas-wrapper .off-canvas ul li ~ li:before, .desktopMenu ul li ~ li  {
				content: ' ';
				border-top: 1pt solid white;
				border-bottom: 1pt solid white;
				display: block;
				padding-top: 2pt;
				padding-bottom: 2pt;
			}
			.off-canvas-wrapper .off-canvas ul li {
				list-style: none;
			}
			.off-canvas-wrapper .off-canvas {
				color: rgb(253,106,33);
			}
			.off-canvas-wrapper .off-canvas{
				background-color: rgb(253 ,106 ,33);
				text-align: center;
			}
			
			.off-canvas-wrapper .visitBtn{
				border-radius: 1000px;
				padding: 1em 2em;
				font-weight: bold;
			}
			
			.visitBtnColor, .visitBtnColor *{
				background-color: #c5d300 !important;
				color: #4b8e2f !important;
			}
			
			.desktopMenu.vertical.menu {
				font-size:1.1rem;
				position: sticky;
			}
			.desktopMenu, .desktopMenu .top-bar, .desktopMenu .top-bar-left > ul{
				background-color:rgb(253, 106 ,33);
				padding: 0.25em;
				padding-top:0.5rem;
				font-size:1.1em;
				display:block;
				z-index:999;		
			}

			.desktopMenu .top-bar a, .desktopMenu .top-bar a:link, .desktopMenu .top-bar a:visited, 
			.desktopMenu .top-bar a:hover, .desktopMenu .top-bar a:active, 
			.desktopMenu .dropdown.menu>li.is-dropdown-submenu-parent{
				color: white !important;
			}
			
			.desktopMenu .accordion-menu>li::before
			 {
			 	content:attr(data-circle);
			 	font-size:2rem;
			    height: 0px;
			    width:0px;
			    color: yellow;
			    display: inline-block;
			    position:absolute;
			    left:100%;
			    margin-left:-1.25rem;
		   		/*transform: translate(-1.5rem,-0.5rem);*/
		   		animation:  blinker 1s linear infinite;
		   		z-index:9999;
		   		border-color: transparent transparent transparent white ;
			}

			@keyframes blinker {
				0% {
					opacity: 0.5;
				}
  				50% {
	    		opacity: 1;
	    		font-size: 2.25rem; 
	    		/*margin-left:-2rem;
	    		margin-top:-1.5rem;*/
  				}
			}

			@keyframes rotating {
			  from {
			    -ms-transform: rotate(0deg);
			    -moz-transform: rotate(0deg);
			    -webkit-transform: rotate(0deg);
			    -o-transform: rotate(0deg);
			    transform: rotate(0deg);
			  }
			  to {
			    -ms-transform: rotate(360deg);
			    -moz-transform: rotate(360deg);
			    -webkit-transform: rotate(360deg);
			    -o-transform: rotate(360deg);
			    transform: rotate(360deg);
			  }
			  	50% {
	    			opacity: 0.5;
  				}
			}
			.desktopMenu .dropdown.menu>li.is-dropdown-submenu-parent>a::after{
				border-color: transparent transparent transparent white ;
			}
			
			.desktopMenu .dropdown>li~li{
				margin-left:0.5em;
				width:100%;
			}
			
			.desktopMenu li.partItem~li.partItem{
				max-width: 15em;
			}
			
			.desktopMenu .top-bar .dropdown > li.is-active, .desktopMenu .top-bar li > ul {
				background-color: rgba(212,54,44);
			}
			
			.desktopMenu .top-bar .dropdown > li.is-active a:hover,
			.desktopMenu .top-bar .dropdown > li.is-active a:active,
			.desktopMenu .top-bar .dropdown > li.is-active a:link,
			.desktopMenu .top-bar .dropdown > li.is-active a:visited{
				color: white;
			}
			
			.desktopMenu .top-bar li > ul li ~ li:before{
				content: ' ';
				border-bottom: 1px solid white;
				margin: 0 0.5em;
				display: block;
			}
			
			.desktopMenu .top-bar li > ul li{
				text-align: center;
			}
			
			div.sticky{
				z-index:1;
			}
			.off-canvas-list>li,.mobile-off-menu>li {
				width:100%;
			}
			.off-canvas-list>li>a,.mobile-off-menu>li>a,.desktopMenu>li>a {
				color:#23efef;
				font-size:1.25em;
				line-height:1.5em;
				font-weight:bold;
				width: 100%;
			}

			 

			.dropdown.menu>li.is-dropdown-submenu-parent>a::after 
			 {
					border-color:#ffffff transparent transparent;
			}	

			.accordion-menu .is-accordion-submenu-parent>a::after 
			 {
					border-color:#ffffff transparent transparent !important;
			}	

			li.is-accordion-submenu-item {
					background-color: rgb(253,106,33);
			}
			li.is-accordion-submenu-item >a {
				color:#23efef !important;
				font-weight: bold !important;
			}
			
			.submenu>li {
				display: inline;
			}

			.imagevideo {
				padding:2em;
				text-align: center;
			}
			.imagevideo > div {
				/*margin-bottom:2em;*/
			}
			.imagevideo >div>a> img {
				max-width:80%;
				max-height: 100hv;
				border-radius: 10px;
			}
			video {
				width:80%;
				margin-left:10%;
				margin-right:10%;
				margin-left,margin-right:10%;
			}
			.imagevideo > div> video {
				max-width: 80%;
			}


			.btn360 {   //no 360 for 2020
				display:block !important;
				/*padding-left: 1.25rem !important;
    			padding-right: 1.25em !important;
    			padding-top: 3px !important;
    			padding-bottom: 3px !important;*/
                margin-left:auto;
                margin-right:auto;
                display:block !important; 
              }


			.maintitle {
				position:fixed;
		 		font-weight: bold;
		 		transform: translateX(calc( 25% + (75% - 800px) / 2 ));
				display:block;   

			}

			.maintitle > img  {
					margin-left:10%;
					margin-right:10%;
			}

			.position-left {
				width:310px;
				transform:translateX(-310px);
			}

			.desktopMenu >  li, .desktopMenu .dropdown > li {
				display: flex;
			}
			

			.desktopMenu > ul > li:hover, .desktopMenu > ul > li> ul >li>a:hover{
				background-color:rgba(191,0,70,1) !important;
				font-weight: bold;
			}
			
			.desktopMenu > ul > li> ul >li>a {
				font-weight: normal;
			}

			img.lazyload, img.lazy {
				width:90%;
			}

			.caption {
				height:70px !important;
				width: auto !important;
				margin-left:10%;
			}
			.pttitle {
				font-size: 0.9rem !important;
				display: inline-block;
				line-height: 1.25rem;
				margin:0;
			}
			.clickimg {
				width:40%;
			}

			.dropdown.menu>li>a {
    				padding: .7rem 1rem;
				}
			/*use for header*/
			.tableheading1 {
				border:1px;
				background-color: rgba(242,115,109,0.5);
				color:whitesmoke;
			}

			.tableheading2 {
				color:whitesmoke;
				background-color: rgba(100,100,100,1);
			}

			.oddcell {
				vertical-align: middle;
				background-color:rgba(246,127,25,0.5);
				color:whitesmoke;
			}
			.evencell {
			   vertical-align: middle;
				background-color:rgba(88,176,160,0.5);
				color:whitesmoke;
			}
			.oddcell > a, .evencell > a {
				color:#faff53;
			}
		
			.divTable {
				font-size:2rem;
				text-align:center;
				border: 2px solid #CCC;
			}
			.divTable> div {
				border: 1px solid #CCC;
			}

			@media print, screen and (max-width: 120em) and (min-width: 80em) {
				.pttitle {
				/*	font-size: 0.8rem !important;*/
					line-height: 1rem;
				}
				.off-canvas-list>li>a, .mobile-off-menu>li>a, .desktopMenu>li>a {	
				    font-size: 1.25rem;
				    line-height: 1.5rem;
				}
				.is-dropdown-submenu > li > a {
					    font-size: 1.25rem !important;
				    line-height: 1.5rem;
				}
			}
			@media print, screen and (max-width: 80em) and (min-width: 40em) {
				.pttitle {
					font-size: 0.7rem !important;
					line-height: 0.9rem;
				}
				.off-canvas-list>li>a, .mobile-off-menu>li>a, .desktopMenu>li>a {	
				    font-size: 1rem ;
				    line-height: 1.1rem;
				}
				.is-dropdown-submenu > li > a {
					 font-size: 1rem !important;
				    line-height: 1.1rem;
				}
			}

			@media print, screen and (max-width: 40em){
			.divTable {
				font-size:1rem;
				margin-left:2%;
				width:96%;
			}
			#comingsoon {
				position:absolute;
				top:50vh;
				width: 96vw;
    			left:2vw;
    			top: 275px;
			}
			.speakbtn {
				font-size: 3rem;
			}
			#iconSpeak {
    			left: 0.2em;
    			bottom: 50px;
    			opacity:1;
    			z-index: 100;
    			width:35px;
			}

			#iconScrollTop {
   				 width:45px;
    			top: calc(100% - 90px);
    			opacity:0;
    			z-index: 100;
			}

			#photo_video {
				margin-left:0px;
			}
			.clickimg {
				width:80%;
			}
			.desktopMenu .dropdown.menu>li.is-dropdown-submenu-parent>a::after{
				border-color: white transparent transparent;
			}

			.off-canvas-wrapper .off-canvas ul li ~ li:before, .desktopMenu ul li ~ li  {
				content: ' ';
				border-top: none;
				border-bottom: 1pt solid white;
				display: block;
				padding-top: 2pt;
				padding-bottom: 2pt;
			}

				.is-dropdown-submenu {
					min-width: 280px;
				}

			body:before {
			  content: "";
			  display: block;
			  position: fixed;
			  left: 0;
			  top: 0;
			  width: 100%;
			  height: 100%;
			  z-index: -10;
			  background: url(./img/mobilebg.png) no-repeat center center;
			  -webkit-background-size: cover;
			  -moz-background-size: cover;
			  -o-background-size: cover;
			  background-size: cover;
			}

	
			#mainpanel {
	  				padding: 0px;
	  				padding-top:1em;
					
				}

			.offBtn {
				left: 0.35em;
				margin-top:0.35em;
				display:block;
			}
			.btn360 {

					}
			.maintitle {
				width:auto;
				left:0;
				border-radius: 0px 40px 40px 0px;
				transform:translate(-10%,0);
    			font-size: 1.5em;
    			padding: 0.1em 1.5em;
    			z-index:9999;
			}

	
			#dynamicContent {
 				margin-bottom:130px;
			}

		    video {
				width:95%;
				margin-left:2.5%;
				margin-right:2.5%;
			}
			.imagevideo {
				padding:0.5em;
				text-align: center;
			}
			.imagevideo > div {
				/*margin-bottom:2em;*/
			}
			.imagevideo >div>a>  img {
				max-width:95%;
				max-height: 100hv;
			}
			.imagevideo > div>video {
				max-width:95%;
			}


				.introHeader .reg.button{
					float:initial;
					font-size: 1.5em;
				}
				
				.introHeader .intro{
					float:initial;
				}
				
				.introHeader .intro p{
					font-size: 2em;
				}
				
				.introHeader{
					text-align: center;
				}
				.introItemTitle{
					padding-left:inherit;
					text-align: center;
				}
				.sticky .onTop{
					display:block;
				}
				.sticky .isStuck{
					display:none;
				}
				.sticky.is-stuck .onTop{
					display:none;
				}
				.sticky.is-stuck .isStuck{
					display:block;
				}
				.introItemDetail{
					text-align: justify;
					padding-left:1em;
					padding-right:1em;
				}
				
				.a2a_floating_style.share{
					left: 13%;
					bottom:3.1rem !important;
					transform: none;
				}
				
				.data-container::after{
					display:none;
					content:'';
				}
				
				.data-container .moblie-bg{
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					/*height: 152vh;*/
					background-color: #fdf5e9;
					z-index: -1;
					opacity: 0.6;
				
					background-size: 100%;
					display: block;
					background-position: top;
				}
				.ce {
					width:80%;
				}
			}