@charset "utf-8";
body {
	font: normal 13px/1.8 Titillium Web, Raleway, sans-serif;
	overflow-x: hidden;
	font-weight: 300;
}
.container {
	text-align: left;
}
.footer {
	background-color: #E7E7E7;
	padding: 20px 0 25px 0;
}
.menuCon {
}
.logo {
	position: absolute;
	left: 95px;
	top: 40px;
	z-index:9;
}
.full-width {
	margin-left: -14px;
	margin-right: -14px;
}
.content {
	
}
.pad-left{margin-left:-14px;}
.able-heading h2{display:inline-block; background-color:#eb6002; padding:8px 30px 8px 60px; margin:0;-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomright: 25px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;}
.on-top{position:relative; z-index:9;}
.full-width { margin-left:-14px; margin-right:-14px;}
.footermenu{float:left; list-style:none; margin:0; padding:0;}
.footermenu li a{color:#666;}
.footerlogo{width:96px; height:auto;}
.orange-icon button i{color:#eb6002;}
.orange-icon button {border:1px solid #CCC;}
ul.contact{list-style:none; margin:0; padding:0;}
ul.contact li {
    margin-bottom: 10px;
    padding-left: 0;
    position: relative;
}
ul.contact li i {
    left: 0;
    position: absolute;
    top: 5px;
}
.footer-sidebar{list-style:none; margin:0; padding:0;}
#footer-right{font-size:30px;}
#footer-right a{color:#a0a0a0;}
#footer-right a:hover{color:#000;}
.textwidget h3:first-child{margin-top:0; min-height:inherit}
/* header style */
.menuCon{background-color:#fff; height:100px; border-bottom:1px solid #e2e2e2;}
/* search form*/
.search-area{float:left; margin:0 15px; position:relative;}
a#show-searchform{display:block; color:#a4a4a4; font-size:20px; padding:0 10px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.searchbar{position:absolute; display:none; left:0; top:100%; background-color:rgba(255,255,255,0.5); padding:10px 20px 10px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.3);}
.searchbar input.search-field{border:1px solid #fff; margin:0;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
a#closesearch{position:absolute; top:0; right:5px; color:#000;}
.searchbar span.screen-reader-text{display:none;}
.searchbar input.search-submit{display:none;}
a#show-searchform:hover{color:#ff8200; background-color:#fff;}
h2.sidemenu-head{background-color:#ff8200; color:#fff; margin-top:0; padding:10px 15px; font-weight:bold; font-size:18px;}
/* Side Menu */
ul.sidemenu{list-style:none; margin:0; padding:0;}
ul.sidemenu > li{padding:10px;}
ul.sidemenu > li > a{color:#a4a4a4;}
ul.sidemenu > li > a:hover,ul.sidemenu > li.current_page_item > a{color:#ff8200; text-decoration:none;}
/* custom lang menu*/
ul.custom-lang{float:left; list-style:none; margin:0; padding:0;}
ul.custom-lang > li{float:left; margin-right:20px;}
ul.custom-lang > li > a{font-size:13px; font-weight:bold; color:#a4a4a4; font-family:"Microsoft JhengHei";}  
ul.custom-lang span{display:none;}
/*main menu*/
nav.mainMenuCon {
	position:absolute; z-index:9; top:35px;
	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
padding:10px 25px;
}
ul#mainmenu {
	float:left;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#mainmenu > li {
	float: left;
	padding: 0 0;
	position: relative;
	text-align: center;
	
}
ul#mainmenu > li > a {
	font-weight:400;
	font-size:14px;
	display: block;
	line-height: 20px;
	padding: 10px 10px;
	color: #a4a4a4;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
ul#mainmenu > li > a:hover, ul#mainmenu > li:hover > a {
	text-decoration: none;
	background-color: #ff8200;
	color: #fff;
}
/* submenu */
ul#mainmenu > li > ul {
	list-style: none;
	margin: 0 auto;
	padding: 10px 15px;
	position: absolute;
	top: calc(100% + 5px);
	left:-43px;
	width:200px;
/*	left: 0;
	right: 0;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #EBEBEB;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	-webkit-transform: rotateY(180deg); /* Safari */
	transform: rotateY(180deg);
	visibility: hidden;
}
ul#mainmenu > li > ul:after {
	content: "";
	width: 10px;
	height: 5px;
	border-bottom: 5px solid #fff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	left: calc(50% - 5px);
	top: -5px;
	display: block;
	position: absolute;
}
ul#mainmenu > li:hover > ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotateY(0deg); /* Safari */
	transform: rotateY(0deg);
}
ul#mainmenu > li > ul > li > a {
	color: #000;
}
ul#mainmenu > li > ul > li {
	text-align:left;
	padding:10px 0;
}
/*end menu*/
.banner .swiper-container{ z-index:8;}
.banner .swiper-pagination-bullet-active{background-color:#000;}
.bar{background-color:#231f20; margin-bottom:35px;}
.footerlogo img{width:60px; height:auto;}
.copy{background-color:#ff8200; padding-top:10px;}
.copyright{font-size:12px; color:#fff; }

.banner .swiper-pagination-bullet{width:10px; height:10px; background-color:#fff; -webkit-border-radius: 5px; opacity:1;
-moz-border-radius: 5px;
border-radius: 5px;}
.banner .swiper-pagination-bullet-active{background-color:#717071;opacity:1;}
/*Mobile (Small screen)*/
@media (max-width: 767px) {
.container {
	width: 100%;
}
.menu {
	display: none;
}
nav.mainMenuCon {
	display: none;
}
.logo{left:10px; top:10px; width:100px; height:auto;}

a#triggerCon {
	display: block;
	width: 40px;
	height: 40px;
	background-color: transparent;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index:9999;
}
a#triggerCon.active{top:15px;}
a#triggerCon span {
	position: absolute;
	display: block;
	width: 30px;
	height: 4px;
	background-color: #231f20;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	left: 5px;
	top: 5px;
}
a#triggerCon span.bar2 {
	top: 14px;
}
a#triggerCon span.bar3 {
	top: 23px;
}
a#triggerCon.active span {
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
}
a#triggerCon.active span.bar2 {
	left: 5px;
	top: 5px;
}
a#triggerCon.active span.bar3 {
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
	top: 5px;
}
#mobilemenuCon {
	z-index: 9999;
	top: 50px;
	left:0;
	position: fixed;
	width: 100%;
	height:calc(100% - 50px);
	visibility:hidden;
}
body.showmenu{overflow:hidden;}
.showmenu #mobilemenuCon{visibility:visible;}
.mobile-menu-scroller{ 
white-space: nowrap;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
height: 100%;
}
#popout {
	left: 0;
	top: 0;
	visibility: hidden;
	position: fixed;
	width: 100%;
	z-index: 9998;
	height:0;
	background-color: rgba(255,255,255,0.9);
	opacity: 0;
	-webkit-transition: visibility 0s, opacity 0.5s linear;
	transition: visibility 0s, opacity 0.5s linear;
	-moz-transition: visibility 0s, opacity 0.5s linear;
	padding-top: 50px;
}
#popout.show {
	opacity: 1;
	left:0;
	height:auto;
	visibility:visible;
}
#mobilemenu {
	z-index: 9999;
	margin-top: 50px;
	width: 100%;
}
ul#mobilemenu {
	list-style: none;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
ul#mobilemenu.show{visibility:visible;}
ul#mobilemenu > li > a {
	font-size:16px;
	padding: 15px 0;
	display: block;
	color:#000;
	font-weight:400;
}
ul#mobilemenu > li {
	opacity: 0;
	transform: rotateY(180deg);
	transition: all .55s ease-in-out 0s;
	-moz-transition: all .55s ease-in-out 0s;
	-webkit-transition: all .55s ease-in-out 0s;
	position: relative;
	left: -50px;
	text-align:center;}
ul#mobilemenu > li > ul{list-style:none; margin:0; padding:0;}
ul#mobilemenu > li > ul > li > a{color:#666; display:block; padding:10px 0; font-size:14px;}
ul#mobilemenu.show > li {
	opacity: 1;
	left: 0;
	transform: rotateY(0);
	transition: all .55s ease-in-out;
	-moz-transition: all .55s ease-in-out;
	-webkit-transition: all .55s ease-in-out;
}
ul#mobilemenu.show > li.a1 {
	transition-delay: 0.1s;
	-moz-transition-delay: all .55s ease-in-out 0.1s;
	-webkit-transition-delay: all .55s ease-in-out 0.1s;
}
ul#mobilemenu.show > li.a2 {
	transition-delay: 0.2s;
	-moz-transition-delay: all .55s ease-in-out 0.2s;
	-webkit-transition-delay: all .55s ease-in-out 0.2s;
}
ul#mobilemenu.show > li.a3 {
	transition-delay: 0.3s;
	-moz-transition-delay: all .55s ease-in-out 0.3s;
	-webkit-transition-delay: all .55s ease-in-out 0.3s;
}
ul#mobilemenu.show > li.a4 {
	transition-delay: 0.4s;
	-moz-transition-delay: all .55s ease-in-out 0.4s;
	-webkit-transition-delay: all .55s ease-in-out 0.4s;
}
ul#mobilemenu.show > li.a5 {
	transition-delay: 0.5s;
	-moz-transition-delay: all .55s ease-in-out 0.5s;
	-webkit-transition-delay: all .55s ease-in-out 0.5s;
}
ul#mobilemenu.show > li.a6 {
	transition-delay: 0.6s;
	-moz-transition-delay: all .55s ease-in-out 0.6s;
	-webkit-transition-delay: all .55s ease-in-out 0.6s;
}
ul#mobilemenu.show > li.a7 {
	transition-delay: 0.7s;
	-moz-transition-delay: all .55s ease-in-out 0.7s;
	-webkit-transition-delay: all .55s ease-in-out 0.7s;
}
ul#mobilemenu.show > li.a8 {
	transition-delay: 0.8s;
	-moz-transition-delay: all .55s ease-in-out 0.8s;
	-webkit-transition-delay: all .55s ease-in-out 0.8s;
}
ul#mobilemenu.show > li.a9 {
	transition-delay: 0.9s;
	-moz-transition-delay: all .55s ease-in-out 0.9s;
	-webkit-transition-delay: all .55s ease-in-out 0.9s;
}
ul#mobilemenu.show > li.a10 {
	transition-delay: 0.10s;
	-moz-transition-delay: all .55s ease-in-out 0.10s;
	-webkit-transition-delay: all .55s ease-in-out 0.10s;
}
ul#mobilemenu.show > li.a11 {
	transition-delay: 1s;
	-moz-transition-delay: all .55s ease-in-out 1s;
	-webkit-transition-delay: all .55s ease-in-out 1s;
}
ul#mobilemenu.show > li.a12 {
	transition-delay: 1.2s;
	-moz-transition-delay: all .55s ease-in-out 1.2s;
	-webkit-transition-delay: all .55s ease-in-out 1.2s;
}
.menuCon{background-color:rgba(255,255,255,0.8); height:50px; border-bottom:1px solid #e2e2e2; position:fixed; top:0; left:0; right:0; z-index:9999; }
.content{margin-top:50px;}
#mlang{position:absolute; top:10px; right:40px;}
}
/*iPad V*/
@media (min-width: 768px) {
ul#mainmenu {
	font-size: 14px;
}
ul#mainmenu > li > a {
	padding: 5px 10px;
}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:35px !important;}
.logo{left:20px; width:80px; height:auto;}
nav.mainMenuCon { right:10px; padding-right:0;}
}
/*1024 V*/
@media (min-width: 992px) {
.logo{left:95px; width:137px; height:auto;}
ul#mainmenu {
	font-size: 13px;
}
nav.mainMenuCon { right:40px; padding-right:25px;}
}
/*Large screen V*/
@media (min-width: 1200px) {
ul#mainmenu > li > a {
	padding: 5px 25px;
	background-size:100% auto;
}
}

/*
     FILE ARCHIVED ON 00:37:34 Jan 04, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:06:18 Aug 20, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.918
  load_resource: 136.666
  PetaboxLoader3.resolve: 39.12
  PetaboxLoader3.datanode: 97.038
*/