@import url("reset.css");
@import url("un-reset.css");
/*******************************************************************************************************/
/* ============================================頁首=================================================== */
body{ background:#ceccca; width:100%;}
object{ display:block;}
img{ display:block;}
#WRAPPER{ width:1024px; height:auto; margin:0 auto; background-color:#FFFFFF; background: url(../images/taiya_in_02.png) no-repeat;}
#WRAPPER2{ width:1024px; height:auto; margin:0 auto; background-color:#FFFFFF; }
/* ============================================頁首-TOP ============================================== */
#HEADER { display:block; width:1024px; height:59px;  }


#HEADER #NAV{display:block; width:1024px; height:59px;}
#HEADER #NAV h2{ display:block; color:#FFF;font-size:24px; font-family:"微軟正黑體"; padding-left:40px; padding-top:25px;  width:310px; height:auto;  float:left; }
#HEADER #NAV li{ display:block; font-size:16px; font-family:"微軟正黑體"; font-weight:bold; float:left; }
#HEADER #NAV a{ display:block; color:#FFF; text-decoration:none;  width:110px; height:34px;  text-align:center; padding-top:25px; }
#HEADER #NAV a:hover{  background:url(../images/icon.png) no-repeat top; background-position-x:50%; color: #0CF;  }

#CONTENT { display:block; width:1024px; height:709px; clear:both;}
#CONTENT .Pro-Gif{ display:block; width:704px; height:709px; float:left; }
#CONTENT .News-box { display:block; width:230px; height:150px; margin-top:154px; float:right; margin-right:50px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#FFF; line-height:20px;}
.News-title { font-size:17px; border-bottom:#009 dashed 1px; color:#f9fc05; font-weight:bold; line-height:30px; }
.News-p{ margin-left:12px; margin-top:10px;}

.Top-nav{ display:block; width:210px; height:80px;font-family:"微軟正黑體"; font-size:13px; float:right; margin-right:18px;}
.Top-nav li{ float:left; }
.Top-nav a{ display:block; width:70px; height:20px; color:#6FF; text-decoration:none; }
.Top-nav a:hover{color:#FF6; }


.Top-logo { display:block;  width:205px; height:101px; float:left; margin-top:216px; margin-left:50px;}

/* ============================================內頁-TOP ============================================== */
#HEADER2 { display:block; width:1024px; height:275px; background: url(../images/mackup_02.png) no-repeat;  }

#HEADER2  h2{ display:block; color:#000000;font-size:24px; font-family:"微軟正黑體"; padding-left:40px; padding-top:25px;  width:210px; height:auto;  float:left; text-indent:-9999px; }

#HEADER2 #NAV{display:block; width:704px; height:95px; padding-left:60px; overflow: hidden;  }

#HEADER2 #NAV li{ display:block; font-size:16px; font-family:"微軟正黑體"; font-weight:bold; float:left; padding-top:55px; }
#HEADER2 #NAV a{ display:block; color:#FFF; text-decoration:none;  width:100px; height:34px;  text-align:center; padding-top:25px; color:#000000;}
#HEADER2 #NAV a:hover{  background:url(../images/icon.png) no-repeat top; background-position-x:50%; color: #03C; }

#HEADER2 .Top-nav{ display:block; width:145px; height:auto; font-family:"微軟正黑體"; font-size:13px; float:left;  margin-top:175px; margin-left:80px; clear:both; }
#HEADER2 .Top-nav li{ float:left; }
#HEADER2 .Top-nav a{ display:block; width:65px; height:20px; color:#039; text-decoration:none; }
#HEADER2 .Top-nav a:hover{color:#06C; }


#HEADER2 .Top-logo { display:block;  width:205px; height:101px; float:right; margin-top:-6px; margin-right:120px;}





#CONTENT2 { display:block; width:1024px; height: auto; clear:both; background:url(../images/mackup_04.png) no-repeat; background-color:#FFF; margin-bottom:50px;   }
#CONTENT2  .Main_title { font-size:18px;  color:#fff;  line-height:55px; font-family:"微軟正黑體"; font-weight:bold; margin-left:30px; letter-spacing:1px; margin-bottom:50px; }

#CONTENT2  .Main_p { font-size:16px; color:#000;  line-height:32px; font-family:"微軟正黑體";  letter-spacing:0px; margin:40px 90px;  }

#CONTENT2  .Main_p2 { font-size:16px; color:#000;  line-height:32px; font-family:"微軟正黑體";  letter-spacing:0px; background:url(../images/about_photo_11.png) no-repeat; padding-left:270px; height:188px; padding-right:70px; padding-top:15px;   }
#CONTENT2  .Main_photo{ display:block; margin-left:90px; }

.mach01 { background-color:#ebecec; color:#009; text-align:center; border:#CCC 1px solid;}
.mach02 {  border:#CCC 1px solid;}

.Pro-left a{display:block;  font-family:"微軟正黑體"; font-size:18px; margin-left:10px; background-color:#F5F5F5; line-height:45px; text-decoration:none; padding-left:20px; width:120px; color:#000;  }
.Pro-left a:hover {display:block;  background-color:#666; color:#fff;  }
.Pro-left-On {display:block;font-family:"微軟正黑體"; font-size:18px; margin-left:10px;  background-color:#666; color:#fff; width:120px; height:45px; line-height:45px; padding-left:20px; }

.Pro-left-sort { display:block;  background-color:#F5F5F5;  width:120px; color:#000;  height:auto; padding-left:20px; margin-left:10px; }
.Pro-left-sort a{ display:block;  font-family:"微軟正黑體"; font-size:16px;  text-decoration:none; color:#000; background:none; padding-left:-20px; margin-left:-10px;  }
.Pro-left-sort a:hover{display:block;  background-color:#999; color:#fff;  margin-left:-20px; text-indent:10px;  }

.Pro-Tilte { font-family:"微軟正黑體"; font-size:18px; color:#fff; text-align:center;font-weight:bold; line-height:171px; margin-left:10px; display:block; width:250px; height:171px; background-color:#CCC;}







/*----------------------PAGE-------------------*/
.PAGES { clear:both; text-align:center; padding-top:30px; padding-bottom:5px;  display:block;  font-size:14px; }
.PAGES a { font-weight:bold; text-decoration:none; margin:0 4px; color:#000; font-family:Arial; font-size:14px; padding:0 3px 0 3px; }
.PAGES a:hover { color:#039; font-size:14px;}
.PAGES a.on { background-color:#039; color:#FFFFFF;  }
.PAGES a.prev{ color: #666; border:#ccc 1px solid;}









/* ============================================側邊-TOP ============================================== */
#SIDER{ display:block; width:107px; float:left; }
#SIDER .SUB_NAV .SUB_MENU { }
#SIDER .SUB_NAV .SUB_MENU li{ display:block;}
#SIDER .SUB_NAV  a{line-height:30px; color:#FFFFFF; letter-spacing:1px; text-indent:25px; font-family: "微軟正黑體"; font-size:15px; text-decoration:none; }
#SIDER .SUB_NAV .SUB_NAV1 a{display:block; background: url(../images/left_photo_02.png); width:207px; height:31px; margin:5px 0px;}
#SIDER .SUB_NAV .SUB_NAV2 a{display:block; background: url(../images/left_photo_06.png); width:207px; height:31px; margin:5px 0px;}
#SIDER .SUB_NAV .SUB_NAV3 a{display:block; background: url(../images/left_photo_08.png); width:207px; height:31px; margin:5px 0px;}
#SIDER .SUB_NAV .SUB_NAV4 a{display:block; background: url(../images/left_photo_10.png); width:207px; height:31px; margin:5px 0px;}
#SIDER .SUB_NAV  a:hover{color: #FFCC00; }

#SIDER .SUB_NAV .SUB_MENU a{font-size:13px; color:#5B5959; background-image:url(../images/left_photo_04.png); line-height:25px; font-family:Verdana;}
#SIDER .SUB_NAV .SUB_MENU a:hover{color:#000;}



/* ============================================中間-TOP ============================================== */
#CENTER{display:block; width:837px; height:auto; float:right;  }
#CENTER .TITLE { background: url(../images/title_bg.png); width:779px; height:43px;   }
#CENTER .TITLE h3{font-size:16px; font-family:"微軟正黑體"; color:#000000;  padding-top:15px; letter-spacing:1px; border-bottom:dashed 1px #333333; line-height:28px; margin-left:58px; }


.


.CARE{ display:block; letter-spacing:1px;  margin-left:58px; font:0.75em Verdana; overflow:hidden; height:30px; }
.CARE li{ float:left; background:url(../images/arrow.gif) right no-repeat; padding-right:25px; line-height:30px;  }
.CARE li a{color:#666666; text-decoration: none; }
.CARE li a:hover{color:#000;}

.CARE li.on{ background: none; }
.CARE li.on a{color:#666666; text-decoration: none; }
.CARE li.on a:hover{color:#000;}

.MaterialBox{ margin-left:50px; margin-right:40px; }
.ProBox{display:block; overflow:hidden; float:left;width:186px; margin:10px 0;}
.ProBoxImg{ display:block;background: url(../images/small-pro.png); padding:5px 11px 9px 5px; width:170px; height:145px;}
.ProBoxItem a{ display:block; font:0.78em Verdana; letter-spacing:1px; text-decoration:none; border-bottom:dashed 1px #999999; margin:0px 7px; width:170px; line-height:15px; padding-bottom:5px; color:#333333; text-align:center; }
.ProBoxItem a:hover{ color: #660000; }

.ProBoxMAX-L{ display:block; float:left; width:386px;}
.ProBoxMAX{ margin:10px 0;}

.ProBoxMAXImg{ display:block; background: url(../images/max-pro.png); padding:5px 11px 9px 5px; width:360px; height:308px; }
.ProBoxSMALLImg {display:block; margin:0 3px;}
.ProBoxSMALLImg li{display:block; border:dotted 1px #999999; width:75px; height:64px; list-style-type:none;padding:2px 4px; float:left; margin:5px 3px; }

.ProBoxMAX-R{ display:block; float:right; width:320px; padding-right:20px;}
.ProBoxMAXItem { display:block;  padding-bottom:10px;  background:url(../images/page_next.gif) left top no-repeat; margin:8px 5px; font:1.1em Verdana; letter-spacing:1px; border-bottom:dashed 1px #999999; color:#333333; padding-left:25px; font-weight:bold;  }

.ProBoxMAXText{display:block; margin:10px 10px; font:0.83em Verdana; line-height:20px; letter-spacing:1px; color:#666666; margin-left:30px; }

.ProBoxMAXText2{ display:block; font:0.83em Verdana; color:#333333; clear:both; letter-spacing:1px; line-height:25px; padding:10px 10px;}

/*.PAGE{ margin:10px 0; clear:both; text-align:center;  list-style-type:none;}
.PAGE a{ display:block; text-decoration:none; color:#333333; background-color:#F1E3D8; font:0.75em Verdana; padding:2px 5px;  width:10px; margin:0 3px; }
.PAGE .on { display:block; text-decoration:none; color:#000000; background-color:#F1E3D8; font:0.75em Verdana; padding:2px 5px;  width:10px; margin:0 3px; }
.PAGE a:hover{ color:#000; }*/

.PAGE{ clear:both; text-align:center; margin:10px 0; }
.PAGE a{ background-color:#660000; font:bold 0.5em Verdana; color: #FFFFFF; line-height:38px; text-align:center; margin:0 3px; -moz-border-radius:10px; padding:2px 4px; text-decoration:none;}
.PAGE .on{ background-color:#660000; font:bold 0.5em Verdana; color: #F1E3D8; line-height:38px; text-align:center; margin:0 3px; -moz-border-radius:10px; padding:2px 4px; text-decoration:none;}
.PAGE a:hover{ color: #F1E3D8;}

/*iʪShopj*/
.ShopBox{ margin:0 auto; margin-left:58px; width:720px; }
.ShopBoxItem{ font:bold 0.75em Verdana; color:#454545; text-align:center; letter-spacing:2px; border-bottom:dotted #666 2px; padding-bottom:10px; line-height:30px;}
.ShopBoxText{ font:0.75em Verdana; color:#454545; text-align:center; vertical-align:middle; border-bottom:dotted #bbb 1px; padding:6px 5px;}
.ShopBoxQuantity{ width:35px; font:0.9em Verdana; color:#F00; padding:3px;}
.ShopTotal{ padding:6px; margin:5px auto; float:right; padding-right:45px;}
.ShopTotalItem{ font:0.75em Verdana; color:#454545; line-height:20px; float:left;}
.ShopTotalCost{ font:bold 0.75em Verdana; color:#F00; line-height:20px; padding:0 10px; float:right;}
.ShopNote{ background: #F9F3EE; font:0.83em Verdana; color: #660000; text-align: center; padding:8px 0; margin-bottom:10px; clear:both; margin-left:58px; width:720px; margin-top:30px; letter-spacing:1px; }
.ShopPen{ margin:0 auto; margin-left:58px; width:720px;}
.ShopPenItem{ font:bold 0.75em Verdana; color:#454545; padding:6px 10px; line-height:25px;}
.ShopPenText{ font:0.75em Verdana; color:#454545; padding:0 5px;}
.ShopBuy{ text-align: center; margin:10px; clear:both; padding-right:30px;}

/*iʪARTICLEj*/
.ARTICLE{margin:0 auto; margin-left:58px; width:720px;}
.ARTICLEItem{display:block;  padding-bottom:10px;  background:url(../images/page_next.gif) left top no-repeat; margin:8px 5px; font:0.83em Verdana; letter-spacing:1px; border-bottom: dotted 1px #999999; color:#2E1E10; padding-left:25px; font-weight:bold; margin-top:30px;}
.ARTICLEText{display:block; font:0.83em Verdana; color:#333333; clear:both; letter-spacing:1px; line-height:25px; padding:10px 10px;padding-left:35px; margin-bottom:30px;}

/*isButtonj*/

.ButtonC{ display:block; width:320; margin:20px auto; overflow:hidden; clear:both; text-align:center; border-top:solid 1px #CCCCCC; padding-top:20px; }
.ButtonC333{ display:block; background: #666666;  font:0.7em Verdana; color:#ffffff; line-height:15px; border:none; padding:3px 10px; text-decoration:none; clear:both; width:80px;  margin-left:30px;}

.ButtonA{ display:block; width:780px; margin:20px auto; overflow:hidden; clear:both; text-align:center; border-top:solid 2px #CCCCCC; padding-top:20px;}
.ButtonA333{ background: #660000; font:0.7em Verdana; color:#ffffff; line-height:20px; border:none; padding:3px 10px; -moz-border-radius:10px; text-decoration:none;}

/*.ButtonC1{ display:block; font:0.75em Verdana; margin-left:40px; text-align:center;  }
.ButtonC111 { display:block; font:0.75em Verdana;  clear:both; background-color:#999999; padding:4px 4px; width:80px; color:#FFFFFF; text-decoration:none; }*/


/* ============================================  FOOTER ============================================== */
#FOOTER{ display:block; width:1024px; height:72px; clear:both; border-top:1px solid #666; }
#FOOTER .FOOTER-INFO{  padding:0 10px; font-family:Verdana; font-size:13px; line-height:30px;}
#FOOTER .IWARE-FOOTER { padding:0 10px; font-family:Verdana; font-size:0.75em; line-height:15px; letter-spacing:0px;  color:#999999;}
#FOOTER .IWARE-FOOTER a{ color:#999999;}
#FOOTER .IWARE-FOOTER a:hover{color: #CCCCCC;}