@charset "UTF-8";
@import url("../video/css/video_fonts_css.css");
/*#####################################
Capes
#####################################*/
#{
}
#capa_explain_fonts{
	float: none;
	font-weight: lighter;
	width: 176px;
	height: 130px;
	margin-left: 15px;
	margin-top: 15px;
}
#capa_explain_fonts_2{
	float: right;
	font-weight: lighter;
	width: 176px;
	height: 130px;
	margin-left: 15px;
	margin-top: 15px;
}
#capa_includes_st_new13X4{
	float: none;
	font-weight: lighter;
	width: 300px;
	height: 160px;
}
#capa_jbc_306x138{
	float: left;
	position: relative;
	font-weight: normal;
	border: 1px solid #ebebeb;
	border-bottom: #E5E5E5 #DBDBDB #D2D2D2;
	color: #818295;
	background:url("../jbc image/co2.png")/*tpa=img/buy.jpg*/;
	line-height: inherit;
	visibility: visible;
	margin-top: 0px;
	height: 138px;
	width: 306px;
}
#capa_indexbox_260x297{
	height: 297px;
	width: 260px;
	position: relative;
	font-weight: normal;
	border: 1px solid #ebebeb;
	border-bottom: #E5E5E5 #DBDBDB #D2D2D2;
	cellpadding:20:;

}
#lobe_downloads_fonts{
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;	
}
#lobe_explain_fonts{
	width: 900px;
	margin-top: 20px;
	height: 94px;
	margin-left: 25px;
}
#lobe_munibody_product{
	width: 942px;
	border: 1px solid #ebebeb;
	border-bottom: #E5E5E5 #DBDBDB #D2D2D2;
	background-color: #FFF;
	-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	box-shadow: rgba(0,0,0,0.3) 0 2px 2px;
}
#lobe_munibody_product_2{
	width: 942px;
}
#lobe_munibody_product_3{
	width: 942px;
}
#lobe_munibody_cellpadding_20px{
	width: 942px;
	visibility: visible;
	border: 1px solid #ebebeb;
	border-bottom: #E5E5E5 #DBDBDB #D2D2D2;
	background-color: #FFF;
	-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	box-shadow: rgba(0,0,0,0.3) 0 2px 2px;
}
#lobe306X6{
	width: 306px;
	height: 152px;
	float: left;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 6px;
	margin-left: 2px;
	border: 1px solid #ebebeb;
	border-bottom: #E5E5E5 #DBDBDB #D2D2D2 #E5E5E5;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,1,3,5.8) 0 1px 8px;
	-moz-box-shadow: 0px 0px 0px 0px 0px 0px rgba(0,1,3,5.8) 0 1px 8px;
	box-shadow: 0px 0px 0px 0px 0px 0px rgba(0,1,3,5.8) 0 1px 8px;
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 21%, rgba(249,249,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(21%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 21%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 21%,rgba(249,249,249,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 21%,rgba(249,249,249,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 21%,rgba(249,249,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}
#lobe_bodyIN_cellpadding_20px{
	width: 280px;
	position: relative;
	position: absolute;
	left: 154px;
	top: 894px;
}
#lobe_MaFi668_div{
	margin-top: 200px;
	margin-left: 200px;
}
#lobe_MaFi668_div2{
	width: 100%;
	height: 312px;
	top: 648px;
	text-align: center;
}
#lobe_MaFi668_box{
	width: 400PX;
	height: 312px;
	top: 617px;
	margin-left:400px;
}
#mafi_photo {
	position: absolute;
	top: 620px;
	width: 100%;
	height: 237px;

}
#mafi_photo_box {
	margin-right: 250px;
	margin-left: 0px;
}
#lobe_MaFi668_box900{
	width: 940px;
	height: 312px;
	text-align: center;
	vertical-align: top;
}

#lobe_bodyIN_DIVFONTS{
	width: 180px;
	font-family: "微軟正黑體";
	font-size: 16px;
	color: #369;
	position: relative;
	position: absolute;
}
#lobe_bodyIN_DIVFONTS_2{
}
#lobe_index_fonts{
	width: 400px;
	height: 300px;
	margin-top: 20px;
	margin-left: 20px;
	background-image: url(../images/layer_3.png);
}
#lobe_index_fonts_2{
	width: 570px;
	height: 270px;
	margin-top: 20px;
	margin-left: 20px;
	background-image: url(../images/layer_3.png);
}
#lobe_index_fonts_3{
	width: 350px;
	margin-top: 10px;
	margin-left: 550px;
}
#lobe_index_fonts_4{
	width: 400px;
	height: 200px;
	margin-top: 30px;
	margin-left: 520px;
	background-image: url(../images/layer_4.png);
}
#lobe_index_fonts_5{
	width: 350px;
	height: 190px;
	margin-top: 20px;
	margin-left: 50px;
	background-image: url(../images/layer_4.png);
}
#lobe_MAFI_100RS{
	width: 220px;
	height: 190px;
	margin-top: 150px;
	margin-left: 70px;
}
#lobe_MAFI_100RS_2{
	width: 220px;
	height: 70px;
	margin-top: 230px;
	margin-left: 610px;
}
#lobe_MAFI_100RS_3{
}
#lobe_MAFI_100RS_4{
	width: 830px;
	height: 70px;
	margin-top: 250px;
	margin-left: 32px;
}
#lobe_MAFI_100RS_5{
	width: 830px;
	height: 70px;
	margin-top: 265px;
	margin-left: 32px;
}
#lobe_index_fontsbox{
	margin-top: 15px;
	margin-left: 25px;
}
#index_fonts_Project{
	margin-top: 15px;
	margin-left: 60px;
	
}
#lobe_hot_beam_Specification{
	width: 400PX;
	height: 312px;
	top: 5px;
}
#lobe_mafi_margin-left56{;
	margin-left: 56px;
}
#lobe_mafi_Specification{
	width: 100%;
}
#lobe_mafi_Specification_2{
	width: 100%;
	margin-left: 60px;
}
#index_image_Project3{
	margin-top: 0px;
	margin-left: 0px;
	
}
#index_fonts_Project2{
	margin-top: 5px;
	margin-left: 10px;	
}
#index_image_Project{
	margin-top: 40px;
	margin-left: 60px;
	
}
#index_image_Project2{
	margin-top: 20px;
	margin-left: 50px;
	
}#index_REDBOX{
	width: 25px;
	height: 20px;
	
}
#lobe_munibody_fonts_martin{
	width: 887px;
	margin-top: 20px;
	margin-left: 25px;
	margin-right: 25px;
	text-align: left;
}
#lobe_munibody_fonts_martin_02{
	width: 887px;
}
#lobe_mafiall_03{
	width: 887px;
	margin-top: 110px;
}
#lobe_mafiall_04{
	width: 887px;
	margin-top: 130px;
}
#lobe_fonts_martin_01{;
	margin: 15px;
}
#lobe_fonts_martin_02{;
	margin: 60px;
	margin-top: 0px;
}
#lobe_fonts_margin-left15{;
	margin-left: 15px;
}
#lobe_fonts_margin-left30{;
	margin-left: 30px;
}
#lobe_fonts_margin-left50{;
	margin-left: 50px;
}

#lobe_fonts_margin_LENS{;
	margin-left: 15px;
	border: 1px solid #ebebeb;
	border-bottom: #E5E5E5 #DBDBDB #D2D2D2;
}	
#lobe_fonts_margin_LENS_2{
	width: 887px;
	border: 1px solid #ebebeb;
}	
#lobe_VIDEO{
	width: 942px;
	height: 380px;
	border-radius: 15px 15px 15px 15px;
	background-color: #000;
}
#lobe_VIDEO_play{
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
}
#lobe_VIDEO_box{
	width: 200px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.8) 0 1px 8px;
	-moz-box-shadow: 0px 0px 0px 0px 0px 0px rgba(0,0,0,0.8) 0 1px 8px;
	box-shadow: 0px 0px 0px 0px 0px 0px rgba(0,0,0,0.8) 0 1px 8px;
	margin: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ebebeb;
	border-right-color: #ebebeb;
	border-bottom-color: #ebebeb;
	border-left-color: #ebebeb;
}
#lobe_VIDEO_jpg{
	margin-top: 12px;
	width: 160px;
	height: 200px;
	margin-left: 2px;
}
#lobe_VIDEO_all{
	width: 160px;
	text-align: center;
	margin-left: 45px;
}
#lobe_VIDEO_fonts{
	margin-top: 12px;
	font-weight: lighter;
	width: 158px;
}
#capa_DEMO  {
	width: 142px;
	height: 142px;
	margin-top: -100px;
	margin-left: 170px;
}
