/* CSS Document */

body {margin:0 auto; padding:0; background:url(../images/bgpage.gif) repeat-x top left fixed #000; font-family:tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#6e6f7d; text-decoration:none;}

a {color:#6e6f7d; text-decoration:none;}
a:hover {text-decoration:underline;}

h1 {margin:0 0 7px 0; color:#16ae01; font-size:13px; font-weight:bold; text-decoration:none;}
h2 {margin:0 0 5px 0; color:#414c5c; font-size:12px; font-weight:bold; text-decoration:none;}


/*for Mainlayout*/
#Wrapper {margin:0 auto; width:1003px; background:#fff;}
#Container {margin:0 8px 10px 9px; padding:0;}
#Header {margin:0; padding:0;}

#MainContent_index {margin:0; width:492px; float:left;}
#ColRight_index {margin:0; width:494px; float:right; text-align:right;}

#MainContent_inner {margin:0; width:768px; float:left; color:#6e6f7d; text-decoration:none; font-size:12px;}
#ColRight_inner {margin:0; width:218px; float:right;}
.colright_inner {margin:0 0 0 20px;}

.ClearFloat {clear:both;}
/*end*/

/*for lang top right*/
#lang { margin:0 auto; width:986px; position:relative; }
#lang ul {margin:0; padding:0; list-style:none; display:inline;}
#lang ul li {margin:0; padding:0 0 0 5px; list-style:none; display:inline; font-size:11px;}
.lang {position:absolute; padding:108px 12px 10px 880px;}
/*end*/

/*for navigation*/
#nav {margin:0; width:986px; text-align:left;}
.nav { margin:0; padding:10px 0 10px 0; color:#1a1b1d; font-size:12px; text-decoration:none;}
.nav a { color:#1a1b1d; text-decoration:none;}
.nav a:hover {text-decoration:underline;}
.nav span {color:#16ae01; text-decoration:underline;}
/*end*/

/*for txt at ad stoke*/
#txt_ad_stoke { margin:0 auto; width:492px; position:relative;}
.txt_ad_stoke {position:absolute; padding:185px 205px 20px 20px; font-size:12px; color:#fff;}
/*end*/

/*for search index left*/
.bgsearch {background:url(../images/bg_search.gif) no-repeat top left; width:492px; height:47px;}
.bgsearch_pad {padding:12px 10px 11px 95px;}
.txtbox_search {border:none; background:#fff; font-family:tahoma,Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:5px 2px; width:195px;}
/*end*/

/*for show group product index*/
.tr_show_pro { margin:-2px 0 0 0; background:url(../images/bg_show_proindex.jpg) no-repeat top center; width:986px; height:114px; padding-bottom:5px;}
.tr_show_pro_pad {padding:0; text-align:center;}
.imgshow { margin:0; float:left; text-align:center; font-size:12px; color:#fff; text-decoration:none; width:164px;}	
.imgshow a {color:#fff; text-decoration:none;}
.imgshow a:hover {text-decoration:underline;}
.imgshow img {display:inline; margin:0; border:0;}
/*end*/

/*for promotion index*/
.RelativeAd {position:relative; width:489px; z-index:2;}
.AbsoluteAd {position:absolute; text-align:left; color:#fff;}
.AbsoluteAd span {background:url(../images/bgmore.png) no-repeat bottom left; color:#f6dc32; font-size:12px; display:block; padding:11px 0 4px 7px;}
.AbsoluteAd span a {color:#f6dc32; text-decoration:none;}
.AbsoluteAd span a:hover {text-decoration:underline;}

.AbsoluteAd ul {margin:20px 0 0 0; padding:0;}
.AbsoluteAd ul li {margin:0; list-style:none; display:inline; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; background:url(../images/cycle.png) no-repeat top left; text-align:center; vertical-align:middle; padding:5px 10px 10px 9px;}
.AbsoluteAd ul li a {color:#fff; text-decoration:none;}
.AbsoluteAd ul li a:hover {color:#f6dc32;}
.AbsoluteAd ul li:hover {background:url(../images/cycle_over.png) no-repeat top left; color:#f6dc32;}
.AbsoluteAd ul li:hover a {color:#f6dc32;}

/*end*/

/*for main menu top*/
#mntop {margin:0; padding:0; background:#000;}
#mntop ul {margin:0; padding:0; display:inline;}
#mntop ul li {margin:0; padding:0; list-style:none; display:inline;}
/*end*/

/*for Txt on imags or flash (about page)*/
#ad_about {margin:15px 0 0 0; padding:0;}
.ad_about {margin:0; padding:0; float:left; text-align:left;}
.ad_about img {display:inline; margin:0; border:0;}

.TxtOnAd {position:relative; width:255px; margin:0;}
.txt_onad {position:absolute; margin:0; padding:10px 20px;}
.txt_onad h1 { margin:0; padding:0 0 7px 0; color:#042503; font-size:13px; font-weight:bold;}
.txt_onad ul {margin:0; padding:0; list-style:url(../images/dash.gif);}
.txt_onad ul li {margin:0 0 0 15px; padding:0; color:#fff; font-size:11px; text-decoration:none;}

/*end*/

/*for global*/
.txt_advan, .txt_advan a {color:#207997; font-size:12px; text-decoration:none; font-weight:bold;}
.txt_advan a:hover {text-decoration:underline;}

.btn_search {background:url(../images/btn_search1.gif) no-repeat top left; width:60px; height:23px; font-size:12px; color:#fff; font-weight:bold; font-family:tahoma, Arial, Helvetica, sans-serif; border:none;}
.btn_search:hover {cursor:pointer; color:#fff79f;}

.btn_search_ad {background:url(../images/btn_advan_search.gif) no-repeat top left; width:111px; height:23px; font-size:12px; color:#fff; font-weight:bold; font-family:tahoma, Arial, Helvetica, sans-serif; border:none; text-align:center;}
.btn_search_ad a {color:#fff; text-decoration:none;}
.btn_search_ad:hover a {cursor:pointer; color:#fff79f;}
.btn_search_ad span {display:block; padding:5px 0 0 0;}

.txtboxsearch {font-size:12px; color:#9e9ea1; font-family:tahoma, Arial, Helvetica, sans-serif; border:1px solid #9e9ea1; width:194px; padding:3px 0;}

/*for product group on right*/
.BoxSearchRight {padding-bottom:30px;}

#BoxProGroup { margin:0; padding:0; border:1px solid #9e9ea1;}
#BoxProGroup ul {margin:0; padding:0; list-style:none;}
#BoxProGroup ul li {margin:0 0 7px 0; padding:0; list-style:none;}
#BoxProGroup ul li ul {margin:5px 15px; padding:0;}
#BoxProGroup ul li ul li {margin:0; padding:0 0 0 10px;}
#BoxProGroup ul li ul li ul {margin:0; padding:0; list-style:square;}
#BoxProGroup ul li ul li ul li {margin:0 0 0 13px; padding:0; list-style:square;}

/****for type product****/
.listType { background:url(../images/arrow_gray.gif) no-repeat top left; color:#64646b; font-size:12px; text-decoration:none;}
.listType a {color:#64646b; text-decoration:none;}
.listType:hover {background:url(../images/arrow_green.gif) no-repeat top left; color:#16ae01; text-decoration:underline;}
.listType:hover a, .listType a:hover { color:#16ae01; text-decoration:underline;}

.listType_de { background:url(../images/arrow_green.gif) no-repeat top left; color:#16ae01; font-size:12px; text-decoration:none;}
.listType_de a {color:#16ae01; text-decoration:none;}
/*end*/

/****for subtype product****/
.listSubType {color:#64646b; font-size:12px; text-decoration:none;}
.listSubType a {color:#64646b; text-decoration:none;}
.listSubType:hover {color:#f46f1e; text-decoration:underline;}
.listSubType:hover a { color:#f46f1e; text-decoration:underline;}

.listSubType_de, .listSubType_de a { color:#f46f1e; font-size:12px; text-decoration:none;}
/*end*/

/*for product page*/
.TxtImgHead {padding-bottom:10px;}

.ImgCatePro {margin:0 4px 20px 0; padding:0; float:left;}
.ImgCatePro_R {margin:0 0 20px 5px; padding:0; float:left;}
.ImgCatePro img, .ImgCatePro_R img {display:inline; margin:0; border:0;}

.TxtOnImgCatePro_pad {margin:120px 15px 15px 15px; position:absolute; font-size:12px; color:#fff;}

#ColL_Pro {float:left; width:205px;}
#ColR_Pro {float:right; width:563px;}
.colR_pro {padding-left:9px;}

.imgpro {border:1px solid #f46f1e; background:url(../images/loading.gif) no-repeat 50% 50%;}
.bgdetail_pro {background:url(../images/bg_pro_detail.jpg) no-repeat bottom left; color:#fff; font-size:12px; padding:20px; text-align:left; height:192px;}
.bgdetail_pro h1 {color:#363736; font-size:13px; font-weight:bold;}

.bglist_pro {background:url(../images/bglist_pro.jpg) repeat-x top left; padding:10px 10px 20px 10px;}
.bglist_pro ul {margin:0; padding:0;}
.bglist_pro ul li {margin:0 0 10px 0; padding:0; list-style:none;}
.bglist_pro ul li img {border:1px solid #a1a1a1;}
.bglist_pro ul li img:hover {border:1px solid #16ae01;}

.tr_namepro_de {background:url(../images/arrow_white.gif) no-repeat top right #16ae01; font-size:12px; font-weight:bold; color:#fff; padding:5px 10px;}
/*end*/

/*for New product + Project page*/
#ColL_NewPro {float:left; width:235px;}
#ColR_NewPro {float:right; width:533px;}

/*for newproduct page*/
#ListNew { margin:0; padding:0; width:230px;}
#ListNew ul {margin:0; padding:0; list-style:none;}
#ListNew ul li {margin:0 0 10px 0; list-style:none; background:#000;}

#ListNew ul li img {filter:alpha(opacity=100); opacity:1.0;}
#ListNew ul li img:hover {filter:alpha(opacity=50);opacity:0.5;}

.RelativeNew {position:relative; width:229px; z-index:2;}
.AbsoluteNew {position:absolute; display:block; color:#fff; font-weight:bold; padding:5px;}

.link {background:url(../images/btn_link.gif) no-repeat top right; color:#fff; font-weight:bold; text-decoration:none; padding:5px 10px 5px 5px; text-align:right;}
.link a {color:#fff; text-decoration:none;}
.link a:hover {color:#000; text-decoration:none;}
/*end*/

/*for page number*/
#Page {margin:0 auto; border-top:1px solid #ccc; padding:20px 0 0 0; width:100%; clear:both; text-align:center;}
#Page ul {margin:0; padding:0; list-style:none; display:inline;}
#Page ul li { display:inline;}

.pre { background:url(../images/arrow_pre.gif) no-repeat top left; font-weight:bold; font-size:12px; color:#363636; text-decoration:none; padding:0 0 0 8px;}
.pre a {color:#363636; text-decoration:none;}
.pre a:hover { text-decoration:underline;}

.num {color:#363636; font-size:12px; margin:0 50px;}
.num span {color:#16ae01; font-size:12px; font-weight:bold;}

.next { background:url(../images/arrow_next.gif) no-repeat top right; font-weight:bold; font-size:12px; color:#363636; text-decoration:none; padding:0 8px 0 0;}
.next a {color:#363636; text-decoration:none;}
.next a:hover { text-decoration:underline;}

/*for References*/
#ListRef { margin:0; padding:0; width:230px;}
#ListRef ul {margin:0; padding:0; list-style:none;}
#ListRef ul li {margin:0; list-style:none; border-bottom:1px solid #dadada;}
#ListRef ul li img { display:block; margin:0 0 10px 0; border:1px solid #a1a1a1;}
#ListRef ul li:hover img {border:1px solid #15a201; cursor:pointer;}

.mnref {font-size:12px; color:#64646b; text-decoration:none; background:url(../images/arrow_gray1.gif) no-repeat top left; padding:5px 0 5px 12px;}
.mnref a {color:#64646b; text-decoration:none;}
.mnref:hover { background:url(../images/arrow_green1.gif) no-repeat top left; color:#15a201; text-decoration:underline;}
.mnref:hover a {color:#15a201; text-decoration:underline;}

.mnref_de {font-size:12px; color:#15a201; text-decoration:none; background:url(../images/arrow_green1.gif) no-repeat top left; padding:5px 0 5px 12px;}
.mnref_de a {color:#15a201; text-decoration:none;}

.ImgRef_b {border:5px solid #15a201; text-align:center; vertical-align:middle; background:url(../images/loading.gif) no-repeat 50% 50%;}
.ImgRef_s { margin:10px 0 0 0; padding:0;}
.ImgRef_s ul{ margin:0; padding:0; list-style:none; display:inline;}
.ImgRef_s ul li{ margin:0 0 5px 0; padding:0; list-style:none; display:inline;}

.ImgRef_Sm {border:2px solid #ccc;}
.ImgRef_Sm:hover {border:2px solid #15a201; cursor:pointer;}

.ImgRef_sDe {border:2px solid #15a201;}
.ImgRef_sNo {border:2px solid #ccc;}
/*end*/

/*for promotion*/
.Relative {position:relative; width:768px;}
.AbSolute {position:absolute; color:#fff; font:11px;}
.AbSolute span {background:url(../images/bgsee.png) no-repeat bottom left;color:#f6dc32; font-size:13px; font-weight:bold; text-decoration:none; display:block; padding:20px 0 3px 5px;}
.AbSolute span a {color:#f6dc32; text-decoration:none;}
.AbSolute span a:hover {color:#fff; text-decoration:none;}

/*end*/

/*for contact page*/
.ColL_Con {width:403px; float:left;}
.ColR_Con {width:365px; float:right;}

.field {color:#686868; font-size:12px; font-weight:bold; text-decoration:none; font-family:tahoma,Arial, Helvetica, sans-serif;}

.txtbox_con {font-family:tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666; border:1px solid #a9a9aa; background:#fff; padding:3px; width:260px;}
.txtbox_con_free {font-family:tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666; border:1px solid #a9a9aa; background:#fff; padding:3px;}


.txtbox_fix {font-family:tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666; border:1px solid #a9a9aa; background:url(../images/bar_im.gif) repeat-y top left #fff; padding:3px; width:260px;}
.txtbox_fix_free {font-family:tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666; border:1px solid #a9a9aa; background:url(../images/bar_im.gif) repeat-y top left #fff; padding:3px;}

.btn_submit {background:url(../images/btn_submit.gif) no-repeat top left; width:60px; height:23px; font-size:12px; color:#fff; font-weight:bold; font-family:tahoma, Arial, Helvetica, sans-serif; border:none;}
.btn_submit:hover {cursor:pointer; color:#fff79f;}

.comment {color:#f00; font-size:12px;}
/*end*/

/*for product search*/
#ImgSearch {margin:20px 0 0 0; padding:0 0 0 20px;}
#ImgSearch ul {margin:0; padding:0; list-style:none; display:inline;}
#ImgSearch ul li {}

.imgsearch {float:left; width:185px; text-align:left; padding:0 0 20px 0;}
.imgsearch h1 { margin:10px 0 0 0; color:#363736; font-weight:bold; font-size:12px;}
.imgsearch h1 a {color:#363736; text-decoration:none;}
.imgsearch h1 a:hover {text-decoration:underline;}
.imgsearch img { display:inline; border:1px solid #a1a1a1;}
.imgsearch img:hover {border:1px solid #15a201;}

.result_items { margin:0; padding:0 0 10px 0; border-bottom:1px dashed #ccc; text-align:right; color:#363636; font-size:12px; clear:both;}
.result_items span {color:#f00;}
/*end*/

/*for footer*/
#footer {margin:0 auto; width:1003px; clear:both;}
#footer ul {margin:0; padding:0; list-style:none; display:inline;}
#footer ul li {margin:0; padding:0; list-style:none; display:inline;}
.footer { margin:0 0 10px 0; color:#fff; font-size:11px; text-decoration:none;}
/*end*/

/*for popup*/
#Popup { margin:0 auto; width:880px; height:auto;}
.HeadPop {background:url(../images/head_popup.jpg) no-repeat top left; height:119px; width:880px;}
.HeadPop ul { float:right; margin:90px 10px 0 0; padding:0; list-style:none; display:inline;}
.HeadPop ul li {margin:0 0 0 10px;list-style:none; display:inline; color:#414c5c; font-size:12px; font-weight:bold; text-decoration:none;}
.HeadPop ul li a {color:#414c5c; text-decoration:none;}
.HeadPop ul li a:hover {text-decoration:underline;}

.tdimgmap {padding:10px; background:#fff; text-align:center;}
.imgmap {border:5px solid #16ae01; background:#fff;}
.FooterPop {background:url(../images/footer_popup.jpg) no-repeat top left; height:50px; text-align:right; color:#414c5c; font-size:12px; text-decoration:none; padding:0 10px 0 0;}
/*end*/

/*for no data*/
.NoData {color:#f00; font-size:12px; text-align:center; clear:both; margin:100px auto;}
/*end*/

/*for img alphp*/
.Boximg {filter:alpha(opacity=100); opacity:1.0;}
.Boximg:hover {filter:alpha(opacity=50);opacity:0.5;}
/*end*/

/*for slide image project reference*/
.svwp {	width:100%; background:#fff; height:20px; margin:0 auto;}
.svwp ul { position:relative; left:-999em;}
.slideViewer { position:relative; padding:0; margin:0; background:#fff; overflow:hidden;}
.slideViewer ul { padding:0; margin:0; position:relative; top:0; left:0; width:1%; list-style:none;}
.slideViewer ul li { float:left;}
.slideViewer span.typo { padding:6px; background:#fff; color:#000;}
.thumbSlider { width:1%; background:#fff; overflow:hidden;}
.thumbSlider ul { padding:0; list-style:none; margin:0;}
.thumbSlider ul li { margin:0; float:left;}
.thumbSlider a { color:#fff; text-decoration:none;}
.thumbSlider a img { border:0; padding:0; display:block;}
.thumbSlider p.tmbrdr { position:relative; padding:0; margin:0; left:0;}
a.left, a.right { background:none transparent scroll repeat 0% 0%; color:#f00; overflow:hidden;}
a.left img, a.right img { border:0;}
a.l_dis, a.r_dis { background:none transprent scroll repeat 0% 0%; cursor:default;}
a.l_dis span, a.r_dis span { display:none;}
a:focus { outline:none invert medium;}

/**/