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%;}

.main_panel {width:1024px;margin:0px auto;}
.main_panel {width:90%;transition:all 0.5s ease;}
.main_panel {overflow:hidden;}
.main_panel {position:relative;}

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


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


body .panels_row.page_body.page_body_contact {background:#e7ecf3;}

body .panels_row.page_body.page_body_contact .googlemap_container {
	position:relative;left:0px;top:0px;
}
body .panels_row.page_body.page_body_contact .googlemap_container:before {
	position:absolute;left:0px;right:0px;margin:auto;
	content		:'';
	width		: 0; 
	height		: 0; 
	border-left	: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top	: 30px solid #e7ecf3;
}

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;text-decoration:underline;margin:12px 0px;}
.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;}







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;}
	
	

/** homepage > **/

	div.panels_row.home_grid_panel {padding:0px;margin-top:12px;}
	div.panels_row.home_grid_panel .grid_item 	{}
	div.panels_row.home_grid_panel .grid_item 	{padding:12px;}
	div.panels_row.home_grid_panel .grid_inner 	{width:100%;height:100%;position:relative;}
	div.panels_row.home_grid_panel .grid_inner 	{height:300px;}
	div.panels_row.home_grid_panel .bgimg 		{width:100%;height:100%;position:absolute;left:0px;top:0px;}
	div.panels_row.home_grid_panel .bgimg 		{background-repeat:no-repeat;background-position:center center;background-size:cover;}
	
	div.panels_row.home_grid_panel .content_item 			{position:absolute;left:0px;top:0px;width:100%;height:100%;}
	div.panels_row.home_grid_panel .content_item .grid_btn 	{position:absolute;left:0px;top:0px;width:100%;height:100%;}
	
	div.panels_row.home_grid_panel .content_item .grid_btn:before {
		transition:all 0.5s ease;
		content:'';
		position:absolute;left:0px;top:0px;width:100%;height:100%;
		background:rgba(0,0,0,.6);
	} 
	 
	div.panels_row.home_grid_panel .content_item .grid_btn 	{display:flex;align-items:center;justify-content:center;}
	div.panels_row.home_grid_panel .content_item .grid_btn 	{width:100%;height:100%;}
	div.panels_row.home_grid_panel .content_item .grid_btn>span 	{
		display:block;position:relative;font-size:33px;color:#cacaca;
		text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
		
	}
	
	div.panels_row.home_grid_panel .content_item .grid_btn:hover:before {
		background:rgba(0,0,0,.3);
	}
	
	
	div.panels_row.home_feature_panel {padding:0px;}
	div.panels_row.home_feature_panel .grid_item 	{}
	div.panels_row.home_feature_panel .grid_item 	{padding:12px;}
	div.panels_row.home_feature_panel .grid_inner 	{width:100%;height:100%;position:relative;}
	div.panels_row.home_feature_panel .grid_inner 	{height:300px;}
	div.panels_row.home_feature_panel .product_list_item 			{max-width:100%;width:350px;height:350px;position:relative;left:0px;top:0px;margin:0px auto;}
	div.panels_row.home_feature_panel .product_img 					{width:100%;height:250px;position:relative;left:0px;top:0px;}
	div.panels_row.home_feature_panel .product_img 					{background-repeat:no-repeat;background-position:center center;background-size:contain;}
	
	div.panels_row.home_feature_panel .content_item 				{position:relative;left:0px;top:0px;width:100%;}
	
	div.panels_row.home_feature_panel .content_item .product_title 	{
		display:block;
		width:100%;height:30px;line-height:30px;
		padding:0px 0px;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		
	}
	div.panels_row.home_feature_panel .content_item .product_price 	{
		display:block;
		width:100%;height:30px;
		overflow:hidden;
	}
	div.panels_row.home_feature_panel .content_item .product_price .regular_price	{
		display:inline-block;
		padding:0px 0px;
		overflow:hidden;
		white-space:nowrap;
		color:#666666;
		vertical-align:middle;
	}
	div.panels_row.home_feature_panel .content_item .product_price .discount_price	{
		display:inline-block;
		padding:0px 0px;
		overflow:hidden;
		white-space:nowrap;
		color:#EB471E;
		vertical-align:middle;
		font-size:16px;
		margin-left:5px;
	}
	
	div.panels_row.home_feature_panel .content_item .product_price.with_discount .regular_price {
		font-size:12px;
		color:#999999;
		text-decoration:line-through;
	}
	
	div.panels_row.home_feature_panel .content_item .product_btns 	{
		display:block;
		width:100%;height:40px;
		overflow:hidden;
	}
	div.panels_row.home_feature_panel .content_item .product_btns .add_to_cart {
		transition:all 0.5s ease;
		display:inline-block;
		padding:0px 10px;height:40px;line-height:38px;
		border:1px #D7DBD7 solid;
		font-size:13px;
	}
	div.panels_row.home_feature_panel .content_item .product_btns .add_to_cart:hover {
		border:1px #E8EDE8 dashed;
		border-radius:5px;
	}
	
/** homepage < **/



/** series > **/
	div.panels_row.product_listing_panel {padding:0px;margin-top:20px;}
	div.panels_row.product_listing_panel .grid_item 	{}
	div.panels_row.product_listing_panel .grid_item 	{padding:12px;}
	div.panels_row.product_listing_panel .grid_inner 	{width:100%;height:100%;position:relative;}
	div.panels_row.product_listing_panel .grid_inner 	{height:300px;}
	
	div.panels_row.product_listing_panel .content_item 			{position:absolute;left:0px;top:0px;width:100%;height:100%;}
	div.panels_row.product_listing_panel .content_item .grid_btn 	{position:absolute;left:0px;top:0px;width:100%;height:100%;}
	
	div.panels_row.product_listing_panel .content_item .grid_btn:before {
		transition:all 0.5s ease;
		content:'';
		position:absolute;left:0px;top:0px;width:100%;height:100%;
		background:rgba(0,0,0,.6);
	} 
	 
	div.panels_row.product_listing_panel .content_item .grid_btn 	{display:flex;align-items:center;justify-content:center;}
	div.panels_row.product_listing_panel .content_item .grid_btn 	{width:100%;height:100%;}
	div.panels_row.product_listing_panel .content_item .grid_btn>span 	{
		display:block;position:relative;font-size:33px;color:#cacaca;
		text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
		
	}
	
	div.panels_row.product_listing_panel .content_item .grid_btn:hover:before {
		background:rgba(0,0,0,.3);
	}
/** series < **/



/***about us***/
	div.about_us_content_panel {}
	div.about_us_content_panel .img_btn_wrapper {position:relative;} 
	
	div.about_us_content_panel .img_btn_text {width:100%;height:350px;display:block;padding:20px;text-align:center;font-size:30px;color:#ffffff;} 
	
	div.about_us_content_panel .img_btn_container {position:relative;overflow:hidden;}
	div.about_us_content_panel .img_btn_container .bgimg {transition:all 0.5s ease;}
	div.about_us_content_panel .img_btn_container:hover .bgimg {
		transform:scale(1.01);
	}
	div.about_us_content_panel .img_btn_text {transition:all 0.5s ease;}
	div.about_us_content_panel .img_btn_text {background:rgba(0,0,0,.5);} 
	div.about_us_content_panel .img_btn_text:hover {background:rgba(0,0,0,.3);} 
	
/***about us***/





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);
}