@charset "utf-8";
/***************************************
    copyright by MakeWeb.com.tw 
***************************************/
@import url('../../landing/css/landing.css');


.image_menu{
	display: none;
}
#side1{
	display: none;
}
.tree_gray_v{
	display: none;
	width: 0;
}



/*-------------------------------------------------
 nav_bar
--------------------------------------------------*/
#wrapper .nav_bar{
	overflow: hidden;
	position: fixed;
	width: 100%;
	height: 54px;
	top: 54px;
	background: #333;
	opacity: 0.8;
	/*border-top: 3px solid #F00;*/
	z-index: 13;
}
#wrapper .nav_bar .nav_box{
	overflow: hidden;
	/*width: 950px;*/
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 20px;
}
.nav_box .pd_sn {
	float: left;
	margin: 0;
	/*font-size: 150%;*/
	font-size: 2.6rem;
	line-height: 54px;
	color: #999;
}
.nav_box nav{
	float: right;
}
.nav_box ul{
	list-style: none;
}
.nav_box ul li{
	width: auto;
	float: left;
	margin:0 14px;	
	/*font-size: 100%;*/
	line-height:30px;
	color:#FFF;
	cursor: pointer;
}
.nav_box ul li a{
	color:#FFF;
}



/*-------------------------------------------------
 imagelabellist_product_filterable
--------------------------------------------------*/
.imagelabellist_product_filterable {
	display: none;
	overflow: hidden;
	position: relative;
	/*position: absolute;*/
	/*width: 950px;*/
	min-height: 380px;
	margin: 0px 0px 0 0;
	/*border:1px solid #CCC;*/
}
.imagelabellist_product_filterable .list_text {
	float: right;
	width: 48%;
}
.imagelabellist_product_filterable .list_text .pd_name {
	position: relative;
	margin: 0 0 6px 0;
	color: #D80000;
}
.imagelabellist_product_filterable .list_text .pd_sn {
	position: relative;
	color: #F00;
}
.imagelabellist_product_filterable .list_text .pd_info{
	position: relative;
	/*font-size: 1.4rem;*/
}


.imagelabellist_product_filterable .pd_icon {
	position: absolute;
	/*width: 500px;*/
	width: 46%;
	text-align: right;
	/*margin: -20px 0 0 -93px;*/
	z-index: 5;
}


.imagelabellist_product_filterable #mfe_wrap {
	overflow: hidden;
	float: left;
	width: 50%;
	/*width:390px;*/
	/*height:380px;*/
	/*margin: -20px 0 0 0;*/
}
.imagelabellist_product_filterable #mfe_wrap .fileList {
	overflow: hidden;
	/*position:absolute;*/
	max-width: 580px;
	/*width:380px;*/
	/*height:120px;*/
	margin: 0;
	padding: 0;
	/*overflow-x:hidden;*/
	/*overflow-y:hidden;*/
	/*margin:360px 0 0 0;*/
	list-style:none;
	
}
.imagelabellist_product_filterable #mfe_wrap .fileList li {
	float:left;
	/*width:40px;*/
	margin:3px;
}
.imagelabellist_product_filterable #mfe_wrap .fileList li a {
	display: block;
	border: 2px solid #C5C5C5;
}
.imagelabellist_product_filterable #mfe_wrap .fileList li a:hover {
	border: 2px solid #7ACDEF;
}
.imagelabellist_product_filterable #mfe_wrap .fileList li.active a {
	border: 2px solid #7ACDEF;
}
.imagelabellist_product_filterable #mfe_wrap .fileList li img {
}
/*.imagelabellist_product_filterable #mfe_wrap .gallery .info {
	display:table;
}
.imagelabellist_product_filterable #mfe_wrap .gallery .photo {
	position:absolute;
	margin:0px 0 5px 0;
	display:table-cell; 
	vertical-align:middle;
}
.imagelabellist_product_filterable #mfe_wrap .gallery .photo img {
	width:360px;
	width:360px\9;
	margin: 0 0 0 20px;
	vertical-align: middle;
}*/
.imagelabellist_product_filterable #mfe_wrap .info .photo {
	/*position:absolute;*/
	/*width:380px;*/
	max-width: 500px;
	height: 500px;
	margin:0px 0 10px 0;
	/*display:table-cell; */
	vertical-align:middle;
	z-index: 3;
	/*border:1px solid #F00;*/
}
.imagelabellist_product_filterable #mfe_wrap .info .photo img {
	width: 100%;
	/*width:360px;*/
	/*margin: 0 0 0 0px;*/
	vertical-align: middle;
}

.pic_preview_icon{
	/*position: absolute;*/
	/*margin: 330px 0 0 360px;*/
	/*margin: 330px 0 0 360px;*/
	cursor: pointer;
	z-index: 9;
}



/*-------------------------------------------------
 tabs_simple_blue
--------------------------------------------------*/
.top_tabs_box { 
	overflow: hidden;
	max-width: 1280px;
	margin: 0px auto;
	padding: 0px 20px;
}
.top_tabs_box .tabs_box { 
	overflow: hidden;
	/*width: 950px;*/
	margin: 0px 0 20px 0;
	border-bottom:1px solid #CCC;
}
.top_tabs_box .tabs_box .pd_sn {
	/*position: absolute;*/
	float: left;
	width: 30%;
	/*font-size: 150%;*/
	font-size: 2.6rem;
	color: #999;
}
.top_tabs_box ul.tabs { 
	/*overflow: hidden;*/
	float: right;
	/*width: 70%;*/
	margin: 8px 0;
	padding: 0;
	text-align: right;
	list-style:none;
	border-bottom:0px solid #CCC;
}
.top_tabs_box ul.tabs li { 
	float: left;
	font-size: 1.8rem;
	text-indent:0;
	padding:0;
	margin:0;
}
.top_tabs_box ul.tabs li.current a{ 
	color: #F00;
}
.top_tabs_box ul.tabs a { 
	width: auto;
	margin:0 14px;	
	/*font-size: 100%;*/
	color:#333;
	/*line-height:30px;*/
}

.imagelabellist_product_filterable { 
	overflow: hidden;
	max-width: 1280px;
	margin: 0px auto;
	padding: 0px 20px;
}


.tabs_simple_blue{
	position: relative;
	/*width: 950px;*/
	z-index: 12;
}

.tabs_simple_blue .panes{
	width: auto;
	margin: 0px 0 0 0;
	background-color: #FFF;
}

.tabs_simple_blue .pd_tab1 img{
	max-width: 100%;
}

.tabs_simple_blue .pd_tab2 {
	max-width: 1280px;
	margin: 0 auto;
	padding: 40px 20px;
}
.tabs_simple_blue .pd_tab2 img{
	max-width: 100%;
	/*border:1px solid #F90;*/
}

.tabs_simple_blue .pd_tab4 img{
	max-width: 100%;
}

.tabs_simple_blue .pd_tab6 img{
	max-width: 100%;
}



.rwd_table_container {
	overflow-x: scroll;
}



/*-------------------------------------------------
 canvas_post
--------------------------------------------------*/
.pd_bottom_info {
	max-width: 1280px;
	font-size: 1.2rem;
	margin: 0px auto;
	padding: 20px;
}





/*.scene1 .main_image, .scene2 .main_image, .scene3 .main_image{
	cursor: pointer;
}
*/

h1{
	margin: 0 0 20px 0;
}
h2{
	margin: 0 0 20px 0;
}
h3{
	margin: 0 0 20px 0;
}
h4{
	margin: 0 0 20px 0;
}
h5{
	margin: 0 0 20px 0;
}
p{
	margin: 0 0 20px 0;
}



/*-------------------------------------------- 
	Media Queries 
---------------------------------------------*/
/* Portrait and Landscape */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}*/

/*iPad Pro*/
@media screen and (max-width: 1279px) {
	
}

/*iPad*/
@media screen and (max-width: 1023px) {


}


/*iPhone*/
@media screen and (max-width: 767px) {

	.top_tabs_box .tabs_box .pd_sn {
		/*float: left;*/
		width: 100%;
		/*font-size: 2.6rem;*/
		/*text-align: center;*/
	}

	.imagelabellist_product_filterable .pd_icon {
		/*position: absolute;*/
		width: calc(100% - 40px);
	}
	.imagelabellist_product_filterable #mfe_wrap {
		float: left;
		width: 100%;
	}
	.imagelabellist_product_filterable #mfe_wrap .info .photo {
		max-width: 500px;
		height: auto;
		/*height: 500px;*/
		/*margin:0px 0 10px 0;*/
		/*vertical-align:middle;*/
		/*border:1px solid #F00;*/
	}

	.imagelabellist_product_filterable .list_text {
		float: right;
		width: 100%;
	}

}