@charset "windows-874";
/* CSS Document */

body{font-family: Tahoma; font-size:14px; margin:0; padding:0; background:url(../images/bg.jpg) top no-repeat; color:#000;}
a{text-decoration:none; cursor:pointer; color:#000; outline:medium none;}
a:hover{text-decoration: underline; color:#e65816;}
img,p,h1,h2,h3,h4,h5,h6,ul,ol,form{margin:0; padding:0; list-style:none; border:none;}
#wrapper{width:100%; height:100%; position:relative;}

/* - - - HEAD - - - */
#head{width:949px; height:82px; margin:0 auto 0 auto; padding: 18px 25px 55px 26px; position:relative;}
a.head_logo{ width:452px; height:82px; float:left; background:url(../images/ppm_logo.png); display:block;}
#head .language_select{ width:75px; height:16px; margin-top:22px; float:left; padding-left:420px;}
a.eng{ width:22px; height:16px; display:block; background:url(../images/eng.jpg); margin-right:10px; float:left}
a.tha{ width:22px; height:16px; display:block; background:url(../images/tha.jpg); margin-right:13px; float: left;}
#head .menu{ width:497px; height:20px; float:left; margin-top:10px; text-align:right;}
#nav_head { font: tahoma; font-size:14px;}
#nav_head ul{ padding:0;}
#nav_head li{ display:inline; margin-right:13px;}
#nav_head li a{ text-decoration: none; color:#000; }
#nav_head li a:hover{ color:#e65816;}
/* - - - HEAD - - - */

/* - - - MENU- - - */
#menu{ width:983px; height:45px; margin:0 auto 0 auto; position:relative;}
a.btn1{ width:146px; height:45px; display:block; background:url(../images/menu1.png); float:left;}
a.btn1:hover{ background:url(../images/menus1.png);}
a.btn1_visited{ width:146px; height:45px; background:url(../images/menus1.png); float:left;}
a.en_btn1{ width:146px; height:45px; display:block; background:url(../images/en_menu1.png); float:left;}
a.en_btn1:hover{ background:url(../images/en_menus1.png);}
a.en_btn1_visited{ width:146px; height:45px; background:url(../images/en_menus1.png); float:left;}

a.btn2{ width:132px; height:45px; display:block; background:url(../images/menu2.png); float:left;}
a.btn2:hover{ background:url(../images/menus2.png);}
a.btn2_visited{  width:132px; height:45px; background:url(../images/menus2.png); float:left;}
a.en_btn2{ width:132px; height:45px; display:block; background:url(../images/en_menu2.png); float:left;}
a.en_btn2:hover{ background:url(../images/en_menus2.png);}

a.btn3{ width:219px; height:45px; display:block; background:url(../images/menu3.png); float:left;}
a.btn3:hover{ background:url(../images/menus3.png);}
a.btn3_visited{  width:219px; height:45px; background:url(../images/menus3.png); float:left;}
a.en_btn3{ width:219px; height:45px; display:block; background:url(../images/en_menu3.png); float:left;}
a.en_btn3:hover{ background:url(../images/en_menus3.png);}

/* - - - DROP DOWN  MENU- - - */
#nav{ width:132px; height:45px; float:left; margin: 0; padding:0;}
#nav li.top{ height:45px; display:block; float:left;}
a.top_link{ width:132px; height:45px; background:url(../images/menu2.png) no-repeat; display:block;}
a.top_link:hover{ background:url(../images/menus2.png) no-repeat;}
a.en_top_link{ width:132px; height:45px; background:url(../images/en_menu2.png) no-repeat; display:block;}
a.en_top_link:hover{ background:url(../images/en_menus2.png) no-repeat;}

#navtest ul.sub{ left:280px; top:47px; padding:10px; background-color:#dfdfdf; width:220px; height: 85px; z-index:300; position:absolute;}
#navtest ul.sub a{ display:block; font-size:14px; color:#5a5a5c; text-decoration:none; margin-bottom:10px; padding: 10px 0 10px 5px;}
#navtest ul.sub a:hover{ color:#f46231; background-color:#FFF;}

/*popup LV1 block*/

#nav li:hover {position:relative; z-index:200;}
#nav li:hover ul.sub
{ left:10px; top:45px; padding:10px; background-color:#dfdfdf; width:220px; height: auto; z-index:300; position:absolute; border:#000 1px solid;}
#nav li:hover ul.sub li a
{display:block; font-size:12px; color:#5a5a5c; text-decoration:none; margin-bottom:5px; padding: 5px 0 5px 5px;}
#nav li:hover ul.sub li a:hover 
{color:#f46231; background-color:#FFF;}


/*popup LV2 block*/
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{ left:220px; top:-11px; padding:10px; background-color:#dfdfdf; width:260px; height: auto; z-index:300; position:absolute; border:#000 1px solid;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/* - - - DROP DOWN  MENU- - - */

a.btn4{ width:165px; height:45px; display:block; background:url(../images/menu4.png); float:left;}
a.btn4:hover{ background:url(../images/menus4.png);}
a.btn4_visited{  width:165px; height:45px; background:url(../images/menus4.png); float:left;}
a.en_btn4{ width:165px; height:45px; display:block; background:url(../images/en_menu4.png); float:left;}
a.en_btn4:hover{ background:url(../images/en_menus4.png);}

a.btn5{ width:167px; height:45px; display:block; background:url(../images/menu5.png); float:left;}
a.btn5:hover{ background:url(../images/menus5.png);}
a.btn5_visited{  width:167px; height:45px; background:url(../images/menus5.png); float:left;}
a.en_btn5{ width:167px; height:45px; display:block; background:url(../images/en_menu5.png); float:left;}
a.en_btn5:hover{ background:url(../images/en_menus5.png);}

a.btn6{ width:154px; height:45px; display:block; background:url(../images/menu6.png); float:left;}
a.btn6:hover{ background:url(../images/menus6.png);}
a.btn6_visited{  width:154px; height:45px; background:url(../images/menus6.png); float:left;}
a.en_btn6{ width:154px; height:45px; display:block; background:url(../images/en_menu6.png); float:left;}
a.en_btn6:hover{ background:url(../images/en_menus6.png);}

/* - - - MENU- - - */

/* - - - FONT- - - */
.font18_orange_b{ color:#f24b14; font: tahoma; font-size:18px; font-weight: bold;}
.font14_grey{ color:#58595b; font: tahoma; font-size:14px;}
a.font14_grey_i{ color:#58595b; font: tahoma; font-size:14px;}
a.font14_grey_i:hover{ color:#f24b14; text-decoration:none;}
.font14_orange{ color:#f24b14; font: tahoma; font-size:14px;}
a.font12_grey_i{ color:#58595b; font: tahoma; font-size:12px;}
a.font12_grey_i:hover{ color:#f24b14; text-decoration:none;}
.font12_grey{ color:#58595b; font: tahoma; font-size:12px;}
.font13_orange_b{ color:#f24b14; font: tahoma; font-size:13px; font-weight:bold;}
a.font18_orange_i{ color:#f24b14; font: tahoma; font-size:18px; font-weight: bold; font-style:italic;}
a.font18_orange_i:hover{ color:#f24b14; text-decoration:none;}
.font14_white{ color:#fff; font: tahoma; font-size:14px; font-weight:bold;}
a.font12_black_i{ color:#000; font: tahoma; font-size:12px;}
a.font12_black_i:hover{ color:#fff; text-decoration:none;}
/* - - - FONT- - - */


/* - - - FLASH BANNER- - - */
#flash_main{ width:983px; height:375px; margin:0 auto 0 auto; position:relative;}
/* - - - FLASH BANNER- - - */

/* - - - FLASH BANNER INNER- - - */
#flash_inner{ width:980px; height:150px; margin:20px auto 20px auto; position:relative;}
/* - - - FLASH BANNER INNER- - - */

/* - - - 4BANNER- - - */
#banner_center{ width:984px; height:216px; margin:0 auto 0 auto; background:url(../images/ppm_index_22.jpg) repeat-x;}
#banner_center .banner_box{ width:224px; height:196px; padding:10px 10px 10px 12px; float:left;}
#banner_center .banner_pic{ width:226px; height:162px; margin-bottom:15px;}
a.moredetail{ width:69px; height:15px; display:block; background:url(../images/btn_moredetail.png); float:right;}
/* - - - 4BANNER- - - */

/* - - -FOOTER- - - */
#footer{ width:980px; height:70px; margin:0 auto 0 auto; font-size:10px; color:#000; padding-top:50px; text-align:right; position:relative; overflow:auto;}
/* - - -FOOTER- - - */

/* - - -FOR COVERPAGE- - - */
#coverpage_head{width:983px; height:157px; margin:0 auto 0 auto; position:relative;}
#coverpage_head .coverpage_box_item{width:452px; height:101px; float:right; margin-top:25px;}
a.coverpage_head_logo{ width:452px; height:82px; float:left; background:url(../images/ppm_logo.png); display:block;}
#coverpage_head .select_language{width:178px; height:19px; float: left; background:url(../images/select_language.png) no-repeat; padding-left:162px; margin-left:113px;}
a.coverpage_eng{ width:22px; height:16px; display:block; background:url(../images/eng.jpg); margin-right:10px; float: left;}
a.coverpage_tha{ width:22px; height:16px; display:block; background:url(../images/tha.jpg); margin-right:13px; float: left;}

#coverpage_box_main{width:983px; height:415px; background-color:#000; margin:0 auto 0 auto; padding-top:35px;}
/* - - -FOR COVERPAGE- - - */

/* - - -FOR ALL CONTENT- - - */
#content_inner{ width:940px; height:400px; margin:0 auto 0 auto; background-color:#FFF; padding:20px 20px 20px 20px; position:relative; }
#content_inner .sub_inner{ width:900px; height: auto; position:relative; float:left;}
#content_inner .box_content_inner_left{ width:220px; position:relative; float:left;}
#content_inner .content_inner_left_title{ width:200px; height:15px; margin-bottom:19px; float:left;}
#content_inner .content_inner_left_title_PD{ width:200px; height:15px; margin-bottom:40px; float:left;}
#content_inner .content_inner_left_title_PD_EN{ width:200px; height:15px; margin-bottom:60px; float:left;}
#content_inner .content_inner_LtitleBG{ width:173px; height:27px; background:url(../images/bg_left_menu.png) no-repeat; float:left; padding-top:7px; padding-left:27px; overflow:visible;}
#content_inner .content_inner_LtitleBG_TR{ width:173px; height:40px; background:url(../images/bg_left_menu.png) no-repeat; float:left; padding-top:7px; padding-left:27px;}
#content_inner .content_inner_LtitleBG_TR3{ width:173px; height:60px; background:url(../images/bg_left_menu.png) no-repeat; float:left; padding-top:7px; padding-left:27px;}

#content_inner .boxcenter_content_inner{ width:680px; text-align:justify; height: auto; float:left;  overflow:auto; padding:0 20px 0 20px;}
#content_inner .contentlink{ width:200px; height: 180px; float:right;  overflow:auto;}
#content_inner .contentlink2{ width:200px; height: auto;}

#content_inner .box_productsl{ width:218px; text-align:center; height: 210px; float:left; margin-right:8px; margin-bottom:8px;}
#content_inner .box_productsl_photo{ width:218px; text-align:center; height: 138px; float:left; margin-bottom:6px; padding-top:8px; background:url(../images/bg_products_select1.png) no-repeat;}

#content_inner .boxtitle_products_inner{ width:673px; height: 26px; float:left; background:url(../images/bg_title_inner_PD.jpg) no-repeat; padding-top:7px; padding-left:7px; margin-bottom:20px;}
#content_inner .thumb_products_inner{ width:160px; height: auto; float:left; margin-right:20px;}
#content_inner .thumb_products_inner_photo{ width:160px; height: 106px; float:left; background-color:#bababa; padding-top:1px; text-align:center;}
#content_inner .thumb_products_inner_text{ width:160px; height: 40px; float:left; padding-top:10px; text-align:center; font-size:12px; color:#58595b;}

#content_inner .detail_products_inner{ width:500px; height: auto; float:left;}
/* - - -FOR ALL CONTENT- - - */