@import url(font.css);
@import url(talk.css);
@import url(input.css);
@import url(store.css);
@import url(index.css);

/*綜合設定
---------------------------------------------------- */
ul { margin: 0; padding: 0; list-style-type: none; }
.clear { clear:both; } /*勿刪*/

/* 頁面共用包覆
---------------------------------------------------- */
#wrapper {  margin: 0 auto; padding:8px 8px 8px 0; background:#FFF; background:#FFF; width:1000px; }
#wrapper2 { margin: 0 auto; padding: 0; width:1000px; background:#FFF; overflow:hidden; }
#wrapper3 { margin: 0 auto; padding: 0; width:100%; background:#FFF; overflow:hidden; }
#wrapper4 { margin: 0 auto; padding: 8px 8px 8px 8px; background:#FFF; overflow:hidden; }

/* 內頁包覆 */
#pagebody { width: 984px; padding: 0px; margin: 0 auto; }
#pagebody1 {  padding: 0px; margin: 0 auto; }

/* 修正firefox */
#pagebody:after { content: "."; display: block; height: 0; clear: both; }


/* 聲明
---------------------------------------------------- */
#footer  { position: relative; height: 50px; margin: 0px auto; width:100%; 
           background:#000; clear: both; }
#footer .contents  { width: 800px;  height: 40px; margin: 0 auto; padding-top:5px; text-align: center; color:#fff; }
*+html #footer .contents { margin: 5px auto !important; padding:0 !important;}
*html #footer .contents { margin: 5px auto; padding:0;}


/*  雜誌區   */
/* 頁面包覆
---------------------------------------------------- */
#magazine-pagebody { width: 962px; padding: 8px; margin:8px; border: 1px solid #000; border-left : 5px solid #000; }
/* 中間
---------------------------------------------------- */
#magazine-div1 { width: 962px; height: 20px; margin:0; padding:0; text-align: justify; 
                 background: url(images/magazine/magazine-header.gif) no-repeat ; }
#magazine-div1 span { float:right; margin-top:6px; padding:0; height: 13px; display:block; 
                      font: bold 12px  Arial, verdana, sans-serif, 新細明體; }
#magazine-div2 { margin: 0; padding:0; height: 20px;
                 background: url(images/magazine/mag-title.gif) 0% 30% no-repeat ; }
#magazine-div2 span { float:left; margin:0 0 0 110px; padding:0; height: 15px; color:#990000; 
                      display:block; display:inline;font: bold 14px verdana, Arial, sans-serif, 新細明體; }
#magazine-div3 { margin-top: 15px; padding:0; width: 962px; height: 20px; 
                    background: url(images/magazine/mag-title-1.gif) 0% 30% no-repeat ; }
#magazine-div3 span { float:left; margin:0 0 0 17px; padding:0; height: 20px; color:#990000; display:block; display:inline;
                        font: bold 14px verdana, Arial, sans-serif, 新細明體; vertical-align:top; }
#magazine-div4 { margin-top: 15px; padding:0; width: 962px; height: 20px;
                 background: url(images/magazine/mag-title-2.gif) 0% 30% no-repeat ; }
#magazine-div4 span { float:left; margin:0 0 0 110px; padding:0; height: 15px; color:#990000; display:block; display:inline;
                        font: bold 14px verdana, Arial, sans-serif, 新細明體; }
.magazine-div5 { margin-top: 2px; padding:0; width: 960px; border: 1px solid #999;
                      background: url(images/magazine/magazine-bg.jpg) repeat-y ; }
.magazine-div5-left { float:left; margin:9px 0 9px 9px; padding:0; width:202px; display:inline; }
.magazine-div5-left .contents { width: 202 px; height: 270px; }
.magazine-div5-left .contents img { border: 1px solid #999; width:200 px; }
.magazine-div5-left .contents1 { width: 202px; background:#FFF; margin:0; _margin-top:10px; padding:0; }
*+html .magazine-div5-left .contents1 { margin-top:10px !important; }
.magazine-div5-left .contents1 .wrap { width: 155px; background:#FFF; margin: 10px auto 8px auto; _margin: 16px auto 8px auto; padding:8px; _padding:0; text-align:center; }
*+html .magazine-div5-left .contents1 .wrap { margin: 16px auto 8px auto !important; padding:0 !important; }
.magazine-div5-left .contents1 .box { width: 155px; margin: 0 auto 8px auto; font: 13px verdana, Arial, sans-serif, 新細明體; }
.magazine-div5-right { float:right; margin:9px 9px 9px 0; padding:0; width:715px; display:inline; }
.magazine-div5-right h1 { font: bold 15px verdana, Arial, sans-serif, 新細明體; line-height: 20px; margin:0; }
.magazine-div5-right h2 { font: bold 15px  verdana, Arial, sans-serif, 新細明體; line-height: 20px; margin: 15px 0 0 0; }
.magazine-div5-right h3 { font: 13px Arial, verdana, sans-serif, 新細明體; margin: 15px 0 0 0; color:#0066CC; }
.magazine-div5-right h4 { font: bold 15px Arial, verdana, sans-serif, 新細明體; margin:0 0 5px 0 ; color:#C20000; padding-left: 315px; }
.magazine-div5-right h5 { font: 13px Arial, verdana, sans-serif, 新細明體; margin: 10px 0 0 0; color:#0066CC; padding-left: 315px;}
.magazine-div5-right .hr { width:715px; height: 20px; margin:0; background: url(images/talk/hr.gif) 100% 50% repeat-x; }
.magazine-div5-right .right-div1 { width:700px; text-align: justify; }
.magazine-div5-right .right-div1 p { font: 12px  Arial, verdana, sans-serif, 新細明體; line-height: 20px; margin:0; }
.magazine-div5-right .right-div2 { width:700px; text-align: justify; }
.magazine-div5-right .right-div2 p { font: 12px  Arial, verdana, sans-serif, 新細明體; line-height: 20px; padding-left: 315px; 
                                     margin:0; }
.magazine-div5-right .right-div2 img { float:left; width:300px; border: 1px solid #999; }
.magazine-div5-right .right-div3 { width:700px; margin-top: 8px;}
.magazine-div5-right .right-div3 span { float:right; margin:0; padding:2px 4px 2px 4px; width:120px; height: 15px; color:#FF0000; display:block;                          display:inline; font: 12px  Arial, verdana, sans-serif, 新細明體; 
                                        border: 1px solid #FF0000; background: url(images/magazine/circle.gif) 97% 52% no-repeat ; }
.magazine-hr { margin:3px 0 0 0 ; padding:0; width: 962px; height: 10px;
                    background: url(images/talk/hr.gif) repeat-x ; }
/*  雜誌區   */

/* 內頁包覆 */
#overdue-pagebody { width: 970px; padding: 8px 8px 0 0; margin: 8px; border: 1px solid #000; border-left : 5px solid #000;  }

/* 中間
---------------------------------------------------- */
.overdue-hr { margin:3px 8px 0 8px ; padding:0; width: 962px; height: 10px;
                    background: url(images/talk/hr.gif) repeat-x ; }
#overdue-div1 { width: 946px; height: 20px; margin:0 8px 0 8px; padding:0; text-align: justify; 
                 background: url(images/overdue/overdue-header.gif) no-repeat ; }
#overdue-div1 span { float:right; margin-top:6px; padding:0; height: 13px; display:block; 
                      font: bold 12px  Arial, verdana, sans-serif, 新細明體; }
#overdue-div2 { margin: 0 8px 0 8px; padding:0; width: 946px; height: 20px;
                 background: url(images/overdue/overdue-title1.gif) 0% 30% no-repeat ; }
#overdue-div2 .annotations { margin: 0 0 0 130px; font:12px  Arial, verdana, sans-serif, 新細明體; color:#c02000; line-height:21px; }
#overdue-div3 { margin: 5px 8px 0 8px; padding:0 0 0 16px; width: 946px; height: 20px; font:bold 13px  Arial, verdana, sans-serif, 新細明體; background: url(images/overdue/overdue-title-1.gif) 0% 30% no-repeat ; color:#900; }
#overdue-div3 span.title { float:left; margin:0 0 0 17px; padding:0; height: 20px; color:#990000; display:block; display:inline;
                        font: bold 14px verdana, Arial, sans-serif, 新細明體; vertical-align:top; }
#overdue-div3 span.annotations { float:left; margin:0 0 0 20px; font:12px  Arial, verdana, sans-serif, 新細明體; color:#c02000; display:block; display:inline; line-height:21px;}
#overdue-div4 { margin: 5px 8px 0 8px; padding:0; width: 946px; height: 20px; background: url(images/overdue/overdue-title-2.gif) 0% 30% no-repeat ; }
#overdue-div4 .annotations { margin: 0 0 0 130px; font:12px  Arial, verdana, sans-serif, 新細明體; color:#c02000; line-height:21px; }
.overdue-div5 { margin: 2px 0 0 1px; padding:0; width: 970px; }
.overdue-div5 ul li { float:left; width:232px; height: 105px; margin: 0 0 8px 8px; border: 1px solid #999; 
                      display:inline; background:#fff; }
.overdue-div5 ul li a img { opacity:1; filter:alpha(opacity=100); }
.overdue-div5 ul li a:hover img { opacity:0.6; filter:alpha(opacity=60); }
.overdue-div5 ul li .li-1 { float: left; margin:2px 3px 3px 0; width: 138px; height:76px; display:inline; }
.overdue-div5 ul li .li-2 { float: left; margin:3px 3px 3px 0; width: 138px; _ width: 130px; height:15px; color:#FF0000; 
                         font: 13px  Arial, verdana, sans-serif, 新細明體; display:inline; }
.overdue-div5 ul li img { float: left; margin:3px 8px 3px 3px; width: 73px; border: 1px solid #999; }
.overdue-div5 ul li h1 { font: bold 13px  Arial, verdana, sans-serif, 新細明體; margin: 0; color:#003399; }
.overdue-div5 ul li p { font: 12px Arial, verdana, sans-serif, 新細明體; line-height: 18px; margin: 3px 0 0 0; color:#666; }
.overdue-div5 ul li#c1 { float:right; width:224px; height: 105px; border:0; display:inline; }
.overdue-div5 ul li#c2 { float:right; width:964px; height: 36px; border:0; display:inline; }
.overdue-div5 ul li#c1 img { float:right; width: 114px; height: 36px; border:0; margin-top: 69px; }
.overdue-div5 ul li#c2 img { float:right; width: 114px; height: 36px; border:0; }

/*   訂閱好禮 */
/* 頁面包覆
---------------------------------------------------- */
#subscribe-pagebody { width: 962px; padding:8px 8px 0 8px; margin: 8px ; }
*+html #subscribe-pagebody { padding:8px; }
/* 中間
---------------------------------------------------- */
#subscribe-div1 { width: 962px; height: 20px; margin:0; padding:0; text-align: justify; 
                 background: url(images/subscribe/subscribe-header.gif) no-repeat ; }
.subscribe-hr { margin:3px 0 0 0 ; padding:0; width: 962px; height: 10px;
                    background: url(images/watch/hr.gif) repeat-x ; }
.subscribe-div2 { width: 960px; margin-top: 2px; padding:0; }
.subscribe-div2 ul { width: 960px; }
.subscribe-div2 ul li { float:left; width:960px; height: 220px; margin-bottom: 8px; border: 1px solid #999; display:inline; }
.subscribe-div2 ul li#a1 { background: url(images/subscribe/subscribe-bg1.gif) no-repeat; }
.subscribe-div2 ul li#a2 { background: url(images/subscribe/subscribe-bg2.gif) no-repeat; }
.subscribe-div2 ul li#a3 { background: url(images/subscribe/subscribe-bg3.gif) no-repeat; }
.subscribe-div2 ul li#a4 { background: url(images/subscribe/subscribe-bg4.gif) no-repeat; }
.subscribe-div2 ul li#a5 { background: url(images/subscribe/subscribe-bg5.gif) no-repeat; }
.subscribe-div2 ul li .div-1 { float: left; margin:8px; width: 120px; height:202px; display:inline; text-align:center; }
.subscribe-div2 ul li .div-1-1 { width: 118px; height:180px; }
.subscribe-div2 ul li .div-1-1 img { width: 118px; height:161px; border: 1px solid #999; }
.subscribe-div2 ul li .div-2 { float: left; margin:55px 0 8px 44px; width: 530px; display:inline; }
.subscribe-div2 ul li .div-3 { float: right; width:500px; margin:32px 8px 0 0; font: 13px Arial, verdana, sans-serif, 新細明體; text-align:right; display:inline; }
.subscribe-div2 ul li .div-4 { float: right; width:40px; height:40px; margin:33px 12px 0 0;
                               font:bold 15px Arial, verdana, sans-serif, 新細明體; color:#fff; display:inline; }
.subscribe-div2 ul li .div-5 { float: right; width:500px; margin:30px 20px 0 0; text-align:right; display:inline;
                               font: 13px Arial, verdana, sans-serif, 新細明體; text-align:right; }
.subscribe-div2 ul li h1 { font: bold 13px  Arial, verdana, sans-serif, 新細明體; margin: 0; color:#003399; }
.subscribe-div2 ul li p { font: 12px Arial, verdana, sans-serif, 新細明體; line-height: 22px; margin: 0; color:#666; }
.subscribe-div2 ul li strong {color:#003399; font: bold 15px Arial, verdana, sans-serif, 新細明體;}


/*   品牌資訊
---------------------------------------------------- */
#brand-pagebody { width: 962px; padding: 8px; margin: 8px ; }
#brand-pagebody span { display:block; }

/* 中間
---------------------------------------------------- */
#brand-div1 { width: 962px; height: 20px; margin:0; padding:0; text-align: justify; 
                 background: url(images/brand/brand-header.gif) no-repeat ; }
#brand-div2 { margin: 0; padding:0; width: 962px; height: 20px; font: 13px Arial, verdana, sans-serif, 新細明體; }
#brand-div2 a { color: #ee6633; text-decoration: none; border: 1px solid #e1e1e1; margin-right:3px; 
                font: 12px Arial, verdana, sans-serif; padding:0 5px 0 5px; }
#brand-div2 a:hover { color: #003399; text-decoration: none; }
#brand-div3 { margin-top: 4px; padding:0; width: 962px; }
#brand-div3 table { border-collapse:collapse; border: 1px solid #999; }
#brand-div3 th, td { border: 1px solid #999; }
#brand-div3 td { border-top:1px solid #999; border-bottom: 1px solid #999; border-left:none; border-right:none; }
#brand-div3 .thead { background:url(images/brand/viewforum-title1.jpg) 100% 100% repeat-x; color:#fff; font: bold 13px  Arial, verdana, sans-serif, 新細明體; height:30px; *height:5px; _height:10px;}
#brand-div3 .B1 { background:#F6F6F6; margin:0; padding:10px; }
#brand-div3 .B2 { background:#FFFFFF; color:#000000; margin:0; padding:5px; }

#brand-div3 table a:link, a:active, a:visited { color: #003399; text-decoration: none; }
#brand-div3 table a:hover { color: #C20000; text-decoration: underline; }
#brand-div4 { margin-top: 8px; padding:0; width: 946px; font: bold 13px Arial, verdana, sans-serif, 新細明體; text-align:center; }
.brand-hr { margin:3px 0 0 0 ; padding:0; width: 962px; height: 10px;
                    background: url(images/talk/hr.gif) repeat-x ; }


/* 頁面包覆
---------------------------------------------------- */
#search-wrapper { margin: 0 auto; padding: 8px; width:1000px; background: #fff; zoom:1; }

/* 內頁包覆 */
#search-pagebody { width: 978px; padding: 0px; margin:8px; height:100%; }
#search-pagebody form { padding:0; margin:0; }
#search-pagebody span { display:block; }

/* 中間
---------------------------------------------------- */
#search { margin: 8px; }
#search .hr { height:4px; overflow:hidden; margin:0; background: url(images/watch/hr1.gif) repeat-x ; }
#search .dictionary { height: 35px; background: url(images/Search/search-bg.gif) no-repeat; overflow:hidden;}
#search .dictionary .keywords  { margin:8px 0 0 90px; *margin:8px 0 0 45px; _margin:8px 0 0 30px; float:left; display:block; }
#search .dictionary .keywords input { width: 110px; height: 17px; border:0; padding-top:3px; background:transparent; }
#search .dictionary .button { float:left;  display:block; margin:7px 0 0 165px; *margin:7px 0 0 160px; _margin:7px 0 0 160px; }
#search .contents { margin:8px 0 0 0; }
#search .contents table {border:0; }
#search .contents th, td { border:0; }
#search .contents .searchimg { width:300px; margin-right:10px; }
#search .contents .searchresults { margin:0; }
#search .contents h1 { margin:0; padding:0 0 0.3em 0; font: bold 17px Arial, verdana, sans-serif, 新細明體; color: #0066CC; }
#search .contents h2 { margin:0; padding: 8px 8px 0 0; color: #C7030B; font: bold 13px Arial, verdana, sans-serif, 新細明體; }
#search .contents p { margin:0; padding:0.5em 0 10px 0;  font: 12px Arial, verdana, sans-serif, 新細明體; 
                       line-height: 20px;  color: #000;}
#search .contents p#hr { background: url(images/wwwm/line.gif) repeat-x ; padding:0; height:3px; overflow:hidden; }

#orderway { width:293px; *width:300px; _width:300px; height:234px; *height:236px; _height:236px; border:1px solid #000; border-left:5px solid #000; margin:8px; }
#orderway .contents { margin:8px; }
#orderway .contents div { margin-top:10px; }

.watcher1 { background:#666; width:2000px; height:100%; }
.watcher1 img { vertical-align:top; border:0; background:#000; }
.watcher2 { background:#666; width:2000px; height:1526px; }
.watcher2 img { vertical-align:top; border:0; background:#000; }