@import url("reset.css");

body{ margin:0 auto; background-image:url(img/1_test.jpg); background-position:bottom; background-repeat:no-repeat;}
#WRARPER {width:800px; margin:0 auto; padding-bottom: 30px; font-size:12px; padding:5px 0px 25px 20px; text-transform:uppercase;}

/*---- #WRARPER p { padding: 0px 20px 5px 20px; margin:0; background-image:url(img/2.jpg);} ---*/

/*---------------------- 最上面一排小字選項 -------------------*/
#HEARD ul{ float:right; padding-right:35px; }
#HEARD li{ float:left; padding-left:10px;}
#HEARD li a { display: block; color:#666666;}
#HEARD li.red a { display: block; color:#990000; font-weight:bold;}
/*------------------ 選單 --------------------------*/
/*-- #BUTTON{ background-image:url(img/logo.jpg); background-position:left; background-repeat:no-repeat; height:61px;} --*/
#BUTTON{ overflow:auto;}
#BUTTON h1 img{ float:left; padding-left:15px;}
#BUTTON ul{ float:right; padding-right:32px;}
#BUTTON li{ float:left;}

.bradn a{ display:block; width:92px; height:38px; background-image:url(img/3.jpg); text-indent: -9999px;}
.bradn a:hover{ background-image:url(img/3_1.jpg);}

.goretex a{ display:block; width:123px; height:38px; background-image:url(img/4.jpg); text-indent: -9999px;}
.goretex a:hover{ background-image:url(img/4_1.jpg);}

.upus a{ display:block; width:95px; height:38px; background-image:url(img/5.jpg); text-indent: -9999px;}
.upus a:hover{ background-image:url(img/5_1.jpg);}

.other a{ display:block; width:88px; height:38px; background-image:url(img/6.jpg); text-indent: -9999px;}
.other a:hover{ background-image:url(img/6_1.jpg);}

.co a{ display:block; width:122px; height:38px; background-image:url(img/11.jpg); text-indent: -9999px;}

.company a{ display:block; width:75px; height:38px; background-image:url(img/8.jpg); text-indent: -9999px;}
.company a:hover{ background-image:url(img/8_1.jpg);}

/*-------------- flash -------------------------*/
#CONTANT{ clear:both;}
#CONTANT h1 { float:left; padding-left:15px; padding-top:23px;}

#CONTANT h2 { float:right; padding-right:35px;}

/*------------------- MAIN_NAV 左邊圖選項 ---------------------------------*/

#MAIN_NAV_A{ width:432px; float:left; padding-left:18px;}

/*------------- #MAIN_NAV_A h1{ background-image :url(img/13.jpg);text-indent:-9999px; background-position:top; background-repeat:no-repeat;} --------*/

#MAIN_NAV_A ul{}
#MAIN_NAV_A li{ float:left; padding-top:15px;}
.pc a{ display:block; width:125px; height:125px; background-image:url(img/pc001.jpg); text-indent: -9999px; padding-left:19px; background-repeat:no-repeat;}
.gg a{ display:block; width:125px; height:125px; background-image:url(img/gg8.jpg); text-indent: -9999px; padding-left:19px; background-repeat:no-repeat;}
.pco a{ display:block; width:125px; height:125px; background-image:url(img/pc003.jpg); text-indent: -9999px; padding-left:19px; background-repeat:no-repeat;}
.gs a{ display:block; width:125px; height:125px; background-image:url(img/gs4.jpg); text-indent: -9999px; padding-left:19px; background-repeat:no-repeat;}
.ph a{ display:block; width:125px; height:125px; background-image:url(img/ph1.jpg); text-indent: -9999px; padding-left:19px; background-repeat:no-repeat;}
.uc a{ display:block; width:125px; height:125px; background-image:url(img/uc30.jpg); text-indent: -9999px; padding-left:19px; background-repeat:no-repeat;}

.blue ul{ display:block; width:432px; padding-top:50px;}
.blue li{ float:left; padding-left:20px; padding-right:5px; padding-top:15px;}
.blue a{display: block; color:#666666; text-align:center;}

/*------------------- MAIN_NAV 右邊圖選項 ---------------------------------*/
#MAIN_NAV_B{ width:295px; float:right; padding-right:35px; padding-top:15px;}
#MAIN_NAV_B ul{}
#MAIN_NAV_B li{ padding-bottom:2px;  text-decoration:underline;}
#MAIN_NAV_B li a{ color:#666666; line-height:13px; text-decoration:none;}

/*------------------- 最底層 ---------------------------------*/
#FOOTER{ text-align:center; color:#666666; overflow:auto; _width:100%;}
#FOOTER h1{ float:left; width:80%; font-size:12px;}
#FOOTER img{ float:right; padding-right:40px;}

/*------------------- clear寫詳細一點 ---------------------------------*/
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}