@charset "utf-8";
/* CSS Document */
html { height: 100%; background-image: url(../_img/00_index/bg_03.jpg);}
/* body */
body { 
scrollbar-3dlight-color: #9f916c;/*左槓線條-淺*/
scrollbar-arrow-color: #1a160c;/*拉頁框箭頭色-深*/
scrollbar-darkshadow-color: #9f916c;/*右槓線條-淺*/
scrollbar-face-color: #9f916c;/*槓條色彩-淺*/
scrollbar-highlight-color: #5f513b;/*拉頁內框亮面-較深*/
scrollbar-shadow-color: #5f513b;/*拉頁內框暗面-較深*/
scrollbar-track-color: #e3e3e3;/*拉頁框背景色-較淺*/
scrollbar-base-color: #e3e3e3;/*拉頁框基底色彩-較淺*/
margin: 0px; overflow-x:hidden;
text-align:center;/*center-left-right*/
background-position: left top;
background-image: url(../_img/00_index/bg_03.jpg);
color: #231A0B;
}
a:link { color: #432120; text-decoration: underline;}
a:visited { color: #522e0b; text-decoration: none;}
a:hover { color: #b85709; text-decoration: underline;}
a:active { color: #663300; text-decoration: none;}

/* Box */
.TBdiv {
margin-right: auto;
margin-left: auto;
}
.Box {
width: 1000px;
height: 100%;
margin-right: auto;
margin-left: auto;
background-image: url(../_img/00_index/bg.jpg);
}
.BgL {
width: 6px;
height: 100%;
background-attachment: fixed;
background-image: url(../_img/00_index/bg_01.jpg);
background-position: right top;
background-repeat: repeat-y;
}
.BgR {
width: 6px;
height: 100%;
background-attachment: fixed;
background-image: url(../_img/00_index/bg_02.jpg);
background-position: left top;
background-repeat: repeat-y;
}
/* main */
#divL {
float: left;
width: 285px;
/* height: 590px; */
height: 100%;
background-image: url(../_img/00_index/bg.jpg);
}
#divR {
float: right;
width: 715px;
height: 590px;
}
#divMain { 
width: 715px; 
height: 542px;
}
#divLink {
width: 715px;
height: 22px;
background-image: url(../_img/00_index/link_bg.jpg);
}
#divBottom { 
float: left;
width: 715px; 
height: 40px;
}

/* Bottom */
.Bottom {
float: left;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 70%;
color: #8f7617;
padding-left: 190px;
padding-top: 10px;
text-align: center;
line-height: 150%;
}
.Bottom a,.Bottom a:link { color: #9c8e5a; text-decoration: underline;}
.Bottom a:visited { color: #9c8e5a; text-decoration: none;}
.Bottom a:hover { color: #b89309; text-decoration: underline;}
.Bottom a:active { color: #b85709; text-decoration: none;}
/* DESIGN BY  UNJU */
.UNJU {
font-family:Geneva, Arial, Helvetica, sans-serif;
float: right;
font-size: 70%;
color: #9c8e5a;
padding-right: 10px; 
padding-top: 10px; 
line-height: 150%;
}
.UNJU a,.UNJU a:link { color: #8f7617; text-decoration: underline;}
.UNJU a:visited { color: #8f7617; text-decoration: none;}
.UNJU a:hover { color: #0eafcc; text-decoration: underline;}
.UNJU a:active { color: #0eafcc; text-decoration: none;}

/* TopLink */
.TopLink {
float: left;
width: 350px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 65%;
color: #d7c582;
text-align: right;
line-height: 150%;
}
.TopLink a,.TopLink a:link { color: #d7c582; text-decoration: underline;}
.TopLink a:visited { color: #d7c582; text-decoration: none;}
.TopLink a:hover { color: #b89309; text-decoration: underline;}
.TopLink a:active { color: #b85709; text-decoration: none;}
/* Slink */
.Slink {
float: right;
width: 200px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 65%;
color: #d7c582;
margin-right: 5px;
text-align: right; 
line-height: 150%;
}
.Slink a,.Slink  a:link { color: #d7c582; text-decoration: underline;}
.Slink a:visited { color: #d7c582; text-decoration: none;}
.Slink a:hover { color: #b89309; text-decoration: underline;}
.Slink a:active { color: #b85709; text-decoration: none;}
/* index */
#divBg {
width: 715px;
height: 542px;
background-image: url(../_img/00_index/main_bg.jpg);
}
#divMaintxt { width: 715px; height: 370px;}
#divHotCase { 
float: right; 
width: 434px; 
height: 150px; 
}
.divProject { 
text-align: center;
}
.divProject a,.divProject a:link {
}
.divProject a:hover {
border: #fff solid 1px;
}
/* SubPage */
/* TopIcon */
.divleft { 
text-align: left;
}
#divTopIcon {
position:absolute;
text-align:right;/*center-left-right*/
z-index:1001;
}
.divIcon {
position:absolute;/* 依網頁左上角為基準點取絕對位置 */ 
top:380px;
left: 983px;
z-index:1000;
}
/* BannerL */
#BannerL {
float: left;
height: 100%;
background-color: #1B1505;
}
.BannerL {
height: 100%;
}
.BannerL td{
height: 100%;
}
/* BannerT */
#BannerT {
float: right;
width: 535px;
background-color: #dfdac7;
}
/* List */
#divList {
float: right;
width: 535px;
background-image: url(../_img/00_index/content_bg.jpg);
background-color: #dfdac7;
font-size: 12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-align: left;/*文字靠左對齊*/ 
line-height: 200%;/*設定行高*/ 
/*font-weight:bold;*/
}
/* Contents */
#Contents {
float: right;
width: 535px; 
font-size: 12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
line-height: 180%;/*設定行高*/ 
letter-spacing : 1pt; /*字間距離*/
background-image: url(../_img/00_index/content_bg.jpg);
background-color: #dfdac7;
}
/* divImg about1*/
#divImgA1 {
float: right;
width: 495px; 
height: 283px; 
background-image: url(../_img/01_about/aboutus01_04.jpg);
background-position: right top;
background-repeat: no-repeat;
z-index:102;
}
/* divImg about2 */
#divImgA2 {
float: right;
width: 495px; 
height: 283px; 
background-image: url(../_img/01_about/aboutus02_04.jpg);
background-position: right top;
background-repeat: no-repeat;
z-index:103;
}
/* divImg about3 */
#divImgA3 {
float: right;
width: 495px; 
height: 283px; 
background-image: url(../_img/01_about/aboutus03_04.jpg);
background-position: right top;
background-repeat: no-repeat;
z-index:102;
}
/* hot */
.tbHot {
width: 500px;
height: 144px; 
background-color: #B3A387;
border: solid 1px #999;
}
.tbHotTitle {
width: 500px;
height: 36px;
background-image: url(../_img/02_hot_sale/caseName_04.jpg);
}
.tbHotName {
width: 150px;
height: 36px;
text-align: center;
background-color: #ded9c7;
font-size: 12pt;
font-weight:bold;
}
.tbHotLogo {
margin: 5px; 
}
.tbHotData {
margin: 5px;
padding: 2px;
font-size: 10pt;
font-weight:bold;
line-height: 160%;
}
/* history */
.tbhistory {
width: 500px;
margin: 0px 0px 8px 0px;
margin-right: auto;
margin-left: auto;
}
.tbHisImg {
width: 100%;
margin: 1px;
}
.tbHisTitle {
width: 100%; 
height: 34px; 
font-size: 12pt;
font-weight: bold;
color: #000;
font-family:Geneva, Arial, Helvetica, sans-serif;
background-image: url(../_img/03_history_sale/case_tb_line.jpg);
}
.tbHisData {
padding: 1px 10px;
font-size: 12pt;;
color: #000;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
/* tableNews */
.tbNews {
width: 500px; 
margin: 10px 0px;
color: #1b1407;
margin-right: auto;
margin-left: auto;
}
.tbNtl {
font-size: 10pt;
text-align: left;
}
.tbN1 {
height: 30px; 
/* font-size: 10pt; */
color: #1b1407;
font-family:Geneva, Arial, Helvetica, sans-serif;
background-image: url(../_img/04_news/news_tb_04.gif);
}
.tbN2 {
height: 30px; 
/* font-size: 10pt; */
color: #ded9c7;
background-color: #938A73;
font-family:Geneva, Arial, Helvetica, sans-serif;
background-image: url(../_img/04_news/news_tb_05.gif);
}
.tbN1 .item,.tbN2 .item {
width: 52px; 
height: 30px; 
font-size: 8pt;
text-align: center;
}
.date {
font-size: 8pt;
}
.tbN1 .date,.tbN2 .date, {
font-size: 6pt;
width: 92px; 
height: 30px; 
letter-spacing : 1pt; /*字間距離*/
text-align: center;
}
.tbN1 .title,.tbN2 .title {
font-size: 10pt;
letter-spacing: 1pt; /*字間距離*/
width: 344px; 
height: 30px; 
text-align: left;
padding-left: 10px; 
}
.tbN1 a,.tbN1  a:link { color: #493d28; text-decoration: none;}
.tbN1 a:visited { color: #1b1407; text-decoration: none;}
.tbN1 a:hover,.tbN1 a:active { color: #b85709; text-decoration: underline;}

.tbN2 a,.tbN2  a:link { color: #fff; text-decoration: none;}
.tbN2 a:visited { color: #fff; text-decoration: none;}
.tbN2 a:hover ,.tbN2 a:active { color: #f5e0bf; text-decoration: underline;}

.tbNPage td{
font-size: 80%;
padding: 0px 5px; 
text-align: center;
vertical-align: middle;
}
.tbNdate {
border-bottom: 1px solid #938a73;
padding-left: 5px; 
color: #938a73;
font-size: 9pt;
text-align: left;
}
.tbNtitle {
padding-top: 5px; 
padding-left: 5px; 
color: #1b1407;
font-size: 12pt;
font-weight: bold;
text-align: left;
letter-spacing : 1pt; /*字間距離*/
}
.tbNentData {
width: 408px; 
font-size: 80%;
color: #423c2b;
}

/* divImg sitemap3 */
#divImgS1 {
float: right;
width: 470px; 
height: 470px; 
background-repeat: no-repeat;
z-index:103;
}
/* contact */
.contactTb {
margin-right: auto;
margin-left: auto;
scrollbar-3dlight-color: #9c9c9c;/*左槓線條-淺*/
scrollbar-arrow-color: #ffffff;/*拉頁框箭頭色-深*/
scrollbar-darkshadow-color: #9c9c9c;/*右槓線條-淺*/
scrollbar-face-color: #9c9c9c;/*槓條色彩-淺*/
scrollbar-highlight-color: #ffffff;/*拉頁內框亮面-較深*/
scrollbar-shadow-color: #ffffff;/*拉頁內框暗面-較深*/
scrollbar-track-color: #dcdcdc;/*拉頁框背景色-較淺*/
scrollbar-base-color: #dcdcdc;/*拉頁框基底色彩-較淺*/
/*margin: 5px 0px;*/
}
input,select,textarea { 
color: #333; /*文字色彩*/ 
font-size: 9pt; /*文字大小*/ 
border-top: 1px double #EFEFEF;
border-bottom: 1px double #CCCCCC ;
border-left: 1px double #EFEFEF; 
border-right: 1px double #CCCCCC;
background-color: #fff;

}
.contactTd td {
padding: 5px 2px;
}
/* sitemap */
.sitemap {
float: left;
margin-top: 155px;
font-weight: bold;
font-size: 16px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
.sitemapT1 {
float: left;
margin-left: 10px;
width: 16px; 
}
.sitemapT2 {
float: left;
margin-left: 40px;
width: 20px; 
/*writing-mode: tb-rl;*/ 
}

.DivGoBack {
float: left;
margin-left: 40px;
margin-top: 130px;
}