/* p & p kingdom */
html {width:100%; height:100%; padding:0px; margin:0px}
body {width:100%; height:100%; padding:0px; margin:0px; background-color:#344fa0; font-family: "新細明體", Arial, Helvetica, sans-serif;}
a {outline:none; }
a:focus{outline:none; }
a:link {outline:none;} 
a:visited {outline:none;}
a:hover {outline:none;}
a:active {outline:none;}

/*main page*/
.main_input {height:16px; background-color:#cae3f7; border:1px solid #cae3f7; margin-right:4px; font-size:12px; padding-top:4px}
.main_list { margin:5px 15px 0px 0px }
.main_list tr{background:url(img/main/dot_line.gif) left bottom no-repeat;}
.main_icon {margin:0px 0px 0px 0px; }
.main_link_td {padding:0px 0px 0px 0px; line-height:20px }
.main_link {font-size:13px; color:#666666; text-decoration:none;}
.main_date { font-size:13px; color:#4774A5; text-decoration:none}


.video_frame {margin:0px; padding:0px; border:none}

/* news */
.news_list { margin:80px 0px 0px 26px;  }

.news_icon {margin:4px 0px 4px 10px; }
.news_link_td {padding:0px 0px 0px 0px; line-height:20px }
.news_link {font-size:13px; color:#666666; text-decoration:none;}
.news_date { font-size:13px; color:#4774A5; text-decoration:none}
.news_item { background:url(img/news/item_bg.gif) left top no-repeat; margin:15px 0px 0px 26px}
/* method */
.demo_table {margin-left:25px;}

/* products page */
#prod_btn1 { background:url(img/products/left_btn_1.jpg) left top no-repeat; width:198px; height:57px; display:block }
#prod_btn1:hover { background:url(img/products/left_btn_1o.jpg) left top no-repeat; }
#prod_btn1.current { background:url(img/products/left_btn_1o.jpg) left top no-repeat; width:198px; height:57px; display:block }

#prod_btn2 { background:url(img/products/left_btn_2.jpg) left top no-repeat; width:198px; height:57px; display:block }
#prod_btn2:hover { background:url(img/products/left_btn_2o.jpg) left top no-repeat; }
#prod_btn2.current { background:url(img/products/left_btn_2o.jpg) left top no-repeat; width:198px; height:57px; display:block }

#prod_btn3 { background:url(img/products/left_btn_3.jpg) left top no-repeat; width:198px; height:58px; display:block }
#prod_btn3:hover { background:url(img/products/left_btn_3o.jpg) left top no-repeat; }
#prod_btn3.current { background:url(img/products/left_btn_3o.jpg) left top no-repeat; width:198px; height:58px; display:block }

#prod_btn4 { background:url(img/products/left_btn_4.jpg) left top no-repeat; width:198px; height:57px; display:block }
#prod_btn4:hover { background:url(img/products/left_btn_4o.jpg) left top no-repeat; }
#prod_btn4.current { background:url(img/products/left_btn_4o.jpg) left top no-repeat; width:198px; height:57px; display:block }


/* free demo*/
.table_date { background-color:#f4f1e7}
.table_date_title { padding:0px 0px 3px 1px; border-bottom:1px solid #9e8219}
.table_date_content{ padding:2px 0px 2px 1px; color:#333333; font-size:13px}
.td_addr { font-size:13px; padding:7px 0px 20px 15px }


/*menu*/
.btn_top_contact { margin-left:615px; margin-top:65px}

.b1 {width:68px; height:48px; display:block; float:left; background:url(img/menu/b1.gif) 0px 0px no-repeat}
.b1:hover {background:url(img/menu/b1.gif) 0px -48px no-repeat}
.b1.current {width:68px; height:48px; display:block; float:left; background:url(img/menu/b1.gif) 0px -48px no-repeat}

.b2 {width:61px; height:48px; display:block; float:left; background:url(img/menu/b2.gif) 0px 0px no-repeat}
.b2:hover {background:url(img/menu/b2.gif) 0px -48px no-repeat}
.b2.current {width:61px; height:48px; display:block; float:left; background:url(img/menu/b2.gif) 0px -48px no-repeat}

.b3 {width:84px; height:48px; display:block; float:left; background:url(img/menu/b3.gif) 0px 0px no-repeat}
.b3:hover {background:url(img/menu/b3.gif) 0px -48px no-repeat}
.b3.current {width:84px; height:48px; display:block; float:left; background:url(img/menu/b3.gif) 0px -48px no-repeat}

.b4 {width:84px; height:48px; display:block; float:left; background:url(img/menu/b4.gif) 0px 0px no-repeat}
.b4:hover {background:url(img/menu/b4.gif) 0px -48px no-repeat}
.b4.current {width:84px; height:48px; display:block; float:left; background:url(img/menu/b4.gif) 0px -48px no-repeat}

.b5 {width:127px; height:48px; display:block; float:left; background:url(img/menu/b5.gif) 0px 0px no-repeat}
.b5:hover {background:url(img/menu/b5.gif) 0px -48px no-repeat}
.b5.current {width:127px; height:48px; display:block; float:left; background:url(img/menu/b5.gif) 0px -48px no-repeat}


.b6 {width:97px; height:48px; display:block; float:left; background:url(img/menu/b6.gif) 0px 0px no-repeat}
.b6:hover {background:url(img/menu/b6.gif) 0px -48px no-repeat}
.b6.current {width:97px; height:48px; display:block; float:left; background:url(img/menu/b6.gif) 0px -48px no-repeat}

.b7 {width:93px; height:48px; display:block; float:left; background:url(img/menu/b7.gif) 0px 0px no-repeat}
.b7:hover {background:url(img/menu/b7.gif) 0px -48px no-repeat}
.b7.current {width:93px; height:48px; display:block; float:left; background:url(img/menu/b7.gif) 0px -48px no-repeat}

.b8 {width:97px; height:48px; display:block; float:left; background:url(img/menu/b8.gif) 0px 0px no-repeat}
.b8:hover {background:url(img/menu/b8.gif) 0px -48px no-repeat}
.b8.current {width:97px; height:48px; display:block; float:left; background:url(img/menu/b8.gif) 0px -48px no-repeat}