

html {height:100%;}
body {transtion:all 0.5s ease;}


body {	

	/*font-family: "cwTeXHei", Arial, serif, "SimHei", "Microsoft YaHei","Microsoft JhengHei", "PMingLiU";*/
	font-family: "Microsoft YaHei", "SimHei", "Microsoft JhengHei", "PMingLiU";
	font-family: 'Open Sans', sans-serif, Helvetica, Arial;
	font-family: 'Open Sans', sans-serif, 'Noto Sans TC', 'Noto Sans SC', Helvetica, Arial !important;
}
body a {font-family: 'Open Sans', sans-serif, 'Noto Sans TC', 'Noto Sans SC', Helvetica, Arial !important;}
body h1 {font-family: 'Open Sans', sans-serif, 'Noto Sans TC', 'Noto Sans SC', Helvetica, Arial !important;}
body h2 {font-family: 'Open Sans', sans-serif, 'Noto Sans TC', 'Noto Sans SC', Helvetica, Arial !important;}
body h3 {font-family: 'Open Sans', sans-serif, 'Noto Sans TC', 'Noto Sans SC', Helvetica, Arial !important;}
body h4 {font-family: 'Open Sans', sans-serif, 'Noto Sans TC', 'Noto Sans SC', Helvetica, Arial !important;}
body h5 {font-family: 'Open Sans', sans-serif, 'Noto Sans TC', 'Noto Sans SC', Helvetica, Arial !important;}
body h6 {font-family: 'Open Sans', sans-serif, 'Noto Sans TC', 'Noto Sans SC', Helvetica, Arial !important;}

body {width:100%;height:100%;}
body#tinymce {height:auto !important;}


body.about {background:#000000;}

.main_panel {width:1024px;margin:0px auto;}
.main_panel {width:90%;}
.main_panel {overflow:hidden;}
.main_panel {position:relative;}


.mask_panel {position:absolute;left:0px;top:0px;width:100%;height:100%;}
.mask_panel.main_panel_10 {background-color:rgba(255,255,255,.1);}
.mask_panel.main_panel_20 {background-color:rgba(255,255,255,.2);}
.mask_panel.main_panel_30 {background-color:rgba(255,255,255,.3);}
.mask_panel.main_panel_40 {background-color:rgba(255,255,255,.4);}
.mask_panel.main_panel_50 {background-color:rgba(255,255,255,.5);}
.mask_panel.main_panel_60 {background-color:rgba(255,255,255,.6);}
.mask_panel.main_panel_70 {background-color:rgba(255,255,255,.7);}
.mask_panel.main_panel_80 {background-color:rgba(255,255,255,.8);}
.mask_panel.main_panel_90 {background-color:rgba(255,255,255,.9);}

/*.main_panel {width:800px;margin:0px auto;}*/


.page_body 				{	padding:0px;	}
.panels_row.page_body 	{	padding:0px;	}




ul 		{margin-left:20px;margin-bottom:20px;}
ol 		{margin-left:20px;margin-bottom:20px;}


.page_hd_bg 					{position:relative;left:0px;top:0px;width:100%;height:450px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.page_hd_bg .page_hd_bg_mask 	{position:absolute;left:0px;top:0px;width:100%;height:100%;background:#000000;opacity:.5;}
.page_hd_bg						{margin-bottom:12px;}

.page_content_title 			{font-size:38px;font-weight:bold;display:inline-block;margin:12px 0px;}
.page_content_title 			{color:#E69C2D;text-transform: uppercase;}
.page_content_wrapper			{}


.section_title_wrapper					{font-weight:100;font-size:22px;text-align:center;padding:20px;} 
.section_title_wrapper .section_title	{} 

.content_title 	{font-size:28px;margin-bottom:10px;}
.content_desc 	{font-size:16px;margin-bottom:10px;}
.content_img 	{}
.content_img img {max-width:100%;max-height:100%;}


.page_content_panel {padding-bottom:50px;}

.section_title {
	font-size:23px;font-weight:bold;
	margin-bottom:20px;
	
}



.simpleContentPanel {text-align:justify;line-height:22px;}
.simpleContentPanel img {max-width:100%;}




/*header start >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
	div.header-top 						{position:fixed;width:100%;height:80px;z-index:10;}

	div.header-top div.header-top-box 	{display:flex;width:100%;height:100%;}
	div.header-top div.header-top-box 	{}

	div.header-top:before 				{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;}
	div.header-top>.main_panel			{height:100%;}
	
	div.header-top>.main_panel			{overflow:visible;}


	body div.header-top:before {background:#1E1E1E;			}

	
		
	div.header-top-box>.header-logo {position:relative;left:0px;top:0px;z-index:1;}
	div.header-top-box>.header-logo {width:auto;}
	div.header-top-box>.header-nav 	{width:100%;}

	

	div.header-top-box div.header-logo a.logo_panel {display:block;padding:10px;}
	div.header-top-box div.header-logo a.logo_panel img {height:60px;}


	.sc_header_logo_box {width:auto;height:100%;}
	.sc_header_logo_box .sc_header_logo_wrapper {}

	
	div.header-nav 						{position:relative;top:0px;left:0px;width:100%;height:80px;}

	div.header-nav>.main_panel			{position:relative;left:0px;top:0px;height:100%;}


	
	/*** manage the element z-index <start>***/

	

	/*** manage the element z-index <end>***/

/*header end >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/



div#fullpage {position:relative;width:100%;height:100%;}
div#fullpage {}

div#fullpage .section 		{position:relative;width:100%;height:100%;}
div#fullpage .free_section 	{height:auto;}

div#fullpage .section .section_bg {position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:.95;}
div#fullpage .section .section_bg {background-repeat:no-repeat;background-position:center center;background-size:cover;}

div#fullpage .section .section_img {}
div#fullpage .section .section_img img {width:100%;}

.homepage div#fullpage .section.free_section {
	height:100%;
}

.about div#fullpage {overflow:auto;}

.homepage_video_section {}
.homepage_video_section .main_panel {overflow:visible;}

.homepage_video_section .flex_section		{margin:0px;margin-left:-20px;margin-right:-20px;}
.homepage_video_section .video_column		{padding:0px;text-align:center;margin-top:10px;}
.homepage_video_section .video_column .sc_lightbox		{padding:0px;display:flex;justify-content:center;align-items:center;text-align:center;}
.homepage_video_section .section_content 	{padding:20px;position:relative;}
.homepage_video_section .section_content .section_btn_wrapper 	{position:absolute;bottom:0px;padding:10px 0px;text-align:center;}
.homepage_video_section .section_content_left .section_content .section_btn_wrapper 	{right:20px;}
.homepage_video_section .section_title 	{}

.homepage_video_section .section_title 	{		margin-bottom:0px;
	background:rgba(15,40,66,0);
	padding:10px 0px;
	color:#363636;
}

.homepage_video_section .section_desc {			margin-bottom:0px;
	background:rgba(195,207,220,0);
	padding:10px 0px;
	color:#363636;
	
}


.homepage_video_section .flex_section { transform: translateX(-200%);	}
.homepage_video_section .flex_section.section_content_left { transform: translateX(200%);	}

.homepage_video_section.fp-completely .flex_section { transform: translateX(0%);	}
.homepage_video_section.fp-completely .flex_section.section_content_left { transform: translateX(0%);	}


.homepage_video_section.active .flex_section {
	animation: video_section_movein_from_right 1.0s ease;
	animation-fill-mode: forwards;
	animation-delay: 0s;
}


.homepage_video_section.active .flex_section.section_content_left {
	animation: video_section_movein_from_left 1.0s ease;
	animation-fill-mode: forwards;
	animation-delay: 0s;
}

@keyframes video_section_movein_from_left {
  0% {
	  opacity:.1;
    transform: translateX(-100%);
  }
  100% {
	  opacity:1;
    transform: translateX(0);
  }
}

@keyframes video_section_movein_from_right {
  0% {
	  opacity:.1;
    transform: translateX(100%);
  }
  100% {
	  opacity:1;
    transform: translateX(0);
  }
}





.homepage_who_we_are_section {}
.homepage_who_we_are_section .flex_section		{margin:0px;margin-left:-20px;margin-right:-20px; align-items:center; justify-content:center;}
.homepage_who_we_are_section .video_column		{padding:0px;text-align:center;margin-top:10px;}
.homepage_who_we_are_section .video_column .sc_lightbox		{padding:0px;display:flex;justify-content:center;align-items:center;text-align:center;}
.homepage_who_we_are_section .section_content 	{padding:20px;position:relative;padding-left:50px;}
.homepage_who_we_are_section .section_content .section_btn_wrapper 	{position:relative;padding:10px 0px;margin-top:10px;text-align:left;}

.homepage_who_we_are_section .section_title 	{}

.homepage_who_we_are_section .section_title 	{		margin-bottom:0px;
	background:rgba(15,40,66,0);
	padding:10px 0px;
	color:#E69C2D;
}

.homepage_who_we_are_section .section_desc 		{		margin-bottom:0px;
	background:rgba(195,207,220,0);
	padding:10px 0px;
	color:#ffffff;
	text-align:justify;
	font-size:20px;
}



.homepage_who_we_are_section.active .section_title {
	animation			: who_we_are_zoomin 0.6s ease-in-out;
	animation-fill-mode	: forwards;
	animation-delay		: 0.1s;
	transform-origin	: left center;
	opacity:0;
}


.homepage_who_we_are_section.active .section_desc {
	animation			: who_we_are_zoomin 0.6s ease-in-out;
	animation-fill-mode	: forwards;
	animation-delay		: 0.6s;
	transform-origin	: left center;
	opacity:0;
}

.homepage_who_we_are_section.active .section_content .section_btn_wrapper {
	animation			: who_we_are_zoomin 0.6s ease-in-out;
	animation-fill-mode	: forwards;
	animation-delay		: 1.2s;
	transform-origin	: left center;
	opacity:0;
}



@keyframes who_we_are_zoomin {
  0% {
	opacity:0;
	transform: scale(0.1);
  }
  100% {
	opacity:1;
    transform: scale(1.0);
  }
}






div#fullpage .homepage_portfolio	{margin:20px 0px;}
div#fullpage .homepage_portfolio .section_title 	{text-align:center;margin-bottom:5px;}
div#fullpage .homepage_portfolio .section_subtitle 	{text-align:center;}




.homepage_subscribe	{margin:20px 0px;background:#1e1e1e;color:#ffffff;}
.homepage_subscribe .section_title 	{margin:0px;margin-bottom:10px;}
.homepage_subscribe .section_content 	{
	padding:10px;
	padding-left:20px;
	width:100%;
	
}
.homepage_subscribe .section_icon 		{
	width:300px;min-width:300px;
	padding:1px;
	
}
.homepage_subscribe .email_icon 		{
	
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	position:relative;left:0px;top:0px;bottom:0px;margin:auto;
	width:100%;height:100%;
}
.homepage_subscribe .section_input_group {
	min-width:100%;
	width:450px;height:30px;
	border:1px #333333 solid;
	border-radius:5px;
	border-radius:30px;
	white-space:nowrap;
	display:flex;
	overflow:hidden;
	background:#2D2D2D;
	margin-bottom:5px;
}

.homepage_subscribe .section_input_group .input_field_wrapper 		{ 	width:100%;		}
.homepage_subscribe .section_input_group .button_wrapper 			{ 	width:150px;	}
.homepage_subscribe .section_input_group button 	{ 	display:block;width:100%;height:100%;	border:0px;border-radius:30px;	}
.homepage_subscribe .section_input_group input 		{	display:block;width:100%;height:100%;	border:0px;border-radius:0px;	}


.homepage_subscribe .section_input_group button 	{ 	background:#FF5E1B; color:#ffffff;	font-size:12px;	line-height:18px;	}
.homepage_subscribe .section_input_group input		{	background:none;	color:#ffffff;	padding:5px 10px;	font-size:12px;	}






























html .particles {position:relative;}
html .particles canvas {position:absolute;left:0px;top:0px;opacity:.3;z-index:-1;}
html .particles .main_panel {position:relative;left:0px;top:0px;}



div.document_panel {line-height:25px;}
div.document_panel h3 {line-height:35px;}
div.document_panel .desc {padding:5px 0px;}
div.document_panel .highlighbox {border:1px #cacaca solid;padding:10px;}

div.document_with_auto_marker {height:350px;padding:5px;overflow:auto;border:2px #cacaca solid;}
div.document_with_auto_marker ol 				{	list-style-position: outside; margin:0px;padding-left:30px;}
div.document_with_auto_marker ol li				{	}
div.document_with_auto_marker ol 				{	list-style-type:decimal;}
div.document_with_auto_marker ol ol 			{	list-style-type:upper-alpha;}
div.document_with_auto_marker ol ol ol 			{	list-style-type:upper-roman;}
div.document_with_auto_marker ol ol ol ol		{	list-style-type:lower-latin;}
div.document_with_auto_marker ol ol ol ol ol	{	list-style-type:lower-roman;}




div.panels_row .bgimg 		{width:100%;height:100%;position:absolute;left:0px;top:0px;}
div.panels_row .bgimg 		{background-repeat:no-repeat;background-position:center center;background-size:cover;}
	
	



div.scrollTopButtonPanel {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    display: none;
}
div.scrollTopButtonPanel a.scrollTop {
    width: 50px;
    height: 50px;
    border: 2px #808080 solid;
    border-radius: 99px;
    display: block;
    color: #d4dee7;
    text-align: center;
    line-height: 45px;
    font-size: 25px;
}
div.scrollTopButtonPanel a.scrollTop {
    background: rgba(30, 30, 30, 0.5);
    box-shadow: 0px 0px 30px 0px rgba(30, 30, 30, 0.2);
}




div.short_desc {
	width:50%;
}




.fp-tableCell { height: 100% !important; }

.homepage_video_section .fp-tableCell {vertical-align:top;padding-top:100px;}









/***menu********************************************************************************************************************/

/***************************************************************************************************************************/



.content_item {}
.content_item .content_item_title {margin:10px 0px;font-size:22px;}



.mem_list {margin:0px -20px;flex-wrap:wrap;}
.mem_list .mem_item {display:flex;padding:20px;width:50%;}
.mem_list .mem_item .mem_img_item {min-width:150px;padding:5px;border:1px #dddddd solid;}
.mem_list .mem_item .mem_img_item img {width:100%;}

.mem_list .mem_item .mem_info 	{padding:0px;margin-left:20px;}
.mem_list .mem_item .mem_name 	{font-weight:normal;font-size:22px;margin-bottom:10px;color:#0F7D99;}
.mem_list .mem_item .mem_title 	{font-weight:normal;font-size:16px;margin-bottom:10px;color:#198511}

.mem_list .mem_item .mem_desc	{font-size:13px;text-align:justify;} 


/***services**************************************************************************************************************/
.ser_list {margin:0px -20px;margin-right:-15px;flex-wrap:wrap;}
.ser_list .ser_item {display:flex;padding:20px;width:50%;position:relative;}
.ser_list .ser_item .ser_img_item {min-width:150px;padding:5px;border:1px #dddddd solid;}
.ser_list .ser_item .ser_img_item img {width:100%;}

.ser_list .ser_item .ser_info 	{padding:15px;border:1px #eaeaea solid; 
	background:#ffffff;
	filter:drop-shadow(5px 5px 0px #198511);
}


.ser_list .ser_item .ser_name 	{font-weight:normal;font-size:22px;margin-bottom:10px;color:#198511;padding:0px;}


.ser_list .ser_item .ser_desc	{font-size:13px;text-align:justify;margin:0px;} 




/***approach**************************************************************************************************************/
.approach_list {}
.approach_list .approach_detail_list {margin:0px;padding:0px;list-style-type:none;}
.approach_list .approach_detail_list {counter-reset:normal_counter;}
.approach_list .approach_detail_list .list_item {
	counter-increment:normal_counter;
	
	padding:10px;
	border:1px #f0f0f0 solid;
	background:#ffffff;
	filter:drop-shadow(5px 5px 0px #eaeaea);
	
	margin-bottom:15px;
	padding-left:60px;
}
.approach_list .approach_detail_list .list_item:before {
	content:counter(normal_counter) ".";
	position:absolute;left:0px;top:0px;
	padding:3px;
	width:50px;height:100%;
	
	font-size:22px;font-weight:bold;text-align:center;
	color:#ffffff;
	
	background:#7EC0D4;
	
}




/***experience**************************************************************************************************************/
.exp_list {margin:0px -20px;margin-right:-15px;flex-wrap:wrap;}
.exp_list .exp_item {display:flex;padding:20px;width:100%;position:relative;}
.exp_list .exp_item .exp_img_item {min-width:150px;padding:5px;border:1px #dddddd solid;}
.exp_list .exp_item .exp_img_item img {width:100%;}

.exp_list .exp_item .exp_info 	{
	padding:15px;border:1px #eaeaea solid; 
	width:100%;
	background:#ffffff;
	filter:drop-shadow(5px 5px 0px #198511);
}
.exp_list .exp_item .exp_name 	{font-weight:normal;font-size:22px;margin-bottom:10px;color:#198511;padding:0px;}
.exp_list .exp_item .exp_desc	{font-size:13px;text-align:justify;margin:0px;} 




/***qna**************************************************************************************************************/
.qna_list {}
.qna_list .qna_detail_list {margin:0px;padding:0px;list-style-type:none;}
.qna_list .qna_detail_list {counter-reset:normal_counter;}
.qna_list .qna_detail_list .list_item {
	counter-increment:normal_counter;
	
	padding:10px;
	border:1px #f0f0f0 solid;
	background:#ffffff;
	filter:drop-shadow(5px 5px 0px #eaeaea);
	
	margin-bottom:15px;
	padding-left:60px;
}
.qna_list .qna_detail_list .list_item:before {
	content:counter(normal_counter) ".";
	position:absolute;left:0px;top:0px;
	padding:3px;
	width:50px;height:100%;
	
	font-size:22px;font-weight:bold;text-align:center;
	color:#ffffff;
	
	background:#7EC0D4;
	
}

.qna_list .qna_detail_list .list_item .qna_ans_list {
	
}




/*** header nav : start *********************************/


	.sc_header_nav_box {position:relative;width:100%;height:100%;}
	.sc_header_nav_box {display:flex;align-items:flex-end;justify-content:flex-end;}
	
	.sc_header_nav_box .sc_menu .sc_menu_btn {transition:all 0.5s ease;}
	.sc_header_nav_box .sc_menu .sc_menu_btn {padding:0px 25px;}
	.sc_header_nav_box .sc_menu .sc_menu_btn {font-size:16px;}
	
	
	.sc_header_nav_box .sc_menu {}
	.sc_header_nav_box .sc_menu_list {}
	.sc_header_nav_box .sc_menu_list_root {display:inline-flex;flex-wrap:wrap;align-items:center;}
		
	/*height:50px;*/
	.sc_header_nav_box .sc_menu .sc_menu_item					{display:flex;}

	.sc_header_nav_box .sc_menu .sc_menu_item .sc_menu_name 	{display:block;max-height:100%;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

	/*height:100%;*/
	.sc_header_nav_box .sc_menu .sc_menu_btn 	{display:flex;align-items:center;width:100%;z-index:1;}
	.sc_header_nav_box .sc_menu .sc_menu_btn 	{position:relative;}
	.sc_header_nav_box .sc_menu .sc_menu_btn 	{
		position:relative;
		
	}
	.sc_header_nav_box .sc_menu .sc_submenu	
							{}
	/*** submenu level-1 position ***/
	.sc_header_nav_box .sc_menu .sc_submenu							{position:absolute;top:100%;}
		/*** submenu level-2 position ***/
		.sc_header_nav_box .sc_menu .sc_submenu .sc_submenu			{position:absolute;top:0%;left:0%;}


	/*** !!! table : width : 100% : and parent = 69.69px (sample), final table width will be 69px, so set width 130% will make better look ***/
	.sc_header_nav_box .sc_menu .sc_submenu>.sc_submenu_container		{display:table;width:130%;}
	.sc_header_nav_box .sc_menu .sc_submenu .sc_menu_list				{display:table-cell;vertical-align:middle;}
	.sc_header_nav_box .sc_menu .sc_submenu .sc_menu_item .sc_menu_btn 	{display:table;}
	.sc_header_nav_box .sc_menu .sc_submenu .sc_menu_item .sc_menu_name {display:table-cell;vertical-align:middle;}
	
	/*** level-2 ***/
	.sc_header_nav_box .sc_menu .sc_submenu .sc_submenu>.sc_submenu_container {width:100%;}

	.sc_header_nav_box .sc_menu .sc_menu_item>.sc_menu_btn				{color:#ffffff;}
	.sc_header_nav_box .sc_menu .sc_menu_item:hover>.sc_menu_btn		{color:#E69C2D;}
	.sc_header_nav_box .sc_menu .sc_menu_item>.sc_menu_btn.active		{color:#E69C2D;}
	

	/*** level - 1+ ***/
	.sc_header_nav_box .sc_menu .sc_menu_item .sc_submenu				{display:none;}
	.sc_header_nav_box .sc_menu .sc_menu_item:hover .sc_submenu			{display:block;}
	/*** level - 2+ ***/
	.sc_header_nav_box .sc_menu .sc_submenu .sc_menu_item .sc_submenu	{display:none;}
	.sc_header_nav_box .sc_menu .sc_submenu .sc_menu_item .sc_submenu	{display:block;}
	/*** level - 3+ ***/
	.sc_header_nav_box .sc_menu .sc_submenu .sc_submenu .sc_menu_item .sc_submenu	{display:none;}

	/********************************************************************************************************/
	.sc_header_nav_box .sc_menu_item.sc_menu_has_submenu>.sc_menu_btn .sc_menu_caret
	{
		display:block;
		position:relative;width:20px;
		right:-5px;
		top:-3px;
	}
	.sc_header_nav_box .sc_menu_item.sc_menu_has_submenu>.sc_menu_btn .sc_menu_caret:after {
		border-color:#ffffff;
		
		transform:rotate(45deg);
		
	}



	/*** transition style : start >>>>>>>>>>>>>>>>>>>>>>>>>> ***/
		/*** matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY()) ***/
		
		/*** level - 1+ submenu transition ***/
		
		.sc_header_nav_box .sc_menu .sc_menu_item .sc_submenu 									{transition:all 0.5s ease;		display:block; }
		.sc_header_nav_box .sc_menu .sc_menu_item .sc_submenu>.sc_submenu_container 			{transition:all 0.5s ease;}
		
		.sc_header_nav_box .sc_menu .sc_menu_item .sc_submenu>.sc_submenu_container 			{
			background:#1E1E1E;
			
		}
		
		
		.sc_header_nav_box .sc_menu .sc_menu_item 							{overflow:hidden;}
		.sc_header_nav_box .sc_menu .sc_menu_item:hover 					{overflow:visible;}
		.sc_header_nav_box .sc_menu .sc_menu_item .sc_submenu 				{opacity:0.5;}
		.sc_header_nav_box .sc_menu .sc_menu_item:hover>.sc_submenu			{opacity:1;	}
		
		.sc_header_nav_box .sc_menu .sc_menu_item .sc_submenu 				{
			transform: scale(1) translate(0%, 0%);		}
		.sc_header_nav_box .sc_menu .sc_menu_item:hover>.sc_submenu			{
			transform: scale(1) translate(0%, 0%);		}
			
			/*** level - 2+ submenu transition ***/
			.sc_header_nav_box .sc_menu .sc_submenu .sc_menu_item .sc_submenu 									{transform: none;}
			.sc_header_nav_box .sc_menu .sc_submenu .sc_menu_item .sc_submenu>.sc_submenu_container 			{transform: scale(1) translate(0%, -100%);	margin-left:100%; }
			
			.sc_header_nav_box .sc_menu .sc_submenu .sc_menu_item:hover .sc_submenu>.sc_submenu_container		{
				transform: scale(1) translate(0%, 0%);	margin-left:100%; 
			}

		
	/*** transition style : end <<<<<<<<<<<<<<<<<<<<<<<<<<< ***/


/*** header nav : end *********************************/











/*** hamburger : start **************************************************/
	.sc_menu_hamburger 			{display:block;width: 60px;position: relative;padding:0px;padding-top:5px;}
	.sc_menu_hamburger 			{background:none;border:1px #F3F4F5 solid;}
	.sc_menu_hamburger:hover 	{transition:all 0.5s ease;}
	.sc_menu_hamburger:focus 	{transition:all 0.5s ease;}
	.sc_menu_hamburger>span		{display:block;position:relative;width:60px;height:45px;}
	.sc_menu_hamburger>span		{transform:scale(.6);}

	.sc_menu_hamburger>span:before,
	.sc_menu_hamburger>span:after	{content:'';display:block;}


	.sc_menu_hamburger>span:before,
	.sc_menu_hamburger>span:after,
	.sc_menu_hamburger>span>i {
		
		display: block;
		position: absolute;
		height: 9px;
		width: 100%;
		background: #000000;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		
		-webkit-transition: 	.2s ease-in-out;
		-moz-transition: 		.2s ease-in-out;
		-o-transition: 			.2s ease-in-out;
		transition: 			.2s ease-in-out;
		
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;

	}

	.sc_menu_hamburger>span:before,
	.sc_menu_hamburger>span:after,
	.sc_menu_hamburger>span>i {background:#ffffff;}

	.sc_menu_hamburger>span:before,
	.sc_menu_hamburger>span:after,
	.sc_menu_hamburger>span>i {height:3px;}


	.sc_menu_hamburger>span>i 		{top: 18px;	}
	.sc_menu_hamburger>span:before 	{top: 0px;	}
	.sc_menu_hamburger>span:after 	{top: 36px;	}


	.sc_menu_hamburger.is-active {}
	.sc_menu_hamburger.is-active>span>i
	{width: 0%;opacity: 0;}


	.sc_menu_hamburger.is-active>span:before	
	{
		top: -3px;left: 8px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
		
	.sc_menu_hamburger.is-active>span:after 	
	{
		top: 39px;left: 8px;
		 -webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
/*** hamburger : end **************************************************/

	/*** hamburger bar color **************************************************/
	.sc_menu_hamburger>span:before,
	.sc_menu_hamburger>span:after,
	.sc_menu_hamburger>span>i {background:#ffffff;}
	
	/*** hamburger bar border color **************************************************/
	.sc_menu_hamburger 			{background:rgba(0,0,0,.3);border:0px;}
	
	/*** hamburger hover over style **************************************************/
	.sc_menu_hamburger:hover 	{background:rgba(0,0,0,.3);}
	

	





/************************************* responsive menu **************************************************/

	/*** header nav : start *********************************/

		/*** default hide responsive nav ***/
		.sc_header_nav_box .sc_responsive_header_nav_wrapper 	{	position:fixed;top:0px;right:0px;z-index:1200;}
		.sc_header_nav_box .sc_responsive_header_nav_wrapper 	{	width:100%;		height:100%;	}
		.sc_header_nav_box .sc_responsive_header_nav_wrapper 	{	width:200px;	height:100%;	}
		.sc_header_nav_box .sc_responsive_header_nav_wrapper 	{	right:-200px;		}
		
		.sc_header_nav_box .responsive_menu_list_wrapper	{
			position:relative;
			width:200px;height:100%;
			overflow:auto;
			
		}
		
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu {	display:block;	}
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu_list_root {	display:block;height:100%;}
		
		
		
		
		.sc_header_nav_box .responsive_menu_logo				{
			position:absolute;left:0px;top:0px;width:100%;height:50px;
			margin-left:0px;
			background:#000000;
			display:none;
		}
		.sc_header_nav_box .responsive_menu_logo .logo_panel	{
			display:block;margin:auto;width:100%;height:100%;text-align:center;padding:5px;
		}
		.sc_header_nav_box .responsive_menu_logo .logo_panel>img	{max-width:100%;max-height:100%;	}

		.sc_header_nav_box .responsive_menu_btn_wrapper		{ width:70px;height:50px; padding:0px; 		}
		
		
		
		.sc_header_nav_box .responsive_menu_btn_wrapper		{ position:absolute;top:0px;left:0%;		}
		
		
		.sc_header_nav_box .responsive_menu_btn_wrapper .responsive_menu_btn_column			{ 	
			margin-left:0%;
			border:1px #ff0000 solid; 
			display:flex;
		}
		
		.sc_header_nav_box .responsive_menu_btn_wrapper .general_menu_custom_panel	{ 			
			width:180px;margin-left:-250px;
			position:relative;z-index:1;
		}
		.sc_header_nav_box .responsive_menu_btn_wrapper .general_menu_custom_panel .general_menu_custom_list	{ 			
			position:absolute;width:180px;
		}
		.sc_header_nav_box .responsive_menu_btn_wrapper .general_menu_custom_panel .general_menu_custom_btn	.change_txt {
			
			display:inline-block;
			float:right;
			color:#7DA6EF;
		}
		.sc_header_nav_box .responsive_menu_btn_wrapper .general_menu_custom_panel .general_menu_custom_btn	{ 
			display:block;height:50px;
			padding:16px;font-size:13px;
			background:rgba(0,0,0,.6);
			color:#ffffff;
			border-bottom:2px #000000 solid;
		}
		.sc_header_nav_box .responsive_menu_btn_wrapper .general_menu_custom_panel .general_menu_custom_list	{ 		
			display:none;
		}
		.sc_header_nav_box .responsive_menu_btn_wrapper .general_menu_custom_panel .general_menu_custom_list	{ 		
			display:none;
		}
		
		
		
		.sc_header_nav_box .responsive_menu_btn_wrapper .general_menu_custom_panel .general_menu_custom_mask {
			position:fixed;left:0px;top:0px;
			width:100%;height:100%;
			background:rgba(0,0,0,.1);
		}
		.sc_header_nav_box .responsive_menu_btn_wrapper .general_menu_custom_panel .lang_list	{ 			
			width:100%;
			padding:0px;margin:0px;list-style-type:none;
			position:relative;z-index:1001;
			
		}
		
		.sc_header_nav_box .responsive_menu_btn_wrapper .general_menu_custom_panel .lang_list .lang_btn {
			
			
		}
		.sc_header_nav_box .responsive_menu_btn_wrapper .general_menu_custom_panel .lang_list .lang_btn a {
			display:block;padding:16px;height:50px;
			color:#ffffff;
			background:rgba(0,0,0,.9);
			border-bottom:2px #000000 solid;
		}
		.sc_header_nav_box .responsive_menu_btn_wrapper .general_menu_custom_panel .lang_list .lang_btn a.hl {
			background:rgba(0,0,0,.6);
		}
		.sc_header_nav_box .responsive_menu_btn_wrapper .general_menu_custom_panel .lang_list .lang_btn a:hover {
			background:rgba(0,0,0,.6);
		}
		
		
		
		
		.sc_header_nav_box .responsive_menu_btn_wrapper .sc_menu_hamburger			{ 	margin-left:-100%;		}
		.sc_header_nav_box .responsive_menu_btn_wrapper .sc_menu_hamburger			{ 		}
		
		
		

		
		.sc_header_nav_box .sc_menu .sc_menu_btn {height:50px;}
		
		
		
		
		
		
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_menu_item { display:block; 
			height:auto;
		}
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_menu_item .sc_menu_name {
			max-width:100%;
		}
		
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_menu_item>.sc_menu_btn {
			background:none;color:#FFFFFF;
			
		}
		
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_menu_item>.sc_menu_btn:hover {
			color:#CF8D2B;
		}
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_menu_item>.sc_menu_btn:hover {
			color:#CF8D2B;
		}
		
		
		

		
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_menu_item.sc_menu_has_submenu>.sc_menu_btn:hover .sc_menu_caret:after {
			border-color:#ffffff;
		}
		
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_submenu {
			position:relative;left:0px;top:0px;
			transform:none;opacity:1;
			
		}
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_submenu>.sc_submenu_container {
			width:100%;
		}
		
		
		/** menu mask **/
		
		
		/** submenu : background : start **/
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_submenu>.sc_submenu_container {
			background:#F0F2F4;
		}
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_submenu .sc_submenu>.sc_submenu_container {
			background:#E1E5E8;
		}
		/** submenu : background : end **/
		
		
		/** submenu : left-indent : start **/
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_submenu {
			padding-left:0px;
		}
		/** submenu : left-indent : end **/
		
		
		/** submenu : left-indent for text : start **/
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu_btn {
			padding-left:15px;
		}
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_submenu .sc_menu_btn {
			padding-left:35px;
			
		}
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_submenu .sc_submenu .sc_menu_btn {
			padding-left:55px;
		}
		/** submenu : left-indent for text  : end **/
		
		
		
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_submenu .sc_menu_item {
			
		}
		.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_submenu .sc_menu_item .sc_submenu>.sc_submenu_container {
			transform:none;margin:0px;
		}
		
		
	/*** header nav : end *********************************/



	/** topnav background color in base layber <start> **/
		.sc_header_nav_box .responsive_menu_list_wrapper		{ background:#ffffff;	}
	/** topnav background color in base layber <end>>> **/
	





/** header menu theme : EBD780**/
.sc_header_nav_box .responsive_menu_list_wrapper		{ background:#1E1E1E;	}




.sc_footer_float_btns_panel {
	position:fixed;bottom:50px;right:0px;
}

.sc_footer_float_btns_panel .cell_btn {
	padding:10px 0px;
	overflow:hidden;
}

.sc_footer_float_btns_panel .cell_btn .btn {
	float:right;
	border-radius:0px;
	width:120px;
}











