@import url("reset.css");
@import url("un-reset.css");
/*******************************************************************************************************/
/* ============================================頁首=================================================== */
body{ background:#000; width:100%;-webkit-text-size-adjust:none;}
object{ display:block;}
#WRAPPER{ width:1024px; height:auto; margin:0 auto; background-color:#FFFFFF; }

/* ============================================頁首-TOP ============================================== */
#HEADER { display:block; width:1024px; height:auto; position:relative;  }
#HEADER h2{text-indent:-9999px;  display:none;}
#HEADER .Version{ display:block; background:url(../images/in_04.png) no-repeat; width:454px; height:37px; padding-left:570px;}
#HEADER .Version li{ display:block; float:left;  }
#HEADER .Version li a{ display:block; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#FFF; width:80px; background-color:#060d10; text-align:center; text-decoration:none; line-height:18px; margin:9px 5px;  }
#HEADER .Version li a:hover{ display:block; color: #0CF;}

#HEADER .Home {
	display:block;
	position:absolute;
	left: 896px;
	top: 184px;
	width: 91px;
	height: 37px;
}
#HEADER .Home a{ display:block; font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#FFF; width:80px; background-color:#060d10; text-align:center; text-decoration:none; line-height:18px; margin:9px 5px;  }
#HEADER .Home a:hover{ display:block; color: #0CF;}

#HEADER #NAV{ width:1024px; height:70px; float:right; display: flex; background: url(../images/hd_nav_bg.png) repeat-x top; }
#HEADER #NAV ul{ margin: auto; }
#HEADER #NAV li{ display:block; float:left; text-indent:-9999px; }
#HEADER #NAV .NAV1 a{ display:block; width:186px; height:70px; background: url(../images/hd_nav_01.png) top;}
#HEADER #NAV .NAV2 a{ display:block; width:171px; height:70px; background: url(../images/hd_nav_02.png) top;}
#HEADER #NAV .NAV3 a{ display:block; width:170px; height:70px; background: url(../images/hd_nav_03.png) top;}
#HEADER #NAV .NAV4 a{ display:block; width:168px; height:70px; background: url(../images/hd_nav_04.png) top;}
#HEADER #NAV .NAV5 a{ display:block; width:169px; height:70px; background: url(../images/hd_nav_05.png) top;}
#HEADER #NAV .NAV6 a{ display:block; width:160px; height:70px; background: url(../images/hd_nav_06.png) top;}

#HEADER #NAV .NAV1 a:hover{ display:block; width:186px; height:70px; background: url(../images/hd_nav_01.png) bottom;}
#HEADER #NAV .NAV2 a:hover{ display:block; width:171px; height:70px; background: url(../images/hd_nav_02.png) bottom;}
#HEADER #NAV .NAV3 a:hover{ display:block; width:170px; height:70px; background: url(../images/hd_nav_03.png) bottom;}
#HEADER #NAV .NAV4 a:hover{ display:block; width:168px; height:70px; background: url(../images/hd_nav_04.png) bottom;}
#HEADER #NAV .NAV5 a:hover{ display:block; width:169px; height:70px; background: url(../images/hd_nav_05.png) bottom;}
#HEADER #NAV .NAV6 a:hover{ display:block; width:160px; height:70px; background: url(../images/hd_nav_06.png) bottom;}

/* ============================================側邊-TOP ============================================== */

#CONTENT{ display:block;  }
/* ============================================側邊-TOP ============================================== */
#SIDER{ display:block; width:220px; float:left; height:auto; margin:20px 0;  }

#SIDER .SUB_NAV01 li{display:block; width:199px; background-image: url(../images/mackup_13.png); margin:0 auto;}
#SIDER .SUB_NAV01 a{display:block;font-size:16px; color:#000; line-height:45px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;  width:175px; margin:0 auto; letter-spacing:1px; padding-left:5px; border-bottom: #999 1px dashed;  }
#SIDER .SUB_NAV01 a:hover{color:#000;}

#SIDER .SUB_NAV li{display:block; width:199px; background-image: url(../images/mackup_13.png); margin:0 auto;}
#SIDER .SUB_NAV a{display:block;font-size:16px; color:#000; font-family:Arial, Helvetica, sans-serif; text-decoration:none;  width:175px; margin:0 auto;  letter-spacing:1px; padding-left:5px; border-bottom: #999 1px dashed; padding-top:5px; line-height:35px;}
#SIDER .SUB_NAV a:hover{color:#000; background-color:#dadde0;}

#SIDER .SUB_NAV .LIST2 { padding-bottom:10px;display:block; }
#SIDER .SUB_NAV .LIST2 li { width:0px;display:block; margin:0px 0;; width:160px;  }
#SIDER .SUB_NAV .LIST2 li a {font-size:14px; color:#666; margin-left:10px; line-height:15px; }
#SIDER .SUB_NAV .LIST2 li a:hover {  background-color:#dadde0; display:block; color:#333;}
#SIDER .SUB_NAV .LIST2 li a.on {display:block;  color:#493b16;  width:160px;  background-color:#dadde0; line-height:36px;}


/*#SIDER .SUB_NAV ul.LIST2 { padding-bottom:0px;display:block;  }
#SIDER .SUB_NAV ul.LIST2 li { width:0px;display:block; margin:0px 0; line-height:30px; width:160px;   }
#SIDER .SUB_NAV ul.LIST2 li a {font-size:14px; color:#666; margin-left:10px;   }
#SIDER .SUB_NAV ul.LIST2 li a:hover {  background-color:#dadde0; display:block; color:#333;}
#SIDER .SUB_NAV ul.LIST2 li a.on {display:block;  color:#493b16;  width:160px;  background-color:#dadde0; line-height:36px;}*/

/* ============================================中間-TOP ============================================== */
#CENTER{display:block; width:804px; height:auto; float:right; margin:20px 0; }
#CENTER .TITLE { display:block; width:699px; height:auto; margin:0 auto;   }
#CENTER .TITLE p{ font-family:Arial, Helvetica, sans-serif; font-size:15px;line-height:25px; margin:20px 4px;   }
.Table-Font{ font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:25px; margin:20px 4px; background:url(../images/mackup_17.png) no-repeat;   }
.Table-Font span{ color:#225fba; font-weight:bold;  }
.Table-Font span.word{ color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; background-image:url(../images/icon_02.png); background-repeat:no-repeat; padding-left:30px; background-position:8px 3px;}
.Table-Font .Equ_table{ display:block; margin-left:70px;}

.Table-Font-T{ font-family:Arial, Helvetica, sans-serif; font-size:15px; letter-spacing:1px; line-height:33px; margin:5px 4px; /*background:url(../images/tech_bg01.png)no-repeat; */  }
.Table-Font-T span{ color:#225fba; font-weight:bold;  }
.Table-Font-T span.word{ color:#000; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:left; background-image:url(../images/icon_02.png); background-repeat:no-repeat; padding-left:30px; background-position:8px 3px;}
.Table-Font-T .Equ_table-T{ display:block; margin-left:5px; line-height:45px;}


.Table-Font-Q{ font-family:Arial, Helvetica, sans-serif; font-size:15px; letter-spacing:1px; line-height:33px; margin:20px 4px; height:auto; }
.Table-Font-Q span{ color:#225fba; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:18px; background-image:url(../images/icon_01.png); background-repeat:no-repeat; background-position:1px 1px; padding-left:20px;}

.Table-Font-E{ width:799px; font-family:"微軟正黑體"; font-size:15px; letter-spacing:1px; line-height:33px; height:500px; background-image:url(../images/equ_bg01.png); background-repeat:no-repeat; background-position:bottom right;}
.Table-Font-E span{ color:#000; font-size:15px; font-family:"微軟正黑體"; text-align:left; background-image:url(../images/icon_02.png); background-repeat:no-repeat; padding-left:30px; background-position:8px 5px; line-height:35px; }
.Table-Font-E .Equ_table{ margin:0 auto;}

.Table-Font_T{ font-family:"微軟正黑體"; font-size:14px; letter-spacing:1px; line-height:25px; margin:20px 4px;   }
.Table-Font_T span{ color:#225fba; font-weight:bold; font-size:18px;  }

.Table-Font_C{ font-family:Arial, Helvetica, sans-serif "微軟正黑體"; font-size:15px; letter-spacing:1px; line-height:25px; margin:20px 4px;   }
.Table-Font_C span{ color:#225fba; font-weight:bold; font-size:18px;  }
.Table-Font_C .Table-line{   border-bottom: #999 1px dashed; line-height:30px;}

.Table-line{   border-bottom: #999 1px dashed; line-height:3px;}

.TITLE-Main{width:689px; background-color:#a2b3c6;  margin:15px 0; Border-radius:3px; font-size:17px; color: #FFF; margin-top:10px; font-family:Arial, Helvetica, sans-serif; line-height:35px; padding-left:10px; letter-spacing:1px; }

#Contact{ display:block; float:left; width:699px; height:auto; margin:0 auto;  margin-left:50px;}
#Contact .In_tro{ display:block; float:left; width:521px; height:121px; margin-left:50px; margin-top:10px; background-image:url(../images/c_bg01.png);}
#Contact .In_tro p{ color:#E44F47; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:20px; padding-top:15px; padding-left:20px; font-weight:bold; }
#Contact .In_Form {display:block; float:left; width:600px; margin-left:50px; margin-top:10px; }

.In_Form li.M_FILL{ width:531px; height:37px; display:block; float:left; overflow:hidden;}
.In_Form li.M_FILL p{float:left;}
.In_Form li.M_FILL p.M_title{display:block; width:98px; text-align:left; height:31px; font-size:14px; color:#000000 ;font-family:Arial, Helvetica, sans-serif; text-align:right; padding-right:15px; padding-top:5px; background-color:#F6F6F6;}
.In_Form li.M_FILL span.M_point{ color:#FF0000; padding-right:5px;}
.In_Form li.M_FILL p.M_text{display:block; width:393px; text-align:left; height:37px; font-size:14px; color:#000000; padding-left:10px; background-color:#E8E8E8; margin-left:2px;}


.In_Form li.M_FILL01{ width:531px; height:auto; display:block; float:left;font-size:16px;  overflow:hidden; }
.In_Form li.M_FILL01 p{float:left;}
.In_Form li.M_FILL01 p.M_Item {display:block; width:98px; text-align:left; height:135px; font-size:14px; color:#000000 ;font-family:Arial, Helvetica, sans-serif; text-align:right; padding-right:15px; padding-top:5px; background-color:#F6F6F6;}
.In_Form li.M_FILL01 p.M_Fill {display:block; width:388px; text-align:left; height:auto; font-size:14px; color:#000000 ;font-family:Arial, Helvetica, sans-serif; text-align:left; padding-right:5px;  padding-left:10px; padding-top:5px;background-color:#E8E8E8;margin-left:2px;border-top:#CCCCCC 1px dashed; padding-top:10px;}
.In_Form li.M_FILL01 span.M_point{ color:#FF0000; padding-right:5px;}
.In_Form li.M_FILL01 p.M_Btn01 { display:block; float:left; height:24px; text-align:center; font-size:10px; color:#A0A0A0; width:471px; margin-top:20px; margin-bottom:20px; margin-left:60px;} 

.M_Form{ width:250px; line-height:15px; font-size:13px; color:#333333; font-family:Arial, Helvetica, sans-serif; margin-top:5px;} 
.M_Tel01{ width:50px; line-height:15px; font-size:13px; color:#333333; font-family:Arial, Helvetica, sans-serif; margin-top:1px;}
.M_Tel02{ width:180px; line-height:15px; font-size:13px; color:#333333; font-family:Arial, Helvetica, sans-serif; margin-top:1px;}
.M_Textarea {width:350px; font-size:13px; color:#333333; font-family:Arial, Helvetica, sans-serif; margin-top:1px; margin-bottom:10px;}
.M_sub{ width:63px; height:24px; font-size:14px; color:#000000; margin:0 5px 0 5px; font-family:Arial, Helvetica, sans-serif; background-image:url(../images/Contact_icon01.png); border:none;}

.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:78px; clear:both; background-color:#000; clear:both;}
#FOOTER .FOOTER-INFO{  padding:0 10px; font-family:Verdana; font-size:13px; line-height:20px; color:#adb3b9; padding-top:10px; }
#FOOTER .IWARE-FOOTER { font-family:Verdana "微軟正黑體"; font-size:11px; line-height:15px; letter-spacing:0px;  color:#999999; background-color:#262b31; width:195px; margin-left:10px;text-align:center;}
#FOOTER .IWARE-FOOTER a{ color:#999999;}
#FOOTER .IWARE-FOOTER a:hover{color: #CCCCCC;}
#FOOTER .IWARE-FOOTER span{  font-size:10px; }