/* CSS Document */ body{ margin: 0px; padding: 0px; text-align: center; font-size: 15px; color: #fff; background-color: #000000; font-family:Arial, Helvetica, sans-serif; background-image: url(../image/bg.jpg); background-repeat: repeat-x;} a{ color: #fff; text-decoration: none;} a:hover{ color: #ffe87a;} .block{ display: block; height:20px;} h2{ margin:0;} h3{ color: #e8d39a; margin:0px 0 0 0; padding:0;} h4{ color:#d33651; font-size:14px; font-weight:normal;} form{ margin:0; padding:0;} input{ border: 1px solid #6b0012; background-color: #2f0008; color: #FFFFFF; padding:10px;} select{ background-color:#2f0008; color: #fff; border: 1px solid #6b0012;} .txt2{ width:300px;} .formbutton{ cursor:pointer; color:#fff; padding: 4px 6px 0px 6px; background-image:url(../image/formbg.gif); background-repeat: repeat-x; background-position: left top;} /* 版型欄位 */ #wrapper{ width: 960px; margin: 0 auto; background-color: #110003; background-image: url(../image/bg_wrapper.jpg); background-repeat:no-repeat;} #wrapperInner{ margin:0 20px;} #header{ position: relative; margin:0 auto; width:920px; height:117px;} #Header-LCol{ position: absolute; top:0; left:0;} #Header-RCol{ position: absolute; top:0; left:287px;} #contentwrapper{ float: left; width: 100%;} #contentcolumn{ margin: 0 0 0 200px;/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ } #contentcolumn_inner{ margin: 0 0 0 15px; text-align:left;} #content_LeftColumn{ float:left; width:500px;} #content_Rightcolumn{ margin-left:15px; float: left; width: 230px;} #leftcolumn{ float: left; width: 200px; /*Width of left column in pixel*/ margin-left: -960px; /*Set margin to that of -(MainContainerWidth)*/} #leftcolumn_inner{ margin-left:20px;} #contentcolumnSub{ background-image:url(../image/bg_05.gif); background-repeat:repeat-y; width:731px;} #contentcolumnSub_inner{ text-align:left; margin: 0 20px;} #footer{ clear: both; border-top: 3px solid #350009; padding: 10px 0; color: #8c8283;} #footer span{ color:#f5c0ff;} #footer a{ color:#e8d39a;} #footer a:hover{ color: #CC0099;} /* 導覽列 */ #Navigation { margin: 0px; padding: 0px; border-collapse: collapse; width: 604px; height: 84px;}/**/ #Navigation ul{ margin: 0px; padding: 0px; list-style: none; } #Navigation li{ display: inline; } #Navigation li a{ float: left; margin: 0px; padding: 0px; display: block; background-image: url(../image/nav.jpg); height: 84px; overflow: hidden; border: 0px;} #nav01 a{ width: 102px; background-position: 0 0;} #nav02 a{ width: 120px; background-position: -102px 0;} #nav03 a{ width: 121px; background-position: -222px 0;} #nav04 a{ width: 131px; background-position: -343px 0;} #nav05 a{ width: 129px; background-position: -474px 0;} #nav01 a.stay{ background-position: 0 -84px;} #nav02 a.stay{ background-position: -102px -84px;} #nav03 a.stay{ background-position: -222px -84px;} #nav04 a.stay{ background-position: -343px -84px;} #nav05 a.stay{ background-position: -474px -84px;} #nav01 a:hover{ background-position: 0 -84px;} #nav02 a:hover{ background-position: -102px -84px;} #nav03 a:hover{ background-position: -222px -84px;} #nav04 a:hover{ background-position: -343px -84px;} #nav05 a:hover{ background-position: -474px -84px;} .hidden{ text-indent: -5000px;} /* 首頁設定 */ #flash{ width:318px; height:117px;} #TopNav{ position:absolute; top:15px; right:40px;} #TopNav ul{ margin: 0; padding:0; list-type: none;} #TopNav li{ display: inline; float: left; font-size: 0.8em; width: 70px; text-align: center; border-right: 1px solid #555;} #TopNav li a{ color: #e8d39a;} #TopNav li a:hover{ color:#CC0099;} #SearchBox{ margin: 10px 0; background-image:url(../image/search-box.gif); background-repeat:no-repeat; background-position:left top; width:500px; height:43px;} #SearchBoxInner{ padding-top:8px; margin:0px 0 0 130px;/*給firefox*/ _margin:0px 0 0 130px;/*給ie6以下*/ #margin:0px 0 0 130px;/*給ie7以上看*/} /* 首頁推薦廣告 */ .sliderwrapper{position: relative; /*leave as is*/overflow: hidden; /*leave as is*/ border: 1px solid #c43f58; width: 498px; /*width of featured content slider*/ height: 208px;} .sliderwrapper .contentdiv{ visibility: hidden; /*leave as is*/position: absolute; /*leave as is*/left: 0; /*leave as is*/ top: 0; /*leave as is*/padding: 0px; background: white; width: 498px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */ height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1;} .pagination_1{ background-image:url(../image/pageborder.gif); width: 490px; height:22px; background-repeat:no-repeat; text-align: right; background-color: #250007; padding: 5px 5px 0 5px; font-size:0.8EM; font-family:Arial, Helvetica, sans-serif;} .pagination_1 a{ padding: 0 5px; text-decoration: none; color: #fbaf5d;} .pagination_1 a:hover, .pagination a.selected{ color: #FFF; background-color: #250007;} /* 產品目錄選單設定 */ #CatalogBox{ width: 180px; margin-bottom:5PX;} #CatalogBox .List{ margin: 0; background-image:url(../image/bg_01.gif); background-repeat: no-repeat; overflow:hidden; background-position:43px left; background-color:#58000f;} #CatalogBox .List ul{ margin: 0 auto; padding: 0; list-style: none; width:170px;} #CatalogBox .List li{ margin: 0 20px 0 10px; padding: 8px 0 0 5px; border-bottom: 1px dotted #99292c; text-align:left; letter-spacing: 2px;} #CatalogBox .List li a{ background-image: url(../image/arrow_1.gif); background-repeat:no-repeat; background-position: 0 3px; padding-left: 15px;} #CatalogBox .List span{ font-size: 1.1em;} /* 右側欄位外框設定 */ .item{ margin:0; padding:0; width:210px;} .item .Content{ background-image:url(../image/bg_02.gif); background-repeat: no-repeat; background-position:17px left; background-color: #58000f; color: #e8d39a;} .item .Content_inner{ margin:0 10px; text-align:left;} /* 最新消息 */ #NewsBox{ margin: 0 auto; padding-top: 10px;} #NewsBox ul{ margin: 0 10px; padding: 0; list-style: none;} #NewsBox li{ margin: 0; padding: 7px 0; background-image:url(../image/arrow_1.gif); background-repeat:no-repeat; background-position:left 14px; padding-left:12px; border-bottom: 1px dotted #99292c;} #NewsBox .date{ color: #b3a4a7; font-size: 0.8em;} #NewsBox .more{ margin-top: 5px; margin-bottom: 8px; text-align: right; background-image: url(../image/arrow.gif); background-repeat:no-repeat; background-position: 135px 3px; padding-left: 10px; } #NewsBox .more a{ text-decoration: underline; color:#E7E0A7;} #NewsBox .more a:hover{ color:#FFFFFF;} /* 首頁中間欄位設定 */ #Banner{ width:500px; height:210px;} #Recommend{ width:500px; background-color: #eee; overflow: hidden; height:1%; background-image: url(../image/bg-collection.gif); background-repeat:repeat-y; padding-bottom:20px;} #Recommend_inner{ margin:10px 2px 0 2px;} #Recommend .ImageBox{ float: left; margin: 0 2px 10px 2px; width:120px; height:270px;} #Recommend .ImageBox .data{ background-image:url(../image/bg_03.gif); background-repeat:no-repeat; background-position:bottom left; margin:0; padding:0 5px 10px 5px; text-align:left;} #Recommend h3{ display: block; padding: 2px; margin-bottom: 5px; color: #FFFFFF; font-size:15px;} #Recommend .ImageBox .nt{ font-size:0.75em; color:#FFFFFF; font-weight:normal;} #Recommend .price{ color: #e8d39a; font-family: "Times New Roman", Times, serif; font-size:24px;} #Recommend .ImageBox .ProBorder{ background-image:url(../image/border_2.gif); text-align:center; width:120px; height:120px; background-repeat: repeat-x; background-position:left top; padding-top:4px;} #Recommend_inner .itemL{ float:left; margin-right:4px; margin-bottom:10px; width:240px; height:150px;} #Recommend_inner .itemR{ float:left; margin-bottom:10px; width:240px; height:150px;} #Recommend_inner .itemL .itemContent, #Recommend_inner .itemR .itemContent{ background-color:#FFFFFF; position:relative; height:120px; clear:both;} #Recommend_inner .itemL .itemContent_border, #Recommend_inner .itemR .itemContent_border{ clear:both;} #Recommend_inner .itemL .itemContent_colL, #Recommend_inner .itemR .itemContent_colL{ position:absolute; top:0; left:0; width:100px;} #Recommend_inner .itemL .itemContent_colR, #Recommend_inner .itemR .itemContent_colR{ position:absolute; top:0; left:110px; width:130px; text-align:left; padding-top:10px;} /* 會員專區table樣式設定 */ table.datatable01 { border-collapse:collapse; border:1px solid #cccccc; margin-top:5px;} table.datatable01 thead th { background: url(../image/bg_th.jpg) no-repeat right; height: 40px; color: #FFFFFF; padding: 0px 7px; margin: 10px 0px 0px; border-right: 1px solid #FCF1D4; text-align:center;} table.datatable01 tbody tr { background: url(../image/bg_td1.jpg) repeat-x top;} table.datatable01 tbody tr.odd { background: #FFF8E8 url(../image/bg_td2.jpg) repeat-x;} table.datatable01 tbody th{ line-height: 1.4em; padding: 10px 7px; border-top: 1px solid #cccccc; border-right: 1px solid #DDDDDD; text-align: center; color: #5B361E;} table.datatable01 td { line-height: 1.4em; padding: 10px 7px; border-top: 1px solid #cccccc; border-right: 1px solid #DDDDDD; text-align: center;} table.datatable01 a { color: #777777; font-weight: bold; text-decoration: underline;} table.datatable01 a:hover { color: #F8A704; text-decoration: underline;} table.datatable01 span{ background-color: #46cdff; color: #FFFFFF; padding:2px 5px 0 5px;} table.datatable02 { border-collapse:collapse; margin-top:5px;} table.datatable02 thead th { /*background: url(../image/bg_th.jpg) no-repeat right;*/ height: 40px; color: #FFFFFF; padding: 0px 7px; margin: 10px 0px 0px; text-align: left; text-align:center;} table.datatable02 tbody tr { background: url(../image/bg_td1.jpg) repeat-x top;} table.datatable02 tbody tr.odd { background: #FFF8E8 url(../image/bg_td2.jpg) repeat-x;} table.datatable02 tbody th{ line-height: 1.4em; padding: 10px 7px; border-top: 1px dotted #cccccc; text-align: center; color: #888;} table.datatable02 td { line-height: 1.4em; padding: 10px 7px; border-top: 1px dotted #cccccc; text-align: center;} table.datatable02 a { color: #777777; font-weight: bold; text-decoration: underline;} table.datatable02 a:hover { color: #F8A704; text-decoration: underline;} table.datatable02 span{ color: #6a017c; font-size:1.6em; margin-left:10px;} /* 會員專區選單設定 */ #border{ background:url(../image/border_r.gif); background-position: top right; background-repeat:no-repeat; height:48px;} #member { margin:0; padding: 0; text-align:center; height:48px; background-image:url(../image/border_l.gif); background-position:top left; background-repeat:no-repeat;} #member ul{ margin: 0; padding: 0; list-style: none; margin-top:3px; padding-top:10px;} #member li{ display: inline; margin-right: 4px;} #member li a{ background-image: url(../image/arrow_1.gif); background-repeat:no-repeat; background-position: 0 3px; padding-left: 15px; text-decoration:underline;} /* 頁碼設定 */ div.pagination { width:345px; overflow: hidden; font-size: 0.9em; margin:0px auto; font-family:Helvetica, sans-serif;} div.pagination ul { list-style: none; padding: 2px 0; line-height: 16px; margin:0;} div.pagination li { display: inline;} div.pagination.sabrosus { padding:0px; margin:0px; text-align: center;} div.pagination.sabrosus a { padding: 2px 5px 2px 5px; margin-right: 2px; text-decoration: underline; color: #336699; } div.pagination.sabrosus a:hover, div.pagination.pagination a:active { color: #6A017C; background-color:#FFFFFF; text-decoration: none;} div.pagination.sabrosus li.current { padding: 2px 5px 2px 5px; margin-right: 2px; font-weight: bold; background-color: #ffcc00; color: #6A017Cs;} div.pagination.sabrosus li.disabled { padding: 2px 5px 2px 5px; margin-right: 2px; color: #929292;} /* 商品一覽 */ #ProCatalog{ margin:0 auto;} #ProCatalog .ImageBox{ float: left; margin: 0 30px 10px 30px; width:160px; height:300px; padding: } #ProCatalog .ImageBox .data{ background-image:url(../image/bg_04.gif); background-repeat:no-repeat; background-position:bottom left; margin:0; padding:0 5px 10px 5px; text-align:left;} #ProCatalog h3{ display: block; padding: 2px; margin-bottom: 5px; color: #FFFFFF; font-size:16px;} #ProCatalog .price_gray{ color:#fff; font-family: "Times New Roman", Times, serif; font-size:1.0em;} #ProCatalog .price_gold{ color: #e8d39a; font-family: "Times New Roman", Times, serif; font-size:1.7em;} #ProCatalog .ImageBox .ProBorder{ background-image:url(../image/border_4.gif); text-align:center; width:160px; height:160px; background-repeat: repeat-x; background-position:left top; padding-top:4px;} #ProCatalog span { font-size:1.8em; color:#6a017c;} #ProCatalog .ImageBox .cartAdd a{ display: block; border-top: 1px dotted #555555; border-bottom: 1px dotted #555555; padding-top: 8px; padding-bottom: 8px; margin-top: 5px; background-image: url(../image/cart.gif); background-repeat:no-repeat; background-position: 18px 12px; padding-left: 35px;} /* 商品內容欄位 */ #ContentLCol{ float:left; width:350px; margin-right:25px; text-align:left; margin-left:25px; } #ContentRCol{ float:right; width:250px; padding-left:0px; background-color: #CC3300;} /* 商品內容欄位 */ #GiaContentLCol{ float: left; width:525px; margin-right:15px;} #GiaContentRCol{ float: left;} .photo { width:300px; height:300px; } .thumbnail{ width:300px; margin-top:10px; clear:both;} .thumbnail ul{ margin:0; padding:0; list-style: none;} .thumbnail li{ float:left; margin-right:1px;} .thumbnail li a img { border: 1px solid #ececec;} .thumbnail li a:hover img{ border: 1px solid #F5C0FF;} /* 購物問題 */ .technology{ /*header of 2nd demo*/cursor: hand; cursor: pointer; margin: 15px 0; border-bottom: 1px dotted #99292c; padding: 8px; display:block; font-size: 1.2em;} .thelanguage{ padding: 0 12px;} .openlanguage{ /*class added to contents of 2nd demo when they are open*/color: #fbaf5d;} .closedlanguage{ /*class added to contents of 2nd demo when they are closed*/color: #e8d39a;} table.datatable03 { /*font: 0.8em/1.6em "Trebuchet MS",Verdana,sans-serif; border-collapse: collapse;*/ font-size:0.85em;} table.datatable03 caption {font-weight:bold; color: #e8d39a; font-size:16px;} table.datatable03 th,table.datatable03 td { border-left: 0; padding: 5px; text-align:center;} /*caption,*/table.datatable03 thead th,table.datatable03 tfoot th,table.datatable03 tfoot td { background-color: #F5C0FF; color: #fff; /*font-weight: bold;*/ text-transform: uppercase; background-image:url(../image/bg_th1.jpg); background-repeat:repeat-x;} table.datatable03 thead th { background: url(../image/bg_th.jpg) no-repeat right; height: 40px; color: #FFFFFF; padding: 0px 7px; margin: 10px 0px 0px; /* background-color: #F5C0FF;*/ color: #fff; text-align: center; font-weight: normal;} table.datatable03 tbody td { padding: 15px 10px; border-bottom:1px dotted #633651} table.datatable03 tbody tr{ background-color: #230006; color: #fff;} table.datatable03 tbody tr.odd { background-color: #1c0005; color: #fff} table.datatable03 tbody a{ color: #e8d39a;} table.datatable03 tbody a:hover{ color: #CC0000;} /*table.datatable03 tbody a { padding: 1px 2px; color: #333; text-decoration: none; border-bottom: 1px dashed #6A017C;} table.datatable03 tbody a:active,table.datatable03 tbody a:hover,table.datatable03 tbody a:focus,tbody a:visited { color: #666} table.datatable03 tbody tr:hover { background-color: #EEE; color: #333} table.datatable03 tbody tr:hover a { background-color: #FFF} table.datatable03 tbody td+td+td+td a { color: #C30; font-weight: bold; border-bottom: 0} table.datatable03 tbody td+td+td+td a:active,table.datatable03 tbody td+td+td+td a:hover, table.datatable03 tbody td+td+td+td a:focus,tbody td+td+td+td a:visited {color: #E63C1E} tbody td a[href="http://www.rodcast.com.br/"] { margin: 0 auto; display: block; width: 15px; height: 15px; background: transparent url('data:image/gif;base64,R0lGODlhDwAPAIAAACEpMf///yH5BAAAAAAALAAAAAAPAA8AAAIjjA8Qer0JmYvULUOlxXEjaEndliUeA56c97TqSD5pfJnhNxYAOw%3D%3D') no-repeat; text-indent: -999em; border-bottom: 0} table.datatable03 tbody a:visited:after { font-family: Verdana,sans-serif; content: "\00A0\221A"}*/ .datatable04 {border-collapse: collapse; } .datatable04 caption {padding: .5em; text-align: left; /*font-size: 1.4em;*/ font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #210006; background-image:url(../image/bg_th.jpg); background-repeat:repeat-x;} .datatable04 td, .datatable04 th { border-bottom: 1px dotted #d33651; padding: .4em; font-weight:normal;} .datatable04 tbody tr.odd{ /*background-color:#2e0108;*/} .ad ul{ margin:0; padding:0; list-style:none;} .ad li{ float:left;} /* 廣告輪播 */ .table_1_1 { padding:1px; width: 498px; /*MARGIN-RIGHT: 6px;*/ HEIGHT: 235px;} .table_1_1_pic { WIDTH: 498px;} .table_1_1_title { FLOAT: left; WIDTH: 330px; PADDING-TOP: 5px; TEXT-ALIGN: left;} .table_1_1_page { FLOAT: right; WIDTH: 160px; PADDING-TOP: 2px; TEXT-ALIGN: right;} table.datatable05 {border-collapse: collapse; border: 0 solid #ccc; /*font: normal 80%/140% arial, helvetica, sans-serif;*/ color: #555; background: #fff; font-size:0.85em; width:320px;} table.datatable05 td, table.datatable05 th {/*border-bottom: 1px dotted #bbb;*/ padding: .2em; font-weight:normal;} table.datatable05 td{ text-align:left;} table.datatable05 caption {padding: .5em; text-align: left; /*font-size: 1.4em;*/ font-weight: bold; text-transform: uppercase; color: #333; border-bottom: 2px solid #ccc; background-color: #ececec;} table.datatable06 {border-collapse: collapse; border: 1px solid #ccc; /*font: normal 80%/140% arial, helvetica, sans-serif;*/color: #fff; font-size:0.85em; text-align:center} table.datatable06 td, table.datatable05 th {/*border-bottom: 1px dotted #bbb;*/ padding: 10px; font-weight:normal; text-align:center; border:1px solid #ccc;} table.datatable06 td{ text-align:center; border:1px solid #ccc;} table.datatable06 caption {padding: .5em; text-align: left; /*font-size: 1.4em;*/ font-weight: bold; text-transform: uppercase; color: #333; border-bottom: 2px solid #ccc; background-color: #ececec;}