*{box-sizing: border-box;}
html, body {
	height: 100%; height: -moz-available; height: -webkit-fill-available; height: fill-available; 
}
body {
	width: 100%; margin: 0; padding: 0; font-family: var(--d71); *font-family: 'cwTeXYen', 'Times New Roman', sans-serif; color: #333333; overflow-y: scroll; overflow-x: hidden; font-size: 1rem; *line-height: 1.5； cursor: default; 
	-ms-overflow-style: none; 
	text-rendering: optimizeLegibility; 
	*-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale; 
	-moz-font-feature-settings: 'liga', 'kern'; 
	-webkit-overflow-scrolling: touch; 
	word-wrap:break-word; 
	padding-right: 0 !important; /*sweetalert2*/ 
	letter-spacing:0.05rem; 
}
body::-webkit-scrollbar {
	display: none; 
}
.mce-accordion summary { 
	display: list-item; 
}
p {
	padding: 0!important; margin: 0 !important;
}
table, th, td {
	font-family: var(--d71); *font-family: 'cwTeXYen', Sohne, Helvetica, Arial, sans-serif; color: inherit; font-size: 1rem; 
}
#wrapper1.clearfix:before,
#wrapper1.clearfix:after {
    content: " ";
    display: table;
}
#wrapper1.clearfix:after {
    clear: both;
}
.panel-body {
	color: inherit; 
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
.inline-block {
	display: inline-block;
}
/*IE隱藏箭頭模組*/
.select::-ms-expand {
	display: none;  
}
.hidden {
	display: none !important; 
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important; border-collapse: collapse;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
#loading {
	background: var( --loadingbg ); 
}
#loading {
	position: fixed; z-index: 101999999999999999999; left: 0; top: 0; display: block; width: 100%; height: 100%; text-align: center;
}
#loading .progress {
	position: relative; top: 50%; margin: 0px auto; text-align: center; width: 250px; height: 29px; border-radius: 0px; padding: 5px; 
}
#loading .loader-inner {
	position: relative; top: 50%; text-align: center; 
}
#loading img {
	position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100px;  max-height: 50px; -webkit-animation: scale-logo .8s 0s infinite; animation: scale-logo .8s 0s infinite; 
}


/*###################### Logo #########################*/
#loader-wrapper .logo-shadow1, #loader-logo .logo-shadow1 {
	filter: drop-shadow(1px 1px 1px #000000); 
}
#loader-wrapper .logo-shadow2, #loader-logo .logo-shadow2 {
	filter: drop-shadow(1px 1px 1px #ffffff); 
}
.logo.logo-shadow1 {
	-webkit-filter: drop-shadow(1px 1px 1px #000000);
	filter: drop-shadow(1px 1px 1px #000000) ;
	 
}
.logo.logo-shadow1:hover {
	-webkit-filter: drop-shadow(1px 1px 1px #ffffff);
	filter: drop-shadow(1px 1px 1px #ffffff); 
	
}
.logo.logo-shadow2 {
	-webkit-filter: drop-shadow(1px 1px 1px #ffffff);
	filter: drop-shadow(1px 1px 1px #ffffff); 
	
}
.logo.logo-shadow2:hover {
	-webkit-filter: drop-shadow(1px 1px 1px #000000);
	filter: drop-shadow(1px 1px 1px #000000);
	 
}
@media only screen and (max-width: 1024px) 
{
	
	#LOGO1 {
		float:left;
		*display: inline-block;
	}
	#LOGO1 {
		position: relative;
		top: 0;
		left: 0px;
		z-index: 97;
		height: 70px;
		display: flex;
		display: -ms-flexbox;
		-ms-flex-align: center;
		align-items: center;
	}
	#LOGO1 .logo {
		max-width: 300px;
		max-height: 80%;
		-webkit-filter: drop-shadow(2px 3px 3px #666);
		filter: drop-shadow(2px 2px 3px #666);
	}

}
@media (max-width: 575.98px) 
{
	#Button {
		font-size: 0.75rem !important; width: 49% !important; height: 50px !important; padding: 5px !important; 
	}
	.pBtu,.pBtu1 {
		border-radius: 0px; 
	}
	#ContentNews {
		padding: 15px 0; 
	}
	.text-center-md {
		text-align: center;margin: 0 auto;
	} 
	.mobile-hidden {
		display: none !important;
	} 
	
	.inline-block {
		display: block;
	}
	#more {
		padding: 20px 0 0 0 !important; 
	}
	#LOGO1 {
		display: none;
	}
}
/*###################### Logo end #########################*/

@-webkit-keyframes scale-logo 
{
	0% { top: 50%; }
	50% { top: 49%; }
	100% { top: 50%; }
}
@keyframes scale-logo 
{
	0% { top: 50%; }
	50% { top: 49%;	}
	100% { top: 50%; }
}
.ball-pulse > div {
	background-color: #f0f0f0; width: 20px; height: 20px; border-radius: 100%; margin: 6px; display: inline-block; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.ball-pulse > div:nth-child(1) {
	-webkit-animation: scale 1.5s -0.48s infinite; animation: scale 1.5s -0.48s infinite; 
}
.ball-pulse > div:nth-child(2) {
	-webkit-animation: scale 1.5s -0.24s infinite; animation: scale 1.5s -0.24s infinite; 
}
.ball-pulse > div:nth-child(3) {
	-webkit-animation: scale 1.5s 0s infinite; animation: scale 1.5s 0s infinite; 
}
#waiting div{
	color:#fff;
}
@-webkit-keyframes scale 
{
	0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
	50% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
@keyframes scale 
{
	0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
	50% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
#waiting {
	position: fixed; top: -100px; left: 0; width: 100%; height: 60px; z-index: 98; opacity: 0; margin: 0 auto; text-align: center; 
}
#waiting div {
	position: relative; max-width: 600px; width: 90%; height: 100%; text-align: center; margin: 0 auto; font-size: 0.95rem; line-height: 60px; border: 1px solid #d9d9d9; border-radius: 5px; 
}
#navi_wrap {
	position: relative; height: 100%; white-space: nowrap; 
}
#NAVI {
	*position: relative;/*視差捲動*/ width: 100%; z-index: 1; padding: 0 !important; 
}
#LOGO1,#LOGO {
	cursor: pointer; 
}
.Item {
	font-size: 1.65em; 
}
.Item1 {
	 font-family: var(--d71); *font-family: Poppins, CataneoBT, Helvetica, sans-serif; font-size: 0.75rem; letter-spacing: 1px; padding-bottom: 0px; padding-left: 5px; 
}	
.pBtu {
	box-sizing: border-box; width: 50%; margin: 0; padding: 8px 0; background: rgba(0, 0, 0, 0.75); color: #ffffff; font-size: 0.75rem; border-radius: 4px; cursor: pointer; border: 1px solid #f8f8f8; 
}
.pBtu1 {
	box-sizing: border-box; width: 50%; margin: 0; padding: 8px 0; background: rgba(99,105,121,0.85); font-size: 0.75rem; border-radius: 4px; color: rgba(255, 255, 255, 0.95); border: 1px solid #f8f8f8; 
 }
.disabled {
	cursor: not-allowed; 
}
[data-zanim-trigger] {
	opacity: 0; 
}
img {
	border: 0;
}
div >img {
	display: block; 
}
#newsDetail {
	position: fixed; top: 0px; left: 0; margin: 0 auto; text-align: center; width: 100%; _width: 100%; z-index: 99; padding: 0px; ; background: rgba(22,1,3,0.95); opacity: 0  
}
#newsDetail #WQ img {
	padding: 0px; max-width: 600px; 
}
#content a.btn, #top a.btn {
	color: white ;
}
#content a.btn.btn-default, #top a.btn.btn-default {
	color: #111111 ;
}
#content span a.btn, #top span a.btn, .btn {
	font-size: inherit !important; 
}
#content strong a.btn, #top strong a.btn {
	font-weight: inherit !important;
}
#content:after {/*解決子元素col-xs-12 col-sm-4 col-md-3 造成父元素的高度塌陷*/ 
	content: ""; display: block; clear: both; 
}
#more {
	margin: 0 auto ; text-align: center; padding: 50px 0; 
}
#footer {
	float: left; width: 100%; _width: 100%; 
}
#arror {
	position: absolute; right: 0; top: 20%; 
}
.News1 {
	color: #ffffff; font-size: 1rem; 
}
.News2 {
	color: #555555; font-size: 0.75rem; letter-spacing: 0.2mm; line-height: 17px !important; 
}
.News2 span {
	color: #555555; font-size: 0.65rem; 
}
.News2 a:link {
	color: #555555; font-size: 1rem; ; text-decoration: none; 
}
.News2 a:visited {
	color: #555555; font-size: 1rem; ; text-decoration: none; 
}
.News2 a:hover {
	color: #555555; font-size: 1rem; ; text-decoration: none; 
}
.a_31 {
	font-size: 0.75rem; font-style: normal; height: 27px; color: #666666; background: #ffffff; border: 1px solid #adadad !important; 
}
.a_31_1 {
	font-size: 0.75rem; font-style: normal; height: 27px; color: #333333; border: 1px solid #adadad !important; 
}
.a_r4 {
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
}
#ContentNotes {
	margin: 0 auto !important; 
}
.WW {
	color: #333; font-size: 1rem; 
}	
.WW a:link, .WW a:visited {
	color: #333; *text-decoration: none; 
}	
.White {
	 color: #fff !important; 
}
.White a:link, .White a:visited {
	 color: #fff !important; 
}
.White a:hover	 {
	 color: #fff !important;  
}	
.Black			 {
	 color: #333 !important; 
}
.Black a:link, .Black a:visited {
	 color: #333 !important; 
}
.Black a:hover {
	 color: #333 !important; 
}
#ContentProd {
	width: 95%; max-width: 1300px; margin: 0 auto; padding: 0; font-size: 1rem; ; 
}
#ContentProd:after {
	content: "" !important; display: block !important; clear: both !important; 
}
#ContentProd #left {
	padding-right: 0px !important; padding-left: 0 !important; text-align: justify; text-justify: inter-ideograph; font-family: var(--d71); *font-family: Poppins, 'cwTeXYen', Helvetica, Arial, sans-serif; 
}
#ContentProd #right {
	padding-right: 0 !important; padding-left: 20px !important; text-align: justify; text-justify: inter-ideograph; font-family: var(--d71); *font-family: Poppins, 'cwTeXYen', Helvetica, Arial, sans-serif; 
}
#float-button {
	position: fixed; right: 23px; bottom: calc( 34px + var(--getButton)); z-index: 98; width: 50px; height: auto;
}
#float-icon {
	position: fixed; right: 23px; top: 50%; transform: translate(0, -50%);  z-index: 98; width: 50px;
}
#float-icon .btn.btn-icon {
	width: 50px; height:50px; margin-top: 5px; border-radius: 50%; background-color: #ffffff; border-color: rgba(60,64,79,.5); font-size: 28px !important; padding: 3px 0 0 0; color: var( --footerColor )!importamt; text-align: center; color: rgb(60,64,79); transition: all .6s ease; 
}
#float-icon .icon-img{
	max-width: 30px; max-height: 30px; position: relative; top: 5px;
}
#float-icon .btn.btn-icon:hover {
	border-color: #ffffff; background-color: rgba(60,64,79,1); color: #fff; transform: rotate3d(0, -1, 0, -180deg)
}			
#toTop {
	position: relative; display: none; cursor: pointer; box-shadow: 2px 2px 7px  rgba(0,0,0,.35); width: 100%; height: 50px; background-color: var(--getButtonBG); color: #fff; font-size: 1.2rem; border-radius: 50%;  transition: all .5s ease; 
}
#toTop:hover {
	 background-color: var(--getButtonBGover); color: #fff; box-shadow: 2px 2px 12px rgba(0,0,0,0.65);
}
#toTop .bi{
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 
}
.shoppingcart-btn {
	position: relative; cursor: pointer; margin-top: 14px; box-shadow: 2px 2px 7px  rgba(0,0,0,.35); width: 100%; height: 50px; background-color: var(--getButtonBG); color: #fff; font-size: 1.2rem; border-radius: 50%; display: none;transition: all .5s ease; 
}
.shoppingcart-btn:hover {
	 background-color: var(--getButtonBGover); color: #fff; box-shadow: 2px 2px 12px rgba(0,0,0,0.65);
}
.shoppingcart-btn .bi{
	position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); 
}
.shoppingcart-btn .cartCount{
	position: absolute; right: -20px; top: -15px; display: inline-block; font-size: 0.775rem; font-family: Poppins, 'cwTeXYen', Helvetica, Arial, sans-serif; *text-shadow: 1px 1px 3px rgba(0,0,0,0.65); background: red; border-radius: 50%; width: 22px; height: 22px; line-height: 22px;
}
.soon {
	width: 100%; height: 400px; font-size: 1rem; display: flex; align-items: center;
}
.soon > div{
	margin: 0px auto; width: 100%; text-align: center;	
}
.soon > div > .alert{
	border: 1px solid #999; padding: 10px; margin: 0px auto; width: 350px; max-width:80%; text-align: center;
}
#top {
	overflow:hidden;
}
.ItemBar_bg{
	background-image:linear-gradient(to bottom, rgba(0, 0, 0, .45),rgba(0, 0, 0, .0))!important
}

.polygon1 {
	width: 100%; height: 100px; clip-path: polygon(0 10%, 100% 100%, 100% 0%, 0% 0); position: relative; top: -1px; left: 0;
}
.polygon2 {
	width: 100%; height: 100px; clip-path: polygon(0 100%, 100% 10%, 100% 0%, 0% 0); position: relative; top: -1px; left: 0;
}
.polygon3 {
	width: 100%; height: 100px; clip-path: polygon(0 90%, 0 100%, 100% 100%, 100% 0); position: relative; bottom: -1px; left: 0;
}
.polygon4 {
	width: 100%; height: 100px; clip-path: polygon(0 100%, 100% 100%, 100% 90%, 0 0); position: relative; bottom: -1px; left: 0;
}
.polygon5 {
	width: 100%; height: 100px; clip-path: url(#curve); position: relative; bottom: -1px; left: 0;
}
.polygon6 {
	width: 100%; height: 100px; clip-path: url(#curve); position: relative; bottom: -1px; left: 0; transform: scaleY(-1);
}
.w40 .polygon1, .w40 .polygon2, .w40 .polygon3, .w40 .polygon4 {
	height: 40px;
}
.w50 .polygon1, .w50 .polygon2, .w50 .polygon3, .w50 .polygon4 {
	height: 50px;
}
.w60 .polygon1, .w60 .polygon2, .w60 .polygon3, .w60 .polygon4 {
	height: 60px;
}
.w70 .polygon1, .w70 .polygon2, .w70 .polygon3, .w70 .polygon4 {
	height: 70px;
}
.w80 .polygon1, .w80 .polygon2, .w80 .polygon3, .w80 .polygon4 {
	height: 80px;
}
.w90 .polygon1, .w90 .polygon2, .w90 .polygon3, .w90 .polygon4 {
	height: 90px;
}
.w95 .polygon1, .w95 .polygon2, .w95 .polygon3, .w95 .polygon4 {
	height: 95px;
}
.noMaxHeight {
	max-height: none !important 
}

#more, .waypoint:not(.caption-3), .waypoint-in, .waypoint-right, .waypoint-left, .waypoint-up, .waypoint-down, 
.waypoint-right-sort, .waypoint-left-sort, .waypoint-up-sort, .waypoint-down-sort,
.waypoint-zoomIn, .waypoint-zoomOut, .waypoint-zoomIn-sort, .waypoint-zoomOut-sort, .waypoint-fullUp-sort, .waypoint-animation-, .waypoint-updown-sort,.waypoint-downup-sort,.waypoint-rightleft-sort, .fix-fadeInUp {
	 visibility: hidden; transition: all .8s ; 
}
.showIn, .zoomOut, .zoomIn, .fadeIn, .fadeInUp, .fullInUp, .fullInDown, .fadeInDown, .fadeInLeft, .fadeInRight, .showInUp, .showInDown, .fix-fadeInUp, .load- {
	 visibility: visible !important; 
}
.animate-1s {
	 -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-2s	 {
	 -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-3s	 {
	 -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-4s	 {
	 -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-5s	 {
	 -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-6s	 {
	 -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-7s	 {
	 -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-8s	 {
	 -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-9s	 {
	 -webkit-animation-duration: 0.9s; animation-duration: 0.9s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-10s {
	 -webkit-animation-duration: 1.0s; animation-duration: 1.0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-11s {
	 -webkit-animation-duration: 1.1s; animation-duration: 1.1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-12s {
	 -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-13s {
	 -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-14s {
	 -webkit-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-15s {
	 -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-16s {
	 -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-17s {
	 -webkit-animation-duration: 1.7s; animation-duration: 1.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-18s {
	 -webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-19s {
	 -webkit-animation-duration: 1.9s; animation-duration: 1.9s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-20s {
	 -webkit-animation-duration: 2.0s; animation-duration: 2.0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-30s {
	 -webkit-animation-duration: 3.0s; animation-duration: 3.0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-40s {
	 -webkit-animation-duration: 4.0s; animation-duration: 4.0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-50s {
	 -webkit-animation-duration: 5.0s; animation-duration: 5.0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
.animate-ease {
	 animation-timing-function: ease;
	 -webkit-animation-timing-function: ease;
}
.animate-ease-in {
	 animation-timing-function: ease-in;
	 -webkit-animation-timing-function: ease-in;
}
.animate-ease-out {
	 animation-timing-function: ease-out;
	 -webkit-animation-timing-function: ease-out;
}
.ease-in-out {
	 animation-timing-function: ease-in-out;
	 -webkit-animation-timing-function: ease-in-out;
}
.delay-1s { animation-delay: 0.1s; -webkit-animation-delay: 0.1s; }
.delay-2s { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }
.delay-3s { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }
.delay-4s { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }
.delay-5s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-6s { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
.delay-7s { animation-delay: 0.7s; -webkit-animation-delay: 0.7s; }
.delay-8s { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; }
.delay-9s { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; }
.delay-10s { animation-delay: 1.0s; -webkit-animation-delay: 1.0s; }
.delay-11s { animation-delay: 1.1s; -webkit-animation-delay: 1.1s; }
.delay-12s { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; }
.delay-13s { animation-delay: 1.3s; -webkit-animation-delay: 1.3s; }
.delay-14s { animation-delay: 1.4s; -webkit-animation-delay: 1.4s; }
.delay-15s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
.delay-16s { animation-delay: 1.6s; -webkit-animation-delay: 1.6s; }
.delay-17s { animation-delay: 1.7s; -webkit-animation-delay: 1.7s; }
.delay-18s { animation-delay: 1.8s; -webkit-animation-delay: 1.8s; }
.delay-19s { animation-delay: 1.9s; -webkit-animation-delay: 1.9s; }
.delay-20s { animation-delay: 2.0s; -webkit-animation-delay: 2.0s; }
.delay-21s { animation-delay: 2.1s; -webkit-animation-delay: 2.1s; }
.delay-22s { animation-delay: 2.2s; -webkit-animation-delay: 2.2s; }
.delay-23s { animation-delay: 2.3s; -webkit-animation-delay: 2.3s; }
.delay-24s { animation-delay: 2.4s; -webkit-animation-delay: 2.4s; }
.delay-25s { animation-delay: 2.5s; -webkit-animation-delay: 2.5s; }
.delay-26s { animation-delay: 2.6s; -webkit-animation-delay: 2.6s; }
.delay-27s { animation-delay: 2.7s; -webkit-animation-delay: 2.7s; }
.delay-28s { animation-delay: 2.8s; -webkit-animation-delay: 2.8s; }
.delay-29s { animation-delay: 2.9s; -webkit-animation-delay: 2.9s; }
.delay-30s { animation-delay: 3.0s; -webkit-animation-delay: 3.0s; }
.delay-31s { animation-delay: 3.1s; -webkit-animation-delay: 3.1s; }
.delay-32s { animation-delay: 3.2s; -webkit-animation-delay: 3.2s; }
.delay-33s { animation-delay: 3.3s; -webkit-animation-delay: 3.3s; }
.delay-34s { animation-delay: 3.4s; -webkit-animation-delay: 3.4s; }
.delay-35s { animation-delay: 3.5s; -webkit-animation-delay: 3.5s; }
.delay-36s { animation-delay: 3.6s; -webkit-animation-delay: 3.6s; }
.delay-37s { animation-delay: 3.7s; -webkit-animation-delay: 3.7s; }
.delay-38s { animation-delay: 3.8s; -webkit-animation-delay: 3.8s; }
.delay-39s { animation-delay: 3.9s; -webkit-animation-delay: 3.9s; }
.delay-40s { animation-delay: 4.0s; -webkit-animation-delay: 4.0s; }



.fix-fadeInUp {
  -webkit-animation-name: fadeInUp; 
  animation-name: fix-fadeInUp; 
}
@keyframes fix-fadeInUp 
{
  0% {
	opacity: 0; 
	top: 55%; 
  }
  100% {
	opacity: 1; 
	top: 50%; 
  }
}





.fadeIn {
	-webkit-animation-name: fadeIn; 
	animation-name: fadeIn; 
}
@keyframes fadeIn 
{
	0% {opacity: 0; }
  100% {opacity: 1; }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp; 
  animation-name: fadeInUp; 
}
@keyframes fadeInUp 
{
  0% {
	opacity: 0; 
	-webkit-transform: translate3d(0, 80%, 0); 
	transform: translate3d(0, 80%, 0); 
  }
  100% {
	opacity: 1; 
	-webkit-transform: none; 
	transform: none; 
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown; 
  animation-name: fadeInDown; 
}
@keyframes fadeInDown 
{
  0% {
	opacity: 0; 
	-webkit-transform: translateY(-30%); 
	transform: translateY(-30%); 
  }
  100% {
	opacity: 1; 
	-webkit-transform: none; 
	transform: none; 
  }
}





.fullInUp {
  -webkit-animation-name: fullInUp; 
  animation-name: fullInUp; 
}
@keyframes fullInUp 
{
  0% {
	opacity: 0; 
	-webkit-transform: translate3d(0, 100%, 0); 
	transform: translate3d(0, 100%, 0); 
  }
  100% {
	opacity: 1; 
	-webkit-transform: none; 
	transform: none; 
  }
}


.fullInDown {
  -webkit-animation-name: fullInDown; 
  animation-name: fullInDown; 
}
@keyframes fullInDown 
{
  0% {
	opacity: 0; 
	-webkit-transform: translateY(-30%); 
	transform: translateY(-30%); 
  }
  100% {
	opacity: 1; 
	-webkit-transform: none; 
	transform: none; 
  }
}




.shake {
	display: inline-block;
	-webkit-animation-name: shake; 
	animation-name: shake; 
	animation-iteration-count: 4;
}
@keyframes shake 
{
	0%, 100% {
		transform: translateX(0);
	}
	25% {
		transform: translateX(-5px);
	}
	75% {
		transform: translateX(5px);
	}
}





.fadeInLeft {
  -webkit-animation-name: fadeInLeft; 
  animation-name: fadeInLeft; 
}
@keyframes fadeInLeft 
{
  0% {
	opacity: 0; 
	-webkit-transform: translate3d(100%, 0, 0); 
	transform: translate3d(100%, 0, 0); 
  }
  100% {
	opacity: 1; 
	-webkit-transform: none; 
	transform: none; 
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight; 
  animation-name: fadeInRight; 
}
@keyframes fadeInRight 
{
  0% {
	opacity: 0; 
	-webkit-transform: translate3d(-100%, 0, 0); 
	transform: translate3d(-100%, 0, 0); 
  }
  100% {
	opacity: 1; 
	-webkit-transform: none; 
	transform: none; 
  }
}
.showInUp {
  -webkit-animation-name: showInUp; 
  animation-name: showInUp; 
}
@keyframes showInUp 
{
  0% {
	opacity: 1; 
	-webkit-transform: translate3d(0, 50%, 0); 
	transform: translate3d(0, 50%, 0); 
  }
  100% {
	opacity: 1; 
	-webkit-transform: none; 
	transform: none; 
  }
}
.showInDown {
  -webkit-animation-name: showInDown; 
  animation-name: showInDown; 
}
@keyframes showInDown 
{
  0% {
	opacity: 1; 
	-webkit-transform: translate3d(0, -50%, 0); 
	transform: translate3d(0, -50%, 0); 
  }
  100% {
	opacity: 1; 
	-webkit-transform: none; 
	transform: none; 
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut; 
  animation-name: zoomOut; 
}
@keyframes zoomOut 
{
  0% {
	opacity: 0; 
	-webkit-transform: scale(1.1); 
	transform: scale(1.1); 
  }
  100% {
	opacity: 1; 
	-webkit-transform: scale(1); 
	transform: scale(1); 
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn; 
  animation-name: zoomIn; 
}
@keyframes zoomIn 
{
  0% {
	opacity: 0; 
	-webkit-transform: scale(0.5); 
	transform: scale(0.5); 
  }
  100% {
	opacity: 1; 
	-webkit-transform: scale(1); 
	transform: scale(1); 
  }
}
@media only screen and (max-width: 992px) 
{	
	.Item {
		font-size: 0.95rem !important; 
	}
	.Item1 {
		font-size: 0.75rem !important; 
	}	
	#MessageBtu {
		margin-left: 0px !important; 
	}
	#ContentNotes {
		padding: 0 15px; 
	}	
	.animate-1s, .animate-2s, .animate-3s, .animate-4s, .animate-5s, .animate-6s, .animate-7s, .animate-8s, .animate-9s, .animate-10s, .animate-11s, .animate-12s, .animate-13s, .animate-14s, .animate-15s, .animate-16s, .animate-17s, .animate-18s, .animate-19s, .animate-20s {
		-webkit-animation-duration: 0.5s !important; animation-duration: 0.5s !important; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
	}
	.delay-1s,.delay-2s,.delay-3s,.delay-4s {
		animation-delay: 0s !important; -webkit-animation-delay: 0s !important; 
	}
    .m-display {
        display: none;
    }
	#float-icon {
		display: none;
	}

}
@media (max-width: 575.98px) 
{
	#Button {
		font-size: 0.75rem !important; width: 49% !important; height: 50px !important; padding: 5px !important; 
	}
	.pBtu,.pBtu1 {
		border-radius: 0px; 
	}
	#ContentNews {
		padding: 15px 0; 
	}
	.text-center-md {
		text-align: center;margin: 0 auto;
	} 
	.mobile-hidden {
		display: none !important;
	} 
	
	.inline-block {
		display: block;
	}
	#more {
		padding: 20px 0 0 0 !important; 
	}
}