* { margin: 0px; padding: 0px;}
html { overflow: -moz-scrollbars-vertical;}
html, body { width: 100%; height: 100%;}
body { font-family: 'Tahoma'; font-size: 13px; color: #6A6868; background-color: #FFF;}
table { border-collapse: collapse;}
img { border: 0px;}
a , a:hover { color: #6A6868; text-decoration: none;}
/*************** General Style ***************/
div.clear { clear:both; border:none; width:auto; height: 0px !important; _height: 0px; font-size: 1px; }
p { margin: 0 0 1em 0;}
input, textarea { width: 180px; height: 22px; padding: 3px 10px; _height: 20px; _padding: 4px 10px; border: 0px; color: #FFF;}
input.post { background: url('../images/contact/txtbox.gif') no-repeat;}
textarea.post { height: 77px; background: url('../images/contact/txtarea.gif') no-repeat; overflow: hidden;}
input.File { border: 1px solid #CCC;}
.submit { width: 83px; height: 25px; background: url('../images/contact/submit.gif') no-repeat; border: 0px;}
.submit_en { width: 83px; height: 25px; background: url('../images/contact/submit_en.gif') no-repeat; border: 0px;}
input.focus, textarea.focus, select.focus { border: 1px solid red;}
div.error { color: red;}
/******************************/
div#Wrapper { width: 990px; margin: auto;}
div#navTop { width: 990px; height: 125px; margin: auto;}
div#Logo { display: block; height: 86px; padding-left: 25px;}
div#Menu { width: 988px; height: 39px; background: url('../images/bg_menu.gif') no-repeat; margin: auto;}
div#Menu ul { list-style: none; width: 940px; height: 29px; margin: auto; padding-top: 5px;}
div#Menu ul li { float: left; padding-right: 7px;}
div#Menu a#mn01 , div#Menu a#mn02 , div#Menu a#mn03 , div#Menu a#mn04 , div#Menu a#mn05 , div#Menu a#mn06 , div#Menu a#mn07 { display: inline-block; height: 29px; background: url('../images/menu.gif') no-repeat;}
div#Menu a#mn01 { width: 84px; background-position: 0 0;}
div#Menu a#mn01:hover , div#Menu a#mn01.active { background-position: 0 -29px;}
div#Menu a#mn02 { width: 139px; background-position: -84px 0;}
div#Menu a#mn02:hover , div#Menu a#mn02.active { background-position: -84px -29px;}
div#Menu a#mn03 { width: 118px; background-position: -223px 0;}
div#Menu a#mn03:hover , div#Menu a#mn03.active { background-position: -223px -29px;}
div#Menu a#mn04 { width: 210px; background-position: -341px 0;}
div#Menu a#mn04:hover , div#Menu a#mn04.active { background-position: -341px -29px;}
div#Menu a#mn05 { width: 118px; background-position: -551px 0;}
div#Menu a#mn05:hover , div#Menu a#mn05.active { background-position: -551px -29px;}
div#Menu a#mn06 { width: 118px; background-position: -669px 0;}
div#Menu a#mn06:hover , div#Menu a#mn06.active { background-position: -669px -29px;}
div#Menu a#mn07 { width: 96px; background-position: -787px 0;}
div#Menu a#mn07:hover , div#Menu a#mn07.active { background-position: -787px -29px;}
/**/
div#Menu_en { width: 988px; height: 39px; background: url('../images/bg_menu.gif') no-repeat; margin: auto;}
div#Menu_en ul { list-style: none; width: 940px; height: 29px; margin: auto; padding-top: 5px;}
div#Menu_en ul li { float: left; padding-right:7px;}
div#Menu_en a#mn01 , div#Menu_en a#mn02 , div#Menu_en a#mn03 , div#Menu_en a#mn04 , div#Menu_en a#mn05 , div#Menu_en a#mn06 , div#Menu_en a#mn07 { display: inline-block; height: 29px; background: url('../images/menueng.gif') no-repeat;}
div#Menu_en a#mn01 { width: 105px; background-position: 0 0;}
div#Menu_en a#mn01:hover , div#Menu_en a#mn01.active { background-position: 0 -29px;}
div#Menu_en a#mn02 { width: 145px; background-position: -105px 0;}
div#Menu_en a#mn02:hover , div#Menu_en a#mn02.active { background-position: -105px -29px;}
div#Menu_en a#mn03 { width: 112px; background-position: -250px 0;}
div#Menu_en a#mn03:hover , div#Menu_en a#mn03.active { background-position: -250px -29px;}
div#Menu_en a#mn04 { width: 160px; background-position: -361px 0;}
div#Menu_en a#mn04:hover , div#Menu_en a#mn04.active { background-position: -361px -29px;}
div#Menu_en a#mn05 { width: 128px; background-position: -521px 0;}
div#Menu_en a#mn05:hover , div#Menu_en a#mn05.active { background-position: -521px -29px;}
div#Menu_en a#mn06 { width: 127px; background-position: -650px 0;}
div#Menu_en a#mn06:hover , div#Menu_en a#mn06.active { background-position: -650px -29px;}
div#Menu_en a#mn07 { width: 108px; background-position: -777px 0;}
div#Menu_en a#mn07:hover , div#Menu_en a#mn07.active { background-position: -777px -29px;}
/* LANG */
div#ILang { float: right; width: 54px; height: 27px;}
div#ILang ul#Lang li { list-style: none; float: left; padding: 49px 0px 0 0;}
ul#Lang a#mn01 , ul#Lang a#mn02 { display: block; height: 27px; background: url('../images/lang.gif') no-repeat;}
ul#Lang a#mn01 { width: 27px; background-position: 0 -27px;}
ul#Lang a#mn01:hover , ul#Lang a#mn01.active { width: 27px; background-position: 0 0;}
ul#Lang a#mn02 {width: 27px; background-position: -27px -27px;}
ul#Lang a#mn02:hover , ul#Lang a#mn02.active { width: 27px; background-position: -27px 0px;}
div#Wrapper div#Container { width: 935px; margin: auto;}
div#Wrapper .pageProduct { padding: 20px 0;}
div#Wrapper .pageContact { width: 990px; height: 470px; background: url('../images/contact/bg.jpg') no-repeat right 85px; padding: 20px 0;}
div#Wrapper .pageAbout { display: block; height:450px;}
div#Wrapper .pageFactory { padding: 20px 0 10px 27px;}
div#Wrapper .pageMachine { padding: 20px 0;}
div#Wrapper .pageCustomer { padding: 20px 0;}
div#Footer { width: 990px; height: 90px; background: url('../images/footer.jpg') no-repeat;}
div#Footer a#FVDO { display: block; float: left; width: 130px; height: 40px; margin: 20px 0 0 20px; _margin: 20px 0 0 10px;}
div#Footer a#Emedia { display: block; float: right; width: 55px; height: 15px; margin: 72px 22px 0 0; _margin: 72px 10px 0 0;}
/* en*/
div#Footer_en { width: 990px; height: 90px; background: url('../images/footer_eng.jpg') no-repeat;}
div#Footer_en a#FVDO { display: block; float: left; width: 130px; height: 40px; margin: 20px 0 0 20px; _margin: 20px 0 0 10px;}
div#Footer_en a#Emedia { display: block; float: right; width: 55px; height: 15px; margin: 72px 22px 0 0; _margin: 72px 10px 0 0;}
/*Product*/
div#Container div#PLeft { float: left; width: 232px; text-align: justify; }
div#PLeft p { line-height: 14px;}
div#PLeft li.pCat { float: left; width: 116px; height: 109px;}
li.pCat a { display: block; width: 116px; height: 84px; background: url('../images/border/cus.gif') no-repeat top center; padding-top: 20px; text-align: center;}
li.pCat a:hover , li.pCat a.active { display: block; width: 116px; height: 84px; background: url('../images/border/cus_ac.gif') no-repeat top center; padding-top: 20px; text-align: center;}
div#Container div#PRight { float: right; width: 692px;}
div#PRight div.pT { width: 692px; height: 10px;}
div#PRight div.pC { width: 692px; background: url('../images/border/center.gif') repeat-y top center;}
div#PRight div.pF { width: 692px; height: 10px;}
div#PRight div.pContent { width: 690px; margin: auto;}
div.pContent_detail{ width: 690px; margin: auto;}
div.pContent_detail_img{width:171px; float:left;}
div.pContent div.pLists { width: 171px; height: 211px; background: url('../images/border/product.gif') no-repeat top center; padding-top: 10px; text-align: center;}
div.pLists a.zoom { display: block; text-align: right; padding: 2px 17px 0 0;}
/*FOR THE MOVER*/
#wrap, #wrap2 { width: 400px; position: relative; }
#small, #small2 { position: relative; width: 300px; }
#large, #large2 { background: white; position: relative; width: 400px; }
#mover, #mover2 { position: absolute; top: 0; left: 0; width: 200px; height: 200px; overflow: hidden; z-index: 100; background: white; display: none; }
#overlay, #overlay2 { border: none; width: 200px; height: 200px; position: absolute; top: 0; left: 0; z-index: 200; }
/*Contact*/
div#CLHS { float: left; width: 410px; padding-top: 20px;}
div#CLHS div.addbox { display: block; height: 140px;}
div#CLHS div.BGImg { float: left; width: 191px; height: 120px; background: url('../images/contact/bg_img.gif') no-repeat;}
div#CLHS div.Address { float: right; width: 205px; padding-top: 10px; height: 100px;}
div#CLHS label { display: block; padding: 3px 0px; font: bold 12px tahoma; color: #F9C307;}
div#CRHS { float: right; width: 350px; padding-top: 38px; font-size: 12px;}
div#CRHS table#FormContact { width: 340px;}
table#FormContact td { padding: 2px 0px; _padding: 1px 0px;}
table#FormContact td.Messages { padding-top: 5px; vertical-align: top;}
/*About*/
div#ALHS { float: left; width: 390px; padding-top: 20px; line-height: 15px; text-align: justify; }
div#ARHS { float: left; width: 502px; height: 478px; text-align: justify; }
/*Factory*/
div.FLHS { text-align: justify;float: left; width: 270px; padding: 10px 20px 0 0;}
div.FLHS2 { text-align: justify; float: left; width: 270px; padding-top: 10px;}
div.FLHS div.BGFImg , div.FLHS2 div.BGFImg { width: 268px; height: 200px; padding-bottom: 10px; background: url('../images/factory/bg_img.gif') no-repeat;}
div.FLHS .txt , div.FLHS2 .txt {text-align: justify; padding: 0px 5px; line-height: 15px;}
div.FRHS { text-align: justify;float: right; width: 363px; height: 250px; padding: 40px 0 0 10px; background: url('../images/factory/bg.jpg') no-repeat bottom right;}
div.FRHS .txt { width: 290px; line-height: 15px; text-align: justify;}
/*Machine*/
div#MLHS { float: left; width: 587px; height: 345px; padding-top: 10px; background: url('../images/machine/bg.gif') no-repeat bottom left;}
div#MRHS { float: right; width: 330px; padding-top: 10px;}
div#MRHS ul { list-style: none;}
div#MRHS ul li { float: left; width: 150px; background: url("../machine/bullet.gif")no-repeat;}
/*Customer*/
.padb10 { padding-bottom: 10px;}
div.CCLists { display: block; float: left; width: 116px; height: 88px; background: url('../images/border/cus.gif') no-repeat top center; padding-top: 20px; text-align: center;}
/* Page*/
div.page{ padding-top:10px; text-align:right; padding-right:10px;}
div.page a:hover { color: #FFCC00; text-decoration: none;}
div.page a.active { color: #FFCC00; font: bold;}
/* border*/
div#img2{width: 342px; height:404px; background: url("../images/product/border.gif")no-repeat;position:absolute;top:-10px;left:287px;}
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxWrapper { height: 700px !important;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:hidden !important;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay { background: url("../images/colorbox/overlay.png") 0 0 repeat;}
#colorbox { width: 670px !important;}
#cboxTopLeft { width: 21px; height: 21px; background: url("../images/colorbox/controls.png") -100px 0 no-repeat;}
#cboxTopRight { width: 21px; height: 21px; background: url("../images/colorbox/controls.png") -129px 0 no-repeat;}
#cboxBottomLeft { width: 21px; height: 21px; background: url("../images/colorbox/controls.png") -100px -29px no-repeat;}
#cboxBottomRight { width: 21px; height: 21px; background: url("../images/colorbox/controls.png") -129px -29px no-repeat;}
#cboxMiddleLeft { width: 21px; background: url("../images/colorbox/controls.png") left top repeat-y;}
#cboxMiddleRight { width: 21px; background: url("../images/colorbox/controls.png") right top repeat-y;}
#cboxTopCenter { height: 21px; background: url("../images/colorbox/border.png") 0 0 repeat-x;}
#cboxBottomCenter { height: 21px; background: url("../images/colorbox/border.png") 0 -29px repeat-x;}
#cboxContent { background: #FFF;}
#cboxLoadedContent { margin-bottom: 28px;}
#cboxTitle { position: absolute; bottom: 4px; left: 0; text-align:center; width:100%; color:#949494;}
#cboxCurrent { position: absolute; bottom: 4px; left: 58px; color:#949494;}
#cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color:#0092EF;}
#cboxPrevious { position: absolute; bottom:0; left: 0px; background: url("../images/colorbox/controls.png") -75px 0px no-repeat; width: 25px; height: 25px; text-indent:-9999px;}
#cboxPrevious.hover { background-position: -75px -25px;}
#cboxNext { position:absolute; bottom:0; left: 27px; background: url("../images/colorbox/controls.png") -50px 0px no-repeat; width: 25px; height: 25px; text-indent:-9999px;}
#cboxNext.hover { background-position: -50px -25px;}
#cboxLoadingOverlay { background: url("../images/colorbox/loading_background.png") center center no-repeat;}
#cboxLoadingGraphic { background: url("../images/colorbox/loading.gif") center center no-repeat;}
#cboxClose { position: absolute; bottom: 0; right: 0; background: url("../images/colorbox/controls.png") -25px 0px no-repeat; width: 25px; height: 25px; text-indent:-9999px;}
#cboxClose.hover { background-position: -25px -25px;}
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.
!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/ie/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/ie/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/ie/borderTopRight.png, sizingMethod='scale'); }
.cboxIE #cboxBottomLeft { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/ie/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/ie/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/ie/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/ie/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/ie/borderMiddleRight.png, sizingMethod='scale');}