/* CSS Document */
body { margin:0; padding:0; font-family:tahoma; font-size:12px; font-weight:normal; text-decoration:none; line-height:16px; background: url(../images/bginner.jpg) no-repeat top center; color:#313131;}

a { color:#313131; text-decoration:none; outline:none;}
a:hover { color:#000; text-decoration: underline;}


.stand { margin:0; padding:0; font-family:tahoma; font-size:12px; font-weight:normal; text-decoration:none; line-height:16px;}
.stand a { color:#313131; text-decoration:none;}
.stand a:hover { color:#000; text-decoration: underline;}

/*for Mainlayout*/
#Wrapper {margin:0 auto; padding:0;}
#HeaderIndex { margin:0 auto; padding:0; width:1003px; height:444px;}
#HeaderAll { margin:0 auto; padding:0; width:1003px; height:297px;}
#ContainerMain {margin:0 auto; padding:0 14px 0 16px; width:973px;}
.underLine_footer { margin:52px 0 15px 0; padding:0; border-bottom:1px solid #ccc; float:left; width:973px;}
#Footer {margin:0 auto; padding:0 14px 20px 16px; width:973px;}
.footer { font-size:11px; color:#313131; text-decoration:none; text-align: right;}

#Colleft { margin:0; padding:0 24px 0 0; float:left; width:198px;}
#ColRight { margin:0; padding:0 0 0 20px; float:left;width:730px; border-left:1px solid #ccc;}

.ClearFloat {clear:both;}


/*End*/

/*For Header*/
#Logo { margin:0; padding:0 0 0 15px; float:left;}
.Main_menu { background:url(../images/bg_menu.png) no-repeat top right; float:right; margin:0; padding:12px 0 10px 15px; width:676px;}
.Main_menu ul { margin:0; padding:0;}
.Main_menu ul li { margin:0; padding:0; list-style:none; display:inline;}
/*End*/


/*For Content Inner*/
#content-main { margin:0; padding:0; width:100%;}

#Nav { margin:0; padding:10px 0 35px 0; text-align:right; border-top:1px solid #ccc; }
.nav { font-size:12px; color:#313131; font-weight:normal; text-decoration:none; padding:0 3px;text-transform:uppercase;}
.nav a {color:#313131; text-decoration:none;}
.nav a:hover {color:#313131; text-decoration: underline;} 
.nav span { color:#f7941d; font-weight:bold; text-decoration:none; } 

.txt_th, .txt_th { font-size:12px; color:#828b94; font-weight:bold; text-decoration:none; width:70px;}
.txt_th a { color:#828b94; text-decoration:none;} 
.txt_th a:hover { color:#313131; text-decoration:none;} 

.txt_th span { font-size:12px; color:#313131; font-weight:bold; text-decoration:none;}

.sideLeft { width:283px; margin:0; padding:0 20px 0 0; float:left; clear:both;}
.sideRight { width:426px; margin:0; padding:0; float:left;}

.divMama_relative {position:relative; margin:0; padding:0;}
.divMama_absolute {position:absolute; margin:0; padding:0;}

.divLocal { margin:0; padding:0;}

/*End*/

 
/*Text*/
h1 { margin:0; padding:0; text-align:right;}
h2 { margin:0; padding:0 0 8px 0; font-size:12px; color:#313131; font-weight:normal;}
h2 p { margin:0; padding:0 0 5px 0; font-size:13px; color:#5c646d; font-weight:bold; text-decoration:none;}

h4 {color:#5c646d; padding:15px 0 7px 0; margin:0; font-weight:bold;}
h4 ul { margin:0; padding:15px 0 0 10px;}
h4 ul li { margin:0; padding:0 0 5px 20px; list-style:none; background:url(../images/bullet_mn.gif) no-repeat top left; font-size:12px; color:#959595; font-weight:bold;}
h4 ul li a { color:#959595; text-decoration:none;}
h4 ul li a:hover { color:#5c646d; text-decoration:none;}

h5 ol { margin:0; padding:0;}
h5 ol li { margin:0; padding:5px 0 0 0; color:#313131; font-weight: normal; list-style:none; font-size:12px;}
h5 ol li p { margin:0; padding:5px 0 5px 0; list-style:none; font-size:12px; color:#1f680e; font-weight: bold;}



/*Div*/
.divBrand {padding:30px 0 0 0;}
.divSearch {padding:0; margin:0;}
.divSlide { padding:20px 0 0 0;}
#divProduct { padding:15px 0 0 0;}
#divProduct ul { margin:0; padding:0;}
#divProduct ul li{ margin:0; padding:0; list-style:none; display:inline;font-size:13px; text-transform:uppercase; font-weight:bold; color:#1f680e;text-decoration:none;}
#divProduct ul li a {color:#1f680e;text-decoration:none;}
#divProduct ul li a:hover { color:#1f680e;text-decoration: underline;}

.cate { width:160px; margin:15px 5px 0 5px; padding:0; float:left;  text-align:center;}
/*.cate {width:160px; margin:15px 0 0 0; float:left; text-align:center; padding:0 5px;}*/
.cateLine {width:160px; margin:15px 0 0 0; float:left; border-left:1px solid #ccc; text-align:center; padding:0 5px;}
.Border_left { border-left:1px solid #ccc;}


#divProduct p { margin:0; padding:0; font-size:12px; color:#1f680e; text-decoration:none; font-weight:bold;}
#divProduct span { color:#1f680e; text-decoration:none; font-weight: normal;}

#divProduct_inner { width:317px; float:left; padding:0 15px; color:#000;}
#divProduct_inner h3 { margin:0; padding:0; font-size:14px; color:#1f680e; font-weight:bold; text-decoration:none; line-height:25px;}
#divProduct_inner h3 p { margin:0; padding:0; font-size:12px; color:#000; font-weight:bold; text-decoration:none;}

#divProduct_inner ul { margin:0; padding:0 0 10px 0; }
#divProduct_inner ul li { margin:0; padding:0; font-size:12px; color:#000; font-weight:normal; text-decoration:none; list-style:none;}


#divExport p { margin:0; padding:0; font-size:12px; color:#1f680e; text-decoration:none; font-weight:bold;}
#divExport span { color:#1f680e; text-decoration:none; font-weight: normal;}

#divExport_inner { width:690px; float:left; padding:0 15px; color:#000;}
#divExport_inner h3 { margin:0; padding:0; font-size:14px; color:#1f680e; font-weight:bold; text-decoration:none; line-height:25px;}
#divExport_inner h3 p { margin:0; padding:0; font-size:12px; color:#000; font-weight:bold; text-decoration:none;}

#divExport_inner ul { margin:0; padding:0 0 10px 0; }
#divExport_inner ul li { margin:0; padding:0; font-size:12px; color:#000; font-weight:normal; text-decoration:none; list-style:none;}





.ImgProduct {float:left; width:393px;}

.imformation {padding:30px 0 0 0; margin:0 auto; clear:both; width:668px; color:#000; font-size:12px; font-weight:normal;}
.imformation span { color:#000; font-weight:bold; font-size:12px;}
#page { margin:30px 0 0 0; padding:0;}
.page { background:url(../images/bullet_right.gif) no-repeat top left; padding:0 0 0 25px; font-weight:bold; font-size:14px; color:#1f680e; text-decoration:none;}
.page a { color:#1f680e; text-decoration:none;}
.page a:hover { color:#1f680e; text-decoration: underline;}

.page_next {float:left; font-size:12px; color:#313131; font-weight:bold; padding:3px 0 0 0;}
.page_next span {color:#1f680e; font-weight:bold;}

.divGallary { margin:0; padding:30px 0 0 0;}
.divGallary ul  { margin:0; padding:0;}
.divGallary ul li { margin:0; padding:0; list-style:none;display: inline; overflow:hidden;}
.divGallary ul li img { background:#000; filter: alpha(opacity=100); -moz-opacity:100;opacity:100; cursor:pointer;}
.divGallary ul li img:hover { background:#000; filter: alpha(opacity=70); -moz-opacity:0.7;opacity:0.7; }

.lineColum { border-top:1px solid #ccc; padding:0; margin:50px 0 0 0;}

/*End*/

/*For Faqs*/
.divFaqs{ margin:3px 0 0 0; padding:0; width:726px;}

.q { margin:0; padding:0;}
.topic_faqs { background: url(../images/faqs/arrow_top.gif) no-repeat top right #e4e4e4; padding:2px 15px 2px 15px; font-size:12px; color:#313131; font-weight:normal; text-decoration: none; cursor:pointer;}
.topic_faqs:hover, .topic_faqs_de:hover { color:#1f680e; text-decoration:none;}
.topic_faqs span,.topic_faqs_de span { font-weight:bold;}

.topic_faqs_de { background: url(../images/faqs/arrow_down.gif) no-repeat top right #e4e4e4; padding:2px 10px 2px 15px; font-size:12px; color:#313131; font-weight:normal; text-decoration: none; cursor:pointer;}

.content_faqs { margin:0; padding:0;}
.content_faqs_pad { padding:12px 12px 20px 12px; margin:0;}
.content_faqs_pad p { padding:0 0 5px 0; margin:0;}
.content_faqs_pad ul { padding:10px 0 5px 20px; margin:0;}
.content_faqs_pad ul li { padding:0 0 3px 0; margin:0;}
.content_faqs_pad ul li li { padding:0 0 3px 0; margin:0;}

.content_faqs_pad ol { padding:10px 0 5px 35px; margin:0;}
.content_faqs_pad ol li { padding:0 0 3px 0; margin:0;}

/*End*/

/*For Investor*/
.divIr { margin:3px 0 0 0; padding:0; width:726px;}
.q { margin-top:3px;}
.topic_ir { background: url(../images/faqs/arrow_top.gif) no-repeat top right #e4e4e4; padding:2px 10px 2px 15px; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#313131; font-weight: bold; text-decoration: none; cursor:pointer;}
.topic_ir:hover, .topic_ir_de:hover { color:#1f680e; text-decoration:none;}

.topic_ir_de { background: url(../images/faqs/arrow_down.gif) no-repeat top right #e4e4e4; padding:2px 10px 2px 15px; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#313131; font-weight: bold; text-decoration: none; cursor:pointer;}

.content_ir { margin:0; padding:0;}
.content_ir_pad { padding:0 0 20px 0; margin:12px 12px 0 12px; background: url(../images/line_ver.gif) repeat-y top center;}
.content_ir_pad p { padding:0 0 5px 0; margin:0;}
.content_ir_pad ul { padding:10px 0 5px 20px; margin:0;}
.content_ir_pad ul li { padding:0; margin:0;}

.content_ir_pad h4 { padding:5px 0 0 0; margin:0; font-size:12px; color:#5c646d; font-weight: bold;}

.divQuater_left { float:left; padding:0; margin:0; width:330px;}
.divQuater_right { float:left; padding:0; margin:0 0 0 40px; width:330px;}
.divLine_left { background:url(../images/line_hor.gif) repeat-x left; width:330px;height:1px; margin:15px 0 15px 0; float:left;}
.divLine_right {background:url(../images/line_hor.gif) repeat-x left;width:330px; height:1px; margin:15px 0 15px 40px; float:left;}

.divTeam { width:728px; margin:0; padding:40px 0 0 0;}
.divTeam img { padding:0 0 10px 0;}
.divTeam ul {margin:0; padding:0;}
.divTeam ul li {margin:0; padding:0 0 0 4px; list-style:none; float:right; display:inline; width:178px;}
.divTeam ul li p { margin:0; padding:0; display:block; font-size:12px; color:#5c646d; text-align:center; font-weight:bold;}
.divTeam ul li p span { margin:0; padding:0; font-size:12px; color:#313131; text-align:center; font-weight: normal;}
.divhight { height:250px; margin:0; padding:0;}

.divAnnaul {width:165px; text-align:center; float:left; margin:0 10px 20px 0; padding:0 10px 0 0; border-right:1px solid #ccc;}
.divAnnaul_02 {width:165px; text-align:center; float:left; margin:0 0 20px 0; padding:0;}
 
.img {background:#000; filter: alpha(opacity=100); -moz-opacity:100;opacity:100; cursor:pointer;}
.img:hover {background:#000; filter: alpha(opacity=80); -moz-opacity:0.8;opacity:0.8; cursor:pointer;}

.divCsr { margin:0; padding:0; width:228px;}
.divCsr h4 { font-size:12px; color:#1f680e; padding:10px 0 5px 0; font-weight:bold; margin:0;}
.divCsr h4 p{ color:#1f680e; font-weight:bold; padding:10px 0 0 0; margin:0; display:block; float:right;}
.divCsr h4 p a { color:#1f680e; text-decoration:none;} 
.divCsr h4 p a:hover { color:#1f680e; text-decoration: underline;} 

.divCsr img { background:#000; filter: alpha(opacity=100); -moz-opacity:100;opacity:100; cursor:pointer;}
.divCsr img:hover { background:#000; filter: alpha(opacity=70); -moz-opacity:0.7;opacity:0.7; cursor:pointer;}

.topicCsr {font-size:22px; color:#828b94; padding:5px 0; font-weight:bold; margin:0; line-height:35px;}
.topicBrand{color:#959595;font-weight:bold; padding-left:5px;}
.topicBrand:hover { color:#1f680e;}

.line_ver20 { background:url(../images/line_ver.gif) repeat-y top center; width:20px;}

#divYear { margin:0; padding:0 5px 0 5px;}
#divYear ul  { margin:0; padding:0;}
#divYear ul li { margin:0; padding:0 3px; list-style:none; font-size:16px; font-weight:bold; color:#ccc; text-decoration:none; display:inline;}
.divYear a { color:#ccc; text-decoration:none;}
.divYear a:hover { color:#828b94; text-decoration:none;}

.divYear_de { color:#828b94; text-decoration:none;}
.divYear_de a { color:#828b94; text-decoration:none;}


/*Product Brand*/
.brand {float:left; width:144px;}
.brand_border {float:left; width:144px; border-left:1px solid #ccc;}

.arrow_left {float:left; height:110px; padding-top:40px;}
/*End*/



/*For Menu Left*/
#mn_left { margin:0; padding:0;}
#mn_left ul {margin:0 0 30px 0; padding:0;}
#mn_left ul li { margin:0; list-style:none;  font-size:12px;}
.mn_left {color:#959595; text-decoration:none; padding:1px 0 2px 20px; background:url(../images/bullet_mn.gif) no-repeat top left; font-weight:bold;}
.mn_left a {color:#959595; text-decoration: none;}
.mn_left a:hover { color:#1f680e; text-decoration:none;}
.mn_left:hover { background:url(../images/bullet_mn_de.gif) no-repeat top left; color:#1f680e;}
.mn_left:hover a { color:#1f680e; text-decoration:none;}

.mn_left_de { background:url(../images/bullet_mn_de.gif) no-repeat top left; padding:1px 0 2px 20px; color:#1f680e; text-decoration:none; font-size:14px; font-weight:bold;}
.mn_left_de a { color:#1f680e; text-decoration:none;}
.line_mn { background:url(../images/line_mn.gif) no-repeat left; height:5px; width:197px; }
/*End*/

/*Form Contact*/
.txtbox { font-family:tahoma; font-size:12px; font-weight:normal; color:#000; text-decoration:none; width:405px; padding:2px 0 2px 0; background:#ccc; border:1px solid #ccc;}
.txtbox_list { font-family:tahoma; font-size:12px; font-weight:normal; color:#313131; text-decoration:none; width:205px; padding:2px 0 1px 0; background:#ccc; border:1px solid #ccc;}
.txtbox_list_free { font-family:tahoma; font-size:12px; font-weight:normal; color:#313131; text-decoration:none; padding:2px 0 1px 0; background:#ccc; border:1px solid #ccc;}
.txtarea { font-family:tahoma; font-size:12px; font-weight:normal; color:#000; text-decoration:none; width:405px; padding:2px 0 2px 0; height:58px; background:#ccc; border:1px solid #ccc;}
.txtbox_im { font-family:tahoma; font-size:12px; font-weight:normal; color:#000; text-decoration:none; width:250px; padding:2px 0 2px 0; background:#ccc; border:1px solid #ccc;}
.txt_comment, .txt_comment a  { font-size:12px; color:#555; text-decoration:none;}
.txt_comment a:hover{ color:#555; text-decoration: underline;}

.txt_comment span { color:#f00;}

.btn_form { background: url(../images/btn.gif) no-repeat left; font-size:12px; color:#fff; font-weight:bold; text-decoration:none; padding:3px 12px 3px 12px; text-align:center; border:none; font-family:tahoma; cursor:pointer;}
.btn_form:hover { color:#313131; text-decoration:none;}

.btn { margin:0; padding:15px 0 30px 0;}
.btn_map { background:#85929c;font-size:11px; color:#fff; text-decoration: none; font-weight:bold; padding:3px 0; text-align:center;}
.btn_map a { color:#fff; text-decoration:none;}
.btn_map a:hover { color:#252525; text-decoration:none;}

/*End*/

/*Job*/
#list_job { margin:0; padding:0; width:175px;float:left; clear:both; padding-right:25px;}
#list_job ul {margin:0; padding:0;}
#list_job ul li { margin:2px 0; list-style:none;  font-size:12px; border-bottom:1px dotted #ccc;}
.list_job {color:#959595; text-decoration:none; padding:1px 0 3px 20px; background:url(../images/bullet_mn.gif) no-repeat top left; font-weight:bold;}
.list_job a {color:#959595; text-decoration: none;}
.list_job a:hover { color:#1f680e; text-decoration:none;}
.list_job:hover { background:url(../images/bullet_mn_de.gif) no-repeat top left; color:#1f680e; padding:1px 0 3px 20px;}
.list_job:hover a { color:#1f680e; text-decoration:none;}

.list_job_de { background:url(../images/bullet_mn_de.gif) no-repeat top left; padding:1px 0 3px 20px; color:#1f680e; text-decoration:none; font-size:12px; font-weight:bold;}
.list_job_de a { color:#1f680e; text-decoration:none;}

.position { margin:0; padding:0; width:500px; padding-left:15px; float:left; border-left:1px dotted #ccc;}
.position ul { margin:0; padding:10px 0 15px 20px; }
.position ul li { margin:0; padding:0; list-style:none;}

.position span { font-size:12px; color:#1f680e; font-weight:bold;} 
.position p { margin:0; padding:0 0 15px 0; font-size:14px; font-weight:bold; text-decoration:none; color:#1f680e;}
.position p span { margin:0; padding:0 0 15px 0; text-align:right; font-size:12px; font-weight:bold; text-decoration:none; color:#f6841f;}
.apply { background: url(../images/btn_apply.gif) no-repeat top left; font-size:11px; color:#fff; width:86px; height:17px; padding-top:1px;font-weight:bold; text-align:center;}
.apply a { color:#fff; text-decoration:none;}
.apply a:hover { color:#313131; text-decoration:none;}
/*End*/


/*For Popup*/

#WraperPopup {width:800px; margin:0 auto;}
#ContainnerPopup { padding:10px 50px 10px 50px;}
#HeadserPopup {}
.print { width:80px; float:left; background:url(../images/icn_print.gif) no-repeat top left; padding:0 0 0 20px; font-size:11px; color:#267115; font-weight:bold; text-decoration:none;}

.del { width:60px; float:left;background:url(../images/icn_del.gif) no-repeat top left; padding:0 0 0 20px; font-size:11px; color:#666; font-weight:bold; text-decoration:none;}

.print a, .del a { color:#666; text-decoration:none;}
.print a:hover, .del a:hover { color:#666; text-decoration: underline;}


/*End*/

#slideshow {
  width: 600px;
  height: 200px;
}

/* For Under*/
.txt_under {font-weight:bold; font-size:14px; color:#85929c; text-decoration:none;}
/* End*/


/*TVC*/
#divTVC { width:728px; margin:0; padding:0;}
#divTVC p { display:block; margin:0; padding:7px 3px; font-size:12px; color:#327d21; font-weight:bold; text-decoration:none;}

#divTVC img { background:#000; filter: alpha(opacity=70); -moz-opacity:0.7;opacity:0.7; cursor:pointer;}
#divTVC img:hover { background:#000; filter: alpha(opacity=100); -moz-opacity:100;opacity:100; }

.divTVC_pad { width:160px; padding-right:25px; float:left; height:160px;}
.divTVC { width:160px; float:left; height:160px;}


/*End*/


.link {font-weight:bold; color:#f6841f; text-decoration:none;}
.link  a { color:#f6841f; font-weight:bold; text-decoration:none;}
.link  a:hover { color:#f6841f; font-weight:bold; text-decoration: underline;}



.txthead { padding-left:10px; font-size:12px; color:#fff; font-weight:bold;}
.tbl_row { font-size:12px; color:#252525; font-weight: normal; border-bottom:1px solid #ccc;}

/*For text span*/
.txtspan {color:#5c646d; font-weight:bold; font-size:12px; margin:0; padding:0;}