@font-face {
	font-family: 'robotoregular';
	src: url('fonts/Roboto-Regular-webfont.eot');
	src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/Roboto-Regular-webfont.woff2') format('woff2'),
			 url('fonts/Roboto-Regular-webfont.woff') format('woff'),
			 url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
			 url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotolight';
	src: url('fonts/Roboto-Light-webfont.eot');
	src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/Roboto-Light-webfont.woff2') format('woff2'),
			 url('fonts/Roboto-Light-webfont.woff') format('woff'),
			 url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
			 url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "MadisonAntiqua";
  src: url("6206734358224648e0c172d75c7112c9.eot"); /* IE9*/
  src: url("6206734358224648e0c172d75c7112c9.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("6206734358224648e0c172d75c7112c9.woff2") format("woff2"), /* chrome、firefox */
  url("6206734358224648e0c172d75c7112c9.woff") format("woff"), /* chrome、firefox */
  url("6206734358224648e0c172d75c7112c9.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("6206734358224648e0c172d75c7112c9.svg#Madison Antiqua W01") format("svg"); /* iOS 4.1- */
}

.left{ text-align:left; }
.right{text-align:right;}
.center {text-align:center;}
.full {text-align:justify;}
.font10 { font-size:10px; }
.font11 { font-size:11px; }
.font12 { font-size:12px; }
.font14 { font-size:14px; }
.font16 { font-size:16px; }
.font18 { font-size:18px; }
.letterspacing1 { letter-spacing:1px;  }
.do_left { float:left; }
.do_right { float:right; }
.clear_all { clear:both; }
a { outline:none;color:#999;text-decoration:none; }
.line18 { line-height:18px; }
.fillall { position:absolute;width:100%;height:100%; }
.bgblack { background:#000; }
.bgblack2 { background:#1a1a1a; }
.bgrey { background:#EBE4DE; }
.xart1 { background:#EBE4DE url('../images/bgart_01.png') center top; }
.bgtrans { zoom: 1;filter: alpha(opacity=70);opacity: 0.7; }
.bgtrans2 { zoom: 1;filter: alpha(opacity=50);opacity: 0.5; }
.noselect { -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; }
a,a:active,a:visited { text-decoration:none;
	-webkit-transition: color 0.4s ease-in;
	-moz-transition: color 0.4s ease-in;
	-ms-transition: color 0.4s ease-in;
	-o-transition: color 0.4s ease-in;
	transition: color 0.4s ease-in; 
}
.transitions{
	-webkit-transition: color 0.3s ease-in;
	-moz-transition: color 0.3s ease-in;
	-ms-transition: color 0.3s ease-in;
	-o-transition: color 0.3s ease-in;
	transition: color 0.3s ease-in; 
	-webkit-transition: background 0.3s ease-in;
	-moz-transition: background 0.3s ease-in;
	-ms-transition: background 0.3s ease-in;
	-o-transition: background 0.3s ease-in;
	transition: background 0.3s ease-in;
}
body { font-family:'robotoregular';font-size:12px;color:#999;margin:0px;padding:0px;background:#FFF; }
html, body{ margin: 0; border: 0 none; padding: 0; }

.header02 { width:100%;position:relative; }
.header03 { width:100%;position:relative;height:100px; }

.logo01{ background:url('../images/logo01.png') no-repeat;width:48px;height:62px;display:block;position:absolute;top:20px;left:50px;z-index:5; }
.logo02{ background:url('../images/logo02.png') no-repeat;width:48px;height:62px;display:block;position:absolute;top:20px;left:50px;z-index:5; }

.sliders { top:0;left:0;position:absolute;width:100%;height:100%;z-index:1;display:block; }
.slditem { position:absolute;width:100%;height:100%;display:none; }

.hometop { top:0;left:0;position:absolute;width:100%;height:100%;z-index:2;display:block;background:url('../images/top_trans.png') top left repeat-x; }
.hometop1 { top:0;left:0;position:absolute;width:100%;height:100%;display:block;background:url('../images/top_left_trans.png') no-repeat; }
.hometop2 { top:0;left:0;position:absolute;width:100%;height:100%;display:block;background:url('../images/btm_trans.png') bottom left repeat-x; }

.sldnav{ position:absolute;bottom:48px;z-index:3;left:50%; }
.navitem { display:block;width:10px;height:10px;border:1px solid #FFF;float:left;margin-left:12px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.navitemin { margin-top:2px;margin-left:2px;display:block;width:6px;height:6px;background:#FFF;display:none; }

.footer01{ z-index:5;font-size:10px;background:#FFF;position:absolute;left:0;bottom:0;width:100%;height:30px;line-height:30px;text-align:center; }
.footer02{ font-size:10px;background:#FFF;width:100%;height:30px;line-height:30px;text-align:center; }
.mainmenu1 { font-family:'robotolight';position:absolute;top:15px;left:120px;z-index:6;color:#FFF;font-size:12px; }
.mainmenu1 a { position:relative;float:left;padding:5px 12px;letter-spacing:1.2px;color:#FFF; }
.mainmenu1 a:hover, .mainmenu1 a.active{ color:#CCC; }
.header03 a.menu0 { color:#AAA!important; }
.header03 a.menu0:hover, .header03 a.active { color:#AAA!important; }

.homenote{ position:absolute;bottom:0px;left:30px;z-index:5;width:240px; }
.noteitem{ position:relative;z-index:2;padding:20px 30px 50px 30px;color:#FFF;text-align:center;font-family:'MadisonAntiqua';font-size:15px; }
.notebg{ position:absolute;background:#CCC;opacity:0.5;width:100%;height:100%; }

.socmeds { top:14px;right:30px;position:absolute;z-index:6; }
a.socitem { background:#FFF;color:#666;padding:5px;font-size:15px;line-height:17px;width:17px;text-align:center;float:left;-moz-border-radius:16px;border-radius:16px; }
a.socitem:hover { background:#666;color:#FFF; }
a.socitem2 { border:1px solid #CCC;background:#CCC;color:#FFF;padding:5px;font-size:15px;line-height:17px;width:16px;text-align:center;float:left;-moz-border-radius:16px;border-radius:16px; }
a.socitem2:hover { background:#FFF;color:#CCC;border:1px solid #CCC; }
.menupos { width:380px;height:2px;position:relative;margin-left:12px; }
.menuposin { width:10px;height:2px;background:#CCC;position:absolute;top:0;left:0px; }


.header03 .menuposin { color:#AAA!important; }

.icon01 { position:absolute;width:64px;height:87px;display:block;background:url('../images/icon01.png');bottom:36px;left:50%;margin-left:-32px;z-index:5; }

.about0title2{ font-family:'MadisonAntiqua';font-size:30px; } 
.about0title{ font-family:'MadisonAntiqua';font-size:22px; } 
.about0conte{ line-height:20px; }
p{ padding-top:6px; }

.about01{ text-align:center;width:770px;margin:0 auto;margin-top:40px; }
.about02{ margin-top:70px;text-align:center;width:100%;height:124px;background:url('../images/bg01.png') center center repeat-x; }
	.about02in{ position:absolute;margin-top:-20px;width:272px;left:50%;margin-left:-136px; }
.about03{ margin:0 auto;text-align:center;width:650px;padding-top:90px; }
.about04{ text-align:center;width:770px;margin:0 auto;padding-bottom:50px; }
	.about04_1{float:left;width:316px;}
	.about04_2{float:left;width:58px;margin-left:40px;margin-top:70px;}
	.about04_3{float:left;width:316px;margin-left:40px;}
.about05{ background:#CCC;padding:30px; }
	.about05in{ text-align:center;width:770px;margin:0 auto;color:#FFF; }

.footerbefore{ margin-top:20px;text-align:center;width:100%;height:124px;background:url('../images/bg01.png') center center repeat-x; } 
	
.aboutsap{ width:200px;margin:60px auto 30px auto; }
.aboutsap1{ width:4px;height:4px;display:block;float:left;-moz-border-radius:16px;border-radius:16px;border:1px solid #BBB; }
.aboutsap2{ width:186px;float:left;height:1px;background:#CCC;margin-top:2px; }

.sapx{ margin:40px 0; }
.sapx1{ width:4px;height:4px;display:block;float:left;-moz-border-radius:16px;border-radius:16px;border:1px solid #BBB; }
.sapx2{ width:632px;float:left;height:1px;background:#CCC;margin-top:2px; }

.contactin{ text-align:center;padding-top:30px; }
.contactbox{ border:1px solid #CCC;width:650px;margin:0 auto;padding:20px 20px 24px 20px;margin-top:20px; }
.contactbox00{width:650px;float:left;text-align:left;line-height:38px; }
.contactbox01{width:100px;float:left;text-align:left;border-bottom:1px solid #CCC;line-height:38px;}
.contactbox02{width:550px;float:left;text-align:left;border-bottom:1px solid #CCC;}
.contactbox input[type="text"]{ background:#FFF;border:0;padding:4px 10px;line-height:30px;width:530px;font-family:'robotolight';color:#666;font-weight:normal;font-size:11px;}
.contactbox textarea{ background:#FFF;border:0;resize: none;width:650px;height:160px;font-family:'robotolight';font-weight:normal;font-size:11px;}
.contactbox input[type="submit"]{ cursor:pointer;background:#FFF;color:#999;padding:5px 20px;border:0px;font-family:'robotolight'; }
.stbutton{ height:2px;width:12px;margin:0 auto;background:#CCC; }
.stbutton{ height:2px;width:12px;margin:0 auto;background:#CCC; }

.contactbox2{ width:650px;margin:0 auto;padding:20px 20px 50px 20px;margin-top:20px; }
.contactbox21 { width:215px;float:left; }
.contactbox22 { width:215px;float:left; }
.contactbox23 { width:215px;float:left; }

.newsbox { width:650px;margin:0 auto;padding:20px 20px 50px 20px;margin-top:20px;text-align:center; }
.newsboxin{ margin-bottom:30px; }
.newsbox01{ float:left;width:180px;margin-top:6px; }
.newsbox02{ float:left;width:410px;margin-left:60px;text-align:left; }

.newsdate{ margin-bottom:5px; }
.newstitle { font-family:'MadisonAntiqua';font-size:20px; }
.newsconts { line-height:20px;width:100%;height:66px;overflow:hidden;margin-top:10px; }
.newsconts p{ padding:0;margin:0;margin-bottom:10px; }
.newsmore { margin-top:10px;min-height:50px; }
a .newsmore  { color:#999; }
a:hover .newsmore  { color:#ffcc33; }
.readmstyle { width:12px;height:2px;background:#CCC;margin-bottom:14px; }
.newsxmore{ min-height:50px; }
.newsxmore a{ color:#999; }
.newsxmore  a:hover{ color:#ffcc33; }
.readmxstyle { width:12px;height:2px;background:#CCC;margin-bottom:14px;display:none; }

.category { width:980px;margin:0 auto; }
.category00 { float:left;width:25%;padding:50px 0; }
.category_title { font-family:'MadisonAntiqua';font-size:20px;text-align:center; }
.categoryin{ position:relative; }
.categoryin1{ position:absolute;z-index:1;top:0;left:0; }
.xsap{ width:100%;height:2px; }
.xsapin{ width:11px;height:2px;background:#999;margin:0 auto;display:none; }

.products{ width:900px;margin:0 auto; }
.products00{ float:left;width:25%;text-align:center;margin-bottom:40px;position:relative; }
.prodhover { position:absolute;top:0;left:0;width:100%;height:100%;background:#FFF;display:none; }
.prodhover1 { position:absolute;bottom:0px;width:100%; }
.prodhover2 { opacity:0.3; }

.sapxxx { width:100%; }
.sapxxx .sapx2{ width:888px;float:left;height:1px;background:#CCC;margin-top:2px; }

.prodetil { width:980px;margin:0 auto;padding-toP:20px; }
.prodetil01 { width:460px;float:left;margin-bottom:20px; }
.prodetil010{ width:390px;margin:0 auto; }
.prodetil0101{ float:left;cursor:pointer;width:25%;margin-left:2%;border:1px solid #ccc;padding:2%;font-size:11px; }
.prodetil0101:hover{ background:#928161;color:#FFF;border:1px solid #928161; }
.prodetil02 { width:490px;float:left;margin-left:30px; }
.prodetil0201{ font-family:'MadisonAntiqua';font-size:30px; }
.prodetil0202{ font-size:11px;margin-top:5px; }
.prodetil0203{ margin-top:20px;line-height:20px; }
.prodetil0204{ border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:30px;padding-bottom:10px; }
.prodetil02040{ margin-top:10px; }
.prodetil02041{ margin-top:10px;border-top:1px solid #ccc;padding-top:10px; }
.prodetil020401{ float:left;width:80px;padding-left:10px;border-right:1px solid #CCC; }
.prodetil020402{ float:left;margin-left:20px; }
.prodetil0205{ margin-top:30px;text-align:center; }
.prodetil0205 a:hover{ color:#ffcc33; }
.popup { display:none;position:fixed;top:0;left:0;overflow:hidden;width:100%;height:100%;z-index:99; }
.popupbg { position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;background:#000;opacity:0.5; }
.popupin { position:absolute;top:50%;left:50%;overflow:hidden;width:450px;height:330px;margin-left:-225px;margin-top:-165px;background:#FFF;text-align:center;z-index:1; }
.popupclose { position:absolute;padding:16px 20px;right:0;top:0;cursor:pointer; }
.popupclose:hover{background:#ccc;color:#FFF;}
.popupcontent0 { display:none; }

.submitbtn:hover { color:#ffcc33!important; }

@media screen and (min-height: 880px) {
	
}