body{ background: url(../images/notebook.png) !important; padding: 0px !important; margin: 0px !important; color: #3b3b3b; font-family: "tahoma" ; }

#wraper{ width: 100%;}
.wrap-980{ width: 980px; padding: 0 10px; margin: 0 auto;}
.clear{ clear: both;}
.f-left{ float: left;}
article{ padding: 0px !important; margin: 0px !important; border: 0px !important;}
.entry-header{ margin: 0px !important; height: 30px;  position: relative;  z-index: 1px !important;}
.entry-meta{ margin: 0px !important;}

.QOverlay {
	background: url(../images/main-banner-bg.png) center top no-repeat;
	z-index: 9999;
	top: 0px !important;
	opacity: 1;
}

.QLoader {
	background: #000;
	height: 1px;
}

.hover, .anim{-webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -ms-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;}
.fancybox-skin{ padding: 5px !important;}

/*other*/
	.upcase,.upcase a{ text-transform:uppercase;}
	.bold ,.bold a,.bold a:hover { font-weight:bold;}
	.italic ,.italic a,.italic a:hover { font-style:italic;}
	.light ,.light a,.light a:hover { font-weight:lighter;}	
	.left ,.left a,.left a:hover { text-align:left;}
	.center ,.center a,.center a:hover { text-align:center;}
	.lh-20, .lh-200{ line-height:2 !important;}
	.lh-18, .lh-180{ line-height:1.8 !important;}
	.lh-15, .lh-150{ line-height:1.5 !important;}
	.lh-14, .lh-140{ line-height:1.4 !important;}
	.lh-13, .lh-130{ line-height:1.3 !important;}
	.lh-12, .lh-120{ line-height:1.2 !important;}
	.lh-10, .lh-100{ line-height:1 !important;}
	
/*shadow*/
	.shadow1,.shadow1 a,.shadow1 a:hover {text-shadow: 0px 1px 1px #444;}
	.shadow2,.shadow2 a,.shadow2 a:hover {text-shadow: 0px 1px 2px #aaa;}

/*size*/
	.size11, .size11 a{ font-size: 11px;}
	.size12, .size12 a{ font-size: 12px;}
	.size13, .size13 a{ font-size: 13px;}

/*color*/	
	.light-blue, .light-blue a{ color: #0ca2d1;}
	.white, .white a{ color: #fff;}

/*main*/
	#masthead{ background: url(../images/bg-topbar.png) center top no-repeat; height: 110px; position: relative;}

	#masthead hgroup{ float: left; width: 260px; text-align: center; padding-top: 0px;}
	#masthead .site-title .logo{ width: 190px;}
	#masthead .lang-bar{ background-color: #07b2e8; font-size: 13px; color: #fff; padding: 8px 15px; float: right; box-shadow: 0 1px 3px rgba(0,0,0,0.2)}
	#masthead .lang-bar a{ text-decoration: none; color: #fff;}
	#masthead .lang-bar a.active{ text-decoration: underline;}
	#masthead .lang-bar	.choosen{ float: left;}
	#masthead .lang-bar	.qtrans_language_chooser{ float: right; text-align: center; padding: 0px; margin: 0px;}
	#masthead .lang-bar	.qtrans_language_chooser li{ margin: 0px; padding: 0px 8px; line-height: 1.0;}
	#masthead .lang-bar	.qtrans_language_chooser li:first-child{ border-right:1px solid #fff;}
	#masthead .lang-bar	.qtrans_language_chooser li a{ line-height: 1.0;}
	#masthead .lang-bar	.qtrans_language_chooser li.active a{ text-decoration: underline;}
	#masthead .main-navigation{ margin-top: 0px !important; width: 660px; float: right;}
	#masthead .main-navigation ul.nav-menu{ border: 0px !important; margin-top: 10px;}
	#masthead .main-navigation ul.nav-menu .cufon{font-size: 16px;}
	#masthead .main-navigation ul.nav-menu .cufon a:hover{ color: #04a4d6 !important;}
	#masthead .main-navigation ul.nav-menu > li{ margin: 0px !important; padding: 0 15px 0 17px; background: url(../images/sep-menu.png) left center no-repeat;}
	#masthead .main-navigation ul.nav-menu > li:first-child{ padding: 0 15px 0 0; background: none;}
	#masthead .main-navigation ul.nav-menu > li a{ display: inline-block; padding:0px 1px 3px;}
	#masthead .main-navigation ul.nav-menu > li:hover > a{ border-bottom: 3px solid #07b2e8;}
	#masthead .main-navigation ul.nav-menu  li a{ line-height: 1.2;}
	#masthead .main-navigation #menu-item-230{ margin-left: -13px !important; }
	#masthead ul.sub-menu { position: absolute; z-index: 99999;}
	#masthead ul.sub-menu li { float: left; background: #efefef;}
	#masthead ul.sub-menu li a{ font-size: 16px;  padding: 10px 15px 11px !important;border-top: 1px solid #f8f8f8;}
	#masthead ul.sub-menu li:hover a{  border-top: 1px solid #d9d9d9;}
	#masthead .site-title{ margin: 23px 0 0 0;}

	#site-navigation .menu-toggle{ font-family: "arial" !important; font-size: 14px; margin-top: 50px; float: left; color: #999;}
	#site-navigation .menu-toggle a{ color: #666;}
	#site-navigation .menu-toggle a:hover{ color: #00abe1;}

	#main .site-content{ margin-top: 0px !important;}
	#main-slider .bx-wrapper{ height: 480px;}


/*Content*/
	#content .bradecamp{ border-radius: 8px; box-shadow: 0 1px 2px rgba(0,0,0,0.3) inset; padding: 7px 15px 5px; }

	#main-content{ width: 100%; position: relative; overflow: hidden; padding: 0px !important; margin: 0px !important; border: 0px !important; background: url(../images/bg-content.png) center top repeat-y;}
	#main-content .content-bg{ background: url(../images/sep-page-1600.png) center top no-repeat;} 
	#main-content .wrap-product{}
	#main-content .wrap-ga{ background: url(../images/bg-ga.png) center bottom no-repeat;}
	#main-content .about-ind{ width: 980px; position: relative; float: right; margin-bottom: 20px; padding-top: 30px;}
	#main-content .about-ind p{ padding: 10px 20px 10px; margin-top: -40px; line-height: 1.4; font-size: 13px; text-indent: 15px; color: #656565;}

	#main-content .new-products{ background: url(../images/psf1-newproduct.png) 10px top no-repeat; height: 218px; margin-top: 40px; padding-bottom: 40px;}
	#main-content .new-products p{ font-size: 13px; color: #656565; line-height: 1.4; padding:50px 20px 0 310px;}

	#main-content .product{ margin-top: 40px;  padding: 0 20px 50px;}
	#main-content .product .col3{ width: 285px; float: left; margin-right: 28px;}
	#main-content .product .col3 .img{ height: 193px;}
	#main-content .product .col3 p{ padding-top: 10px; font-size: 13px; color: #656565; line-height: 1.4;}

	#main-content .full-banner{ position: absolute; top: 0px; left: 50%; margin-left: -960px; height: 200px; width: 1920px;}
	.bgstretcher ul{ height: 480px; display: block;}
	.bgstretcher ul li{ height: 480px; display: block; position: absolute; top: 0px;}
	#count{ position: absolute; top: 440px; width: 100%;}
	#count ul{ display: block; text-align: center;}
	#count ul li{ display: inline-block;  margin: 0 10px;  }
	#count ul li.showPage a{border: 2px solid #fff;}
	#count ul li a{ display: block; border-radius: 4px; width: 16px; height: 14px; padding: 2px 0 0 0; font-size: 11px; border: 2px solid #00abe1; background: #00abe1; color: #fff; }

	#main-content .wrap-gallery{ width: 380px; padding: 0 0 30px 20px; float: left;}
	#main-content .wrap-ref{ width: 540px; padding: 0 0 0px 20px; float: left;}

	#main-content .wrap-sb{ background: url(../images/sidemenu-sep.png) 261px top no-repeat;}
	#main-content .sidebar{ float: left; width: 250px; padding: 10px 0;}
	#main-content .sidebar h2{ padding:2px 10px 2px 16px; background: url(../images/right-bullet.png) left 4px no-repeat; margin-left: 10px; font-style: italic;}
	#main-content .sidebar ul{ margin: 10px 0;}
	#main-content .sidebar ul li{ margin: 7px 0 7px 33px;}
	#main-content .sidebar ul li a{ color: #2f2f2f; font-size: 13px;}
	#main-content .sidebar ul li a:hover{color: #00abe1;}
	#main-content .cate{ float: left; width: 701px; padding: 20px 0 10px 20px; border-left: 1px solid #d4d4d4;}
	#main-content .cate > h2{ margin-bottom: -30px;}

	#main-content .ea{ width: 310px; float: left; height: 353px; margin:0 17px 50px 17px;}
	#main-content .ea .img{ float: left;}
	#main-content .ea h3{ float: left; margin:30px 0px 10px 5px; width: 180px;  font-style: italic;}
	#main-content .ea h3 a{ color: #404040;}
	#main-content .ea h3 a:hover{ color: #00abe1;}
	#main-content .ea .wr-thmb{ float: left; width: 103px; height: 353px; position: relative;}
	#main-content .ea .ic-download{ position: absolute; right: -20px; bottom: 20px;}
	#main-content .ea .detail{width: 195px; float: left; font-size: 13px; margin-left: 5px; line-height: 1.2; display: block;}
	#main-content .ea .app{margin: 40px 0 0 5px; float: left; display: block; font-size: 14px; font-style: italic;}
	#main-content .ea .sep2{ margin: 7px 5px;  float: left; display: block;}
	#main-content .ea .a-detail{  float: left; display: block; width: 180px;}
	#main-content .ea .zoom{ float: left; width: 58px; position: relative; }
	#main-content .ea .ic{ position: absolute; right: -2px; bottom: -2px;}
	#main-content .ea .list{ float: left; margin-top: 2px; font-size: 13px; line-height: 1.3; width: 110px; margin-left: 10px;}

	#main-content .wrap-sb2{ background: url(../images/sidemenu-sep.png) 101px top no-repeat;}
	#main-content .backpage{ display: block; float: left; padding: 4px 0 0 14px; background: url(../images/bullet-left.png) left 4px no-repeat; font-size: 14px; color:#444;}
	#main-content .backpage:hover{ color: #00abe1;}

	#main-content .mdetail{ float: left; width: 861px; padding: 20px 0 10px 20px; border-left: 1px solid #d4d4d4;}
	#main-content .mdetail > h2{ background: url(../images/title/non.png) left top no-repeat; height: 89px; width: 800px; float: left; margin: 0 0 -30px 0; font-size: 18px; padding: 5px 0 0 0;}
	.mdetail .left{ width: 300px; float: left;}
	.mdetail .left .hd{padding: 25px 0 0px; font-size: 14px;}
	.mdetail .ref{ padding: 15px;}
	.mdetail .ref .popup{ float: left; width: 60px; height: 60px; display: block; background: #ececec; border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.3); margin:0 6px 6px 0; background-size: cover; background-repeat: no-repeat;}
	.mdetail .ref .popup:hover{ box-shadow: 0 2px 5px rgba(0,0,0,0.8); }
	.mdetail .right{ width: 561px; float: left;}
	.mdetail .ctn .hd{ padding: 15px 0 15px; font-size: 18px;}
	.mdetail .ctn .dtl{ padding: 0px 0 15px 13px; color: #404040; font-size: 14px; font-weight: normal;}
	.mdetail .ctn table.size14{ color: #404040; border-spacing: 0px;}
	.mdetail .ctn table.size14 tr td{ padding: 5px; width: 290px;}
	.mdetail .ctn table.size14 tr td:first-child{width: 250px;}
	.mdetail .ctn table.size14 tr.bg td{ background: #e5e5e5;}
	.mdetail .ctn .bt-download{ color: #404040; font-size: 14px;}
	.mdetail .ctn .bt-download:hover{color: #00abe1;}
	.mdetail .highlight{ margin: 0 2px; padding: 0 2px; background: #00abe1; }
	.mdetail  .about-bg{ background: url(../images/about-bg-en.png) left top no-repeat; height: 192px; margin: 0 0 50px 0; font-size: 13px; line-height: 1.5; padding: 70px 0 0 350px;}

/*footer*/

	#ftmenu{ background: #f8f8f8 url(../images/sep-footer.png) center top no-repeat; overflow: hidden;}
	#ftmenu .address{ float: left; width: 320px; padding: 25px 0 25px 20px; line-height: 1.3; font-size: 12px; color: #666;}
	#ftmenu .address .ft-logo{ width: 260px; margin-top: -5px;}
	#ftmenu .sitemap-product{ float: right; width: 560px; padding: 25px 0 25px 0px; }
	#ftmenu .sitemap-product .ttl{ padding: 0 0 5px 0;}
	#ftmenu .sitemap-product .col2{ float: left; width: 50%;}
	#ftmenu .sitemap-product .col2 .bullet{ margin-bottom: -1px;}
	#ftmenu .sitemap-product .col2 a{ line-height: 1.5; text-decoration: none; color: #3b3b3b;}
	#ftmenu .sitemap-product .col2 a:hover{color: #0ca2d1; border-bottom: 1px solid #0ca2d1; border-bottom-style: dotted; }
	#ftmenu .bottom-ftmenu{ height: 47px; background: #fcfcfc;}
	#ftmenu .bottom-ftmenu .cpr{ line-height: 43px;  margin: 7px 0 0 0; float: left; color: #666; font-size: 11px;}
	#ftmenu .bottom-ftmenu .ft-menu{ float: right; max-width: 560px; margin-top: 16px;}
	#ftmenu .bottom-ftmenu .ft-menu .menu-item{ float: left; padding: 0 12px; border-left: 1px solid #fff;}
	#ftmenu .bottom-ftmenu .ft-menu .menu-item a{ text-decoration: none; }
	#ftmenu .bottom-ftmenu .ft-menu .menu-item a:hover{ text-shadow: 0 1px 0 rgba(255,255,255,0.5);}
	#ftmenu .bottom-ftmenu .ft-menu .menu-item:first-child{  border-left: 0px solid #fff;}
	#ftmenu ul.sub-menu{display: none!important;}
	#ftmenu .logo-footer{float: left; margin-left: 250px;}
	#ftmenu .logo-footer img{ width: 90px; padding:12px 5px 5px 5px;}