@import url("reset.css");
@import url("style.css");


body{ margin:0 auto; background-image:url(img/1.jpg); background-position:bottom; background-repeat:no-repeat;}
#WRARPER {width:800px; margin:0 auto; padding-bottom: 30px; font-size:12px; padding:5px 0px 10px 20px; text-transform:uppercase;}
/*---------------------- 最上面一排小字選項 -------------------*/
#HEARD ul{ float:right; padding-right:35px;}

#HEARD li{ float:left; padding-left:10px;}

#HEARD li a { display: block; color:#666666;}

/*------------------ 選單 --------------------------*/
#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);}

/*------------------ 左邊選單 --------------------------*/
#MENU_A{ float:left; width:155px; clear:both; background-position:bottom right; background-repeat:no-repeat; padding-left:15px;}
#MENU_A ul{}
#MENU_A li{}
.oder a{ display:block; width:155px; height:27px; background-image:url(inside/22.jpg); color:#333333; text-indent:20px; padding-top:3px; text-decoration:none; background-repeat:no-repeat;}
.oder a:hover{ color:#006699; background-image:url(inside/20.jpg);}

/*------------------ 右邊內容 --------------------------*/
#MENU_B{ float:right; padding-right:35px; width:590px; margin-bottom:10px; overflow:auto;}
#MENU_B h1{  background-position:top left; background-repeat:repeat-x; height:27px;}

.one a{ color:#333333;}
.one a:hover{ color:#000000;}
.TEXT_TITLE{ color:#339933; font-size:18px; font-weight:bold; padding:0px 30px 0px 5px; line-height:35px; letter-spacing:0.2em;}
.TEXT{ color:#666666; line-height:20px; padding:0px 30px 0px 20px; letter-spacing:0.2em; font-family:Arial, Helvetica, sans-serif;}

/*--- #MENU_B_B ul{}
#MENU_B_B li{ float:left; padding-left:45px;} -----------*/
.two a{display: block; color:#666666; text-align:center;}
.two a:hover{ color:#003366;}

/*------------------ 最下面標註頁 --------------------------*/
#FOOTER_IN{ color:#666666; clear:both; width:780px; overflow:auto; text-align:center;}
.FOOTER_LEFT{ float:left; width:700px;}
.FOOTER_RIGNT{ float:right; width:80px;}

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

/*------------------- 產品項目 -------------------------------*/
.PRODUCE{ width:590px;}
.PRODUCE_A{ float:left; height:280px; padding-left:20px;}
.PRODUCE_B{ float:right; height:280px; width:290px;}

/*------------------- care頁面 -------------------------------*/
.TABLE{ padding-right:20px;}
.TABLE ul{}
.TABLE li{ color:#990000;}
.TABLE h2{ color:#333333; line-height:25px; font-size:20px;}
.TABLE p{ color:#666666; line-height:20px;}
.TABLE h3{ color:#339900; line-height:25px; font-size:15px;}

/*----------------- 給upus用的 ----------------------*/
.PRODUCEUPUS{ width:590px;}
.PRODUCEUPUS_A{ float:left; height:280px; background-image:url(img/line.jpg); background-position:bottom; background-repeat:repeat-x; width:350px;}
.PRODUCEUPUS_B{ float:right; height:280px; width:240px; background-image:url(img/line.jpg); background-position:bottom; background-repeat:repeat-x;}

/*------------------- 配件項目 -------------------------------*/
.PRODUCEOTHER{ width:590px;}
.PRODUCEOTHER_A{ float:left; height:200px; background-image:url(img/line.jpg); background-position:bottom; background-repeat:repeat-x;}
.PRODUCEOTHER_B{ float:right; height:200px; width:400px; background-image:url(img/line.jpg); background-position:bottom; background-repeat:repeat-x;}

/*------------------- 各地經銷商頁面 -------------------------------*/
.TABLEBUY{ padding-right:20px;}
.TABLEBUY ul{}
.TABLEBUY li{  color:#666666; background-image:url(img/line.jpg); background-position:bottom; background-repeat:repeat-x; line-height:25px;}
.TABLEBUY h2{ color:#333333; line-height:30px; font-size:20px;}
.TABLEBUY p{ line-height:20px;}
.TABLEBUY h3{ color:#339900; line-height:30px; font-size:15px;}

.ORUANGWORD{ color:#FF6600; text-align:20px; font-weight:bold;}

/*------------------- 紅色字 -------------------------------*/
.REDWORD{ color:#990000; text-align:20px;}
/*-- #PRODUCE img{ float:left;}
#PRODUCE ul{ float:right; width:150px;}
#PRODUCE li{ float:left;} --*/


.costdown_text{ color:#99CC00; text-align:10px; font-size:26px; font-weight:bold; line-height:60px; text-decoration:underline;}
.costdown_text_word{ color:#006666; text-align:25px; font-size:18px;}
.costdown_text_wordone{ color:#666666; text-align:22px; font-size:25px; line-height:30px;}
.costdown_text_wordtwo{ color:#003300; text-align:25px; font-size:18px;}
.costdown_text_th{ color:#660000; text-align:25px; font-size:20px; font-weight:bold;}
.costdown_text_b{ color:#666666; text-align:20px; font-size:15px; font-weight:bold;}


/*------------------- 石頭產品 -------------------------------*/
#MENU_STON{ width:590px; margin-bottom:10px; overflow:auto;}
#MENU_STON h1{ background-image:url(inside/012.jpg); background-position:top left; background-repeat:repeat-x; height:27px;}
.STON_A{ float:left; height:350px; background-image:url(img/line.jpg); background-position:bottom; background-repeat:repeat-x; width:340px;}
.STON_B{ float:right; height:350px; width:240px; padding-right:10px; background-image:url(img/line.jpg); background-position:bottom; background-repeat:repeat-x;}
.color{ font-size:16px; color:#666666; font-weight:bold; line-height:25px; text-indent:10px;}
.color_s{ font-size:14px; color:#666666; line-height:20px; font-weight:bold;}
.little{ font-size:1px; color:#FFFFFF; text-indent:-9999px;}
.TEXT_1 a{ display:block; color:#666666; line-height:20px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding:3px;}
.inn{ text-align:center;}

.indexword a{ display:block; font-size:12px; color:#666666; text-decoration:none;}
.indexword { font-size:12px; color:#666666; text-decoration:none;}