button, input, *:focus 	{ outline:none; border:none;}
	.clearfix::after { content: ""; clear: both; display: table;}

/*	body 			{ margin:0; padding:0; background:#fff; opacity:0;
					  font-family:  "SF Pro Icons","Helvetica Neue","Helvetica","Arial", FSElliot, "SimSuum", "Heiti SC", "微软雅黑", "Heiti TC",  "微軟正黑體", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
					  font-weight:normal; line-height:1.6; color:#333;
					  -webkit-font-smoothing: antialiased;
  					 -moz-osx-font-smoothing: grayscale; background-color:#ececec;}
	#body.ready 		{ opacity:1; }
	#body.font-a 	{ font-size:12px; }
	#body.font-aa 	{ font-size:14px; }
	#body.font-aaa 	{ font-size:16px; }

	div,header,section,ul,li,a,main { position:relative;}
	h1,h2,h3,h4,p 	{ margin:0; }
	a 				{ cursor:pointer; }*/

	#body.revamp header 				{ position:fixed; top:0; left:0; width:100%; background:rgba(0, 65, 107, 0.3); z-index:1000; }
	#body.smhead.revamp header		{ background:rgba(0, 65, 107, 1); }
	#body.revamp header img.logo 	{ position:relative; height:70px; width:auto; top:20px; left:0px;transition:all 0.6s ease-out;   }
	#body.revamp header nav 			{ position:absolute; left: auto; top:64px; width: 100%; color:#fff; /*transform:translate(0,-50%);*/ }
	#body.revamp header 				{ transition:all 1s ease-out; }

	#body.revamp header .topbar				{ position:absolute; right:0; top:25px }
	#body.revamp header .topbar ul.tb 		{ margin:0; padding:0; }
	#body.revamp header .topbar ul.tb li 	{ margin:0; padding:0 0 0 20px; display:inline-block;vertical-align:middle;}
	#body.revamp header .topbar ul.tb li img { width:20px; height:20px; }
	#body.revamp header .topbar ul.tb li img 		{ opacity:1; transition: all 0.3s ease-out;}
	#body.revamp header .topbar ul.tb li:hover img   { opacity:0.7;}




/* 	#body.revamp header .topbar ul.tb li.font:after {
    position: relative;
    top: -6px;
    right: -5px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #fff transparent transparent transparent;
} */
	#body.revamp.index main 			{ padding-top:0; }



	#body.revamp header, #body.revamp header .pg-container  {  height:105px;  }
	#body.revamp header .pg-container {  }

	#body.revamp.smhead header 			{ /* height:100px; */ }     
	#body.revamp.smhead header img.logo  { height:60px; }
	/* #body.revamp.smhead main 			{ padding-top:100px; } */
	


	/* Go to Top */
/*	.gotop,
    .gotop span   	{ width:60px; height:60px; }

    .gotop.show 	{ opacity:1; }           
	.gotop  		{ position:fixed; bottom:120px; right:0; z-index:1500; opacity:0;
					display:block; text-align:center; text-decoration:none; color:#333; cursor:pointer;
			              -webkit-transition: 1s;
			                 -moz-transition: 1s;
			              	      transition: 1s;}
	.gotop:hover	{ color: #fff;}
	.gotop span     { display:block; margin-bottom:0px; background:#ececec;
		                  -webkit-transition: 1s;
		                     -moz-transition: 1s;
		                          transition: 1s;}
	.gotop i 		{ font-size:25px; line-height:normal; margin-top:18px}*/


	/* Custom Page Layout */
	#body.revamp .pg-container 		{ max-width:80%; margin:0 auto; transition: all 0.3s ease-out; position:relative;}

/*	h2 { font-size:28px; font-weight:bold}
	h3 { font-size:26px; font-weight:bold}
	h3 { font-size:20px; font-weight:bold}*/




	/* Breadcrumb */
/*	ul.breadcrumb 					{ padding:10px 16px; list-style:none; background-color: #eee;}
	ul.breadcrumb li 				{ display:inline }
	ul.breadcrumb li+li:before 		{ padding:8px; color:black; content: "/\00a0";}
	ul.breadcrumb li a 				{ color:#0275d8; text-decoration: none;}
	ul.breadcrumb li a:hover 		{ color: #01447e; text-decoration: underline;}*/
	
	

	.mega-menu-blk	{ float:right; width:100%; background-color:transparent; height:35px;}
	##body.cn .mega-menu-blk	{ height:38px;}
	/* ##body.tc .mega-menu-blk	{ height:38px;} */

	ul.mega-menu				{ list-style:none; margin:0; padding:0; float:left; text-align:right;}
	/*#body.smhead header .mega-menu-blk { top:0px; transition: all s ease-out;}*/

	.mega-menu				{ width:100%; float:right; list-style:none; position:relative;}
	.mega-menu > li 		{ display:inline-block; text-align:right; }
	.mega-menu > li > div 	{ text-align:left;}
	.mega-menu > li > a 	{ color: #fff; text-decoration:none; text-transform:uppercase;  cursor:pointer;
								-webkit-transition: color 0.2s linear, background 0.2s linear;
								   -moz-transition: color 0.2s linear, background 0.2s linear;
									 -o-transition: color 0.2s linear, background 0.2s linear;
										transition: color 0.2s linear, background 0.2s linear; }
	.mega-menu > li 				{ padding-right:0px; padding-left:0; } 
	.mega-menu > li > a 			{ display:block; padding: 7px 15px 5px 15px; }
	.mega-menu > li > a.active,
	.mega-menu > li > a:hover 		{ background:#f4364c; color:#fff;}
	.mega-menu > li:last-child		{ padding-right:15px}

	.mega-menu > li > a.m-currnet		{ background-color:#f4364c; border-bottom:1px solid #13426b }
	.mega-menu > li > a.m-currnet:after { content: ''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#13426b;}


	.submenu	{ 	left:50%; transform: translateX(-50%); width:125%; display:none; color:#333; padding-top:0; padding-bottom:0px;/*20*/ position:absolute;
				 	background:#ececec; }

	.submenu:hover,
	.drop-down>a:hover +.submenu { display:block;}


	/*  SECTIONS  */
	.sce 	{ clear:both; padding:10px 20px;margin: 0px; background-color:#13426b }
	.col 	{ display:block; float:left; /* margin: 1% 0 1% 3%; padding:0 10px; */ padding: 1% 30px 1% 0; }
	.col:first-child { /* margin-left: 0; */ padding-left: 0; }

	.col a 			{/* color:#13426b;*/ color:#fff; text-decoration:none; text-transform:uppercase; line-height:1.2; font-size: 90%; }
	.col a:hover 	{ text-decoration: underline;}
	.col div.lev3 		{ margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #f4364c;}
	.col div.lev3>div 	{ margin:0; padding:5px 0; list-style:none; text-decoration:none; text-transform:none; line-height:normal; font-weight:normal; letter-spacing:normal;}
	.col div.lev3>div>a			{ /*color:#333;*/ color:#f1f8fd; text-decoration:none; text-transform:none; font-size:80%; }
	.col div.lev3>div>a:hover	{ /*color:#f4364c;*/ color:#f4364c; transition: all 0.3s ease-out; }


	/*  GROUPING  */
	.group:before,
	.group:after { content:""; display:table; }
	.group:after { clear:both;}
	.group { zoom:1; /* For IE 6/7 */ }
	
	.f-r { float: right; }

	.span_5_of_5 { width:100%;}
	.span_4_of_5 { width:79.4%;}
	.span_3_of_5 { width:58.8%;}
	.span_2_of_5 { width:38.2%;}
	.span_1_of_5 { width:17.6%;}

	table.t-promos { width:100%; border:none} 

	ul.sp-promos 	{ margin:0; padding:20px 30px 40px 30px; font-size:90%}
	ul.sp-promos li { margin:0; padding:0 20px 20px 20px; list-style:none; float:left; width:33%}
	ul.sp-promos li div:first-child 	{ width:30%; float:left;}
	ul.sp-promos li div:last-child 		{ width:70%; float:right; padding-left:15px}

	ul.sp-promos li img 				{ width:100%; height:auto;}
	ul.sp-promos li a 	{ color:#333}
	ul.sp-promos li a p { color:#13426b}
	ul.sp-promos li a:hover p { text-decoration:underline;}

	.sce-wrp { max-width: calc(80% + (40px * 0.8)); margin: 0 auto; }
	
	.clearfix:after { display: block; clear: both; position: relative; content: ''; }
	
	/* ==========================================================================
	    Media Style: no dropdown, section flowdown, sslider flowdown
	============================================================================= */
	@media only screen and (max-width:1600px) {
	#body.revamp .pg-container 		{ max-width:90%; }
	.sce-wrp { max-width: calc(90% + (40px * 0.9));}
	.submenu	{width:111.2%;}

	@media only screen and (max-width:1024px) {
	.mega-menu-blk {display:none}
	#body.revamp header img.logo, 	
	#body.revamp.smhead header img.logo  { height:40px; }
	#body.revamp header, #body.revamp header .pg-container {height: 75px;}
	#body.revamp header img.logo {top: 16px}
	}
	@media only screen and (max-width:767px) {
	#body.en.font-aa 	{ font-size:16px; }

	#body.revamp header img.logo, 	
	#body.revamp.smhead header img.logo  { height:40px; }
	#body.revamp header, #body.revamp header .pg-container {height: 75px;}
	/*#body.revamp header img.logo {top:16px}*/
	}