﻿/* CSS Document */
/* 出版社列表、橄欖部落格#oliveblog_box,，暫時先隱藏*/ /* #right_box4 = 訂閱電子報 */

#footer table tbody tr td div {
width:1000px;
clear:both;
margin:auto;
}

#right_box3, #oliveblog_box, #right_box_preview, #commend_box, #right_box_pro {
display:none;
}


body { 
color:#737373;
font-family:"verdana","Georgia","apple LiGothic Medium","arial","Courier","Helvetica","Times";

font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:20px;
margin:0;
padding:0;
}

h1, h2, h3, h4, h5, p, form, select, input , input textarea {
margin:0;
padding:0;
}

img { border:0px; 
}

.img_query {
vertical-align:middle;
}

/* 基本超連結樣式，綠色 + 游標上移後出現底線*/
a {
color:#65840E;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}


input ,textarea, select 
{

border:solid 1px #bab0a4; /*2009.11.12修正 1px =>0px*/

padding:2px;
margin:0;
color:#737373;
/*text-align:absmiddle; */

}

/* 搜尋列的搜尋框樣式 */
#searchbar input {
border:solid 1px #bab0a4;
padding:2px;
margin:0;
color:#737373;
/*text-align:absmiddle; */
}

/* header 區域 */
#header {
background:transparent url(../_image/top_bg.jpg) repeat-x scroll center top;
height:189px;
margin-bottom:1px;
border-bottom:1px solid;
line-height:10px;

#line-height:15px;
_line-height:15px;
}

/* header 區域的廣告圖片 */
#header_center {
background:transparent url(../_image/2016_new_banner.jpg) repeat-x scroll center top;
margin:auto;
width:1017px; /* 1002px */
height:125px; /* 原本的 height:189px;  */
}
/* header 區域 廣告的點擊區域 */
#header #header_ad {
float:left;
height:90px;
width:750px;
padding-top:5px;
}

/* header 區域 公司Logo */
#header #cclmlogo {
background:url(../_image/cclmlogob.gif);
width:197px;
height:114px;
float:left;
}

/* header 區域 上方選單 */
#header #top_menu {
color:#fff; /* 原本的 color:#737373; */

float:right;
padding-right:30px;

#padding-top:15px;
_padding-top:15px;
}
#header #top_menu li {
float:left;
list-style:none;
padding-left:3px;
}

#header #top_menu a {
color:#fff; /* 原本的 color:#737373; */
}

#header #top_menu a:hover {
color:#737373; /* 原本的 color:#737373; */
text-decoration:underline;
}


/* header 區域 主選單 */
#header #main_menu {
float:left;
height:30px; /* 原本的 height:30px; */
width:970px;
padding-top:1px;
#padding-top:6px;
_padding-top:6px;
}

#header #main_menu li {
float:left;
list-style:none;
color:#FFFFFF;
font-size:15px;
padding-left:5px;
}

#header #searchbar {
float:left;
width:870px;
vertical-align:middle;
padding-top:10px;
padding-left:3px;
#padding-top:0px;
_padding-top:0px;
#margin-top:-3px;
_margin-top:-3px;
}

#header #searchbar li {
float:left;
list-style:none;
padding-left:5px;
}



#header #main_menu a {
color:#FFFFFF;
}

#header #main_menu a:hover {
color:#FFFF00;
background: #000000;
}

#header #searchbar a {
color: #FF6600;
}

#header #searchbar a:hover {
color:#737373;
text-decoration:underline;
}


#main {
clear:both;
margin:auto;
width:1000px;
padding-top:2px;
background: #FFF;
}

#content {
float:left;
width:774px;
margin:0px 0px 0px 10px;
#width:764px;
_width:764px;
}


#left_block {
float:left;
width:184px;
margin-left:20px;

#margin-left:4px;
_margin-left:4px;
}

#mid_block {
float:right;
width:560px;

#width:560px;
_width:560px;
}



#mid_block h3, #php_content_box h3 {
font-size:140%;
}

#mid_block h4, #left_block h4, #php_content_box h4 {
color:#000000;
font-weight:100;
font-size:110%;
}

#right_block {
float:right;
width:205px;
margin-right:10px;
}

#right_block ul, #right_block ol, #commend_content ul, #commend_content ol, #oliveblog_content ul, #oliveblog_content ol {
padding:0px 0px 0px 25px;
margin:0px;
}

#footer {
margin-top:10px;
padding-top:10px;
border-top:1px solid;
text-align:center;
width:auto;
}

#foot_menu {

}


/* 左 中 右 box 共用 */
#week_sales, #today_sales, #right_box_login, #commend_box, #left_box2, #right_box_preview, #right_box_topsale, #right_box_pro, #right_box_promotion, #right_box1, #right_box2, #right_box3, #right_box4, #right_box_query, #right_box_hotbuy {
margin:5px 0 10px 0;
}


#week_sales_title h2 span, #today_sales_title h2 span, #box_commend_title h2 span, #box_oliveblog_title h2 span, #box2_title h2 span,#rbox_login_title h2 span, #rbox_topsale_title h2 span, #rbox_preview_title h2 span, #rbox_pro_title h2 span, #rbox_promotion_title h2 span, #rbox1_title h2 span, #rbox2_title h2 span, #rbox3_title h2 span, #rbox4_title h2 span, #rbox_query_title h2 span, #rbox_hotbuy_title h2 span {
display:none;
}

/* box1 */
#week_sales_title h2 {
background:transparent url(../_image/box_week_sales_title.gif) no-repeat scroll center ;
}
#today_sales_title h2 {
background:transparent url(../_image/box_today_sales_title.gif) no-repeat scroll center ;
}
#week_sales_title h2, #today_sales_title h2 {
width:178px;
height:38px;
}

#week_sales_title, #today_sales_title {
background:transparent url(../_image/box1_titlebg.jpg) no-repeat scroll center top;
width:178px;
height:38px;
}

.box1_content {
width:152px;
/*border-left:7px solid #9f9fa1; 
border-right:7px solid #9f9fa1;*/

border-left:7px solid #ffcccc;
border-right:7px solid #ffcccc;
padding:0 6px 0 6px;
text-align:center;
}

.box1_end {
background:url(../_image/box1_end.jpg) no-repeat top center;
width:178px;
height:12px;
}

/* left box */
#box_commend_title h2, #box_oliveblog_title h2, #box2_title h2 {
width:178px;
height:38px;
} 

#box_commend_title h2 {
background:transparent url(../_image/box_commend_title.gif) no-repeat scroll center top;
}

#box_oliveblog_title h2 {
background:transparent url(../_image/box_oliveblog_title.gif) no-repeat scroll center top;
}

#box2_title h2 {
background:transparent url(../_image/box2_title.gif) no-repeat scroll center top;
}

#box2_title, #box_commend_title, #box_oliveblog_title {
background:transparent url(../_image/box2_titlebg.jpg) no-repeat scroll center top;
width:178px;
height:38px;
}

#box2_content, #commend_content, #oliveblog_content {
width:152px;
border-left:7px solid #dddddd;
border-right:7px solid #dddddd;
padding:0 6px 0 6px;

#padding:0 0px 0 6px;
_padding:0 0px 0 6px;
}

#commend_content, #oliveblog_content {
#padding:0 6px 0 6px;
_padding:0 6px 0 6px;
}

#box2_end {
background:url(../_image/box2_end.jpg) no-repeat top center;
width:178px;
height:12px;
}

/* right box */
#rbox_login_title h2, #rbox_topsale_title h2, #rbox_preview_title h2, #rbox_pro_title h2, #rbox_promotion_title h2, #rbox1_title h2, #rbox2_title h2, #rbox3_title h2, #rbox4_title h2, #rbox_query_title h2, #rbox_hotbuy_title h2 {
width:178px;
height:32px;
background:transparent no-repeat scroll center top;
}

#rbox_login_title h2 {
background:url(../_image/rbox_login_title.gif);
}

#rbox_topsale_title h2 {
background:url(../_image/rbox_topsale_title.gif);
}

#rbox_preview_title h2 {
background:url(../_image/rbox_preview_title.gif);
}

#rbox_pro_title h2 {
background:url(../_image/rbox_pro_title.gif);
}

#rbox_promotion_title h2 {
background:url(../_image/rbox_promotion_title.gif);
}

#rbox_hotbuy_title h2 {
background:url(../_image/rbox_hotbuy_title.gif);
}

#rbox1_title h2 {
background:url(../_image/rbox1_title.gif);
}

#rbox2_title h2 {
background:url(../_image/rbox2_title.gif);
}

#rbox3_title h2 {
background:url(../_image/rbox3_title.gif);
}

#rbox4_title h2 {
background:url(../_image/rbox4_title.gif);
}

#rbox_query_title h2 {
background:url(../_image/rbox_query_title.gif);
}

#rbox_login_title, #rbox_topsale_title, #rbox_preview_title, #rbox_pro_title, #rbox_promotion_title, #rbox1_title, #rbox2_title, #rbox3_title, #rbox4_title, #rbox_query_title, #rbox_hotbuy_title {
background:transparent url(../_image/rbox_titlebg.jpg) no-repeat scroll center top;
width:185px;
height:32px;
}

.rbox_content ol a {
color: #990000;
}

.rbox_content {
width:169px;
border-left:2px solid #cfcfcf;
border-right:2px solid #cfcfcf;
padding:0 6px 0 6px;
}

.rbox_end {
background:url(../_image/rbox_end.jpg) no-repeat top center;
width:185px;
height:6px;
}

/* 中央 box */

#mid_block h2 span {
display:none;
}
#midbox1 h2, #midbox2 h2, #midbox3 h2, #midbox_login h2, #midbox_password h2, #midbox_addmember h2 {
width:547px;
height:52px;
}

#midbox1 h2 {
background:url(../_image/midbox1_title.gif)  no-repeat scroll center top;
}
#midbox2 h2 {
background:url(../_image/midbox2_title.gif)  no-repeat scroll center top;
}
#midbox3 h2 {
background:url(../_image/midbox3_title.gif)  no-repeat scroll center top;
}
#midbox_login h2 {
background:url(../_image/midbox_login_title.gif)  no-repeat scroll center top;
}
#midbox_password h2 {
background:url(../_image/midbox_password_title.gif)  no-repeat scroll center top;
}
#midbox_addmember h2 {
background:url(../_image/midbox_addmember_title.gif)  no-repeat scroll center top;
}
.newproduce td {
text-align:center;
padding:0px 20px;
}

#midbox_addmember p {
line-height:150%;
padding-bottom:5px;
}

#php_content_box {
width:880px
}

#php_content_box ul{
width:800px;
display: inline-block; 

}


#php_content_box h2 {
font-size:150%;
padding: 10px 0px 14px 0px;
color: #000;
}

#php_content_box h3 {
padding: 6px 0px 14px 0px;
color: #65840E;
}

#readbible {
margin-top:20px;
}

#readbible h3 {
color: #65840E;
}

#php_content_box h3 span {
border:0px;
border-left:7px solid #65840E;
border-bottom: 1px solid #65840E;
padding: 5px;
}
#typelist {
padding-left:40px;
}

#typelist ul li {
float:left;
list-style-type: circle;
width:200px;
line-height:200%;
}
.floatleft {
float:left;
padding: 0 30px;
line-height:200%;
}

/* 其他 細微 class*/

.right {
text-align:right;
}
.textcenter {
text-align:center;
}
.textcenter2 {
text-align:center;
line-height:200%;
}
.clear {
clear:both;
visibility:hidden;
}

.speccost, .textstyle1 {
color:#FF6600;
}
.speccost2 {
color:#FF6600;
font-size:135%;
}

.textstyle2 {
line-height:200%;
}
.textstyle3{
color:#000000;
}

.sitelinks a {
text-decoration:underline;
}
.sitelinks a:hover {
text-decoration:none;
}
.hr_line {
height:55px;
background:url(http://mall.cclm.tw/3cserve/shop/images/dot_line_1.gif) repeat-x center;
}
.hr_line2 {
height:55px;
width:540px;
background:url(http://mall.cclm.tw/3cserve/shop/images/dot_line_1.gif) repeat-x center;
}
.block {
margin:10px 50px;
}
.block2 {
margin:10px 50px;
border-top: 1px solid #666666;
padding:10px 0px;
}
/*
#content div {
text-align:left;
}


#table1 {
table-layout:fixed;
}
#table1 tr td {
word-break : break-all;
}
*/


/* 商品簡介商品說明嘗試修正 */
#table1 p {
padding-bottom:10px;
}

/* 電子看板專用的CSS */

#editor {
font-size: 11pt;
line-height: 150%;
text-align: left
}

#editor p {
padding-bottom:5px;
}

#editor .aright {
text-align: right;
}

/* 修正 成鼎網站的錯誤 */

center {
text-align:left;
}

center table {
text-align:left;
/* color:#000000; */
}

.qahidden {
display:none;
}
.qashown {
display:block;
}
.mainbible {
background-color:#FFFFCC;
}

#table7 div {
text-align: left;
}



#table3 {
text-align: left;
}

/* 2009.12.17 修正英文商品名稱破壞版面問題*/
td {
word-break:break-all;
}


/* 送貨方式 註解修正*/
td b {
font-size: 120%;
}
td b span {
font-size: 80%;
font-weight:500;
}
/*送貨方式 註解修正 結束*/

.cssfix001 {
line-height:50px;
}
.cssfix002 {
padding-left:40px;
}

.style12 {
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
}


.buttom {
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	width: 705px;
}
.TabOne {
	background-image:url(http://mall.cclm.tw/_weekpromotion/table_background_01.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:710px;
	margin-left:5px
}
.TabTwo {
	background-image:url(http://mall.cclm.tw/_weekpromotion/table_background_02.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:710px;
	margin-left:5px;
	padding-top: 12px;
	padding-bottom: 6px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #732600;
}
.MethodUp {
	width:705px;
	margin-left:10px;
	background-image: url(http://mall.cclm.tw/_weekpromotion/method_b_t.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
}
.MethodM {
	width:705px;
	margin-left:10px;
	background-image: url(http://mall.cclm.tw/_weekpromotion/method_b_b.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
}
.MethodDown {
	width:705px;
	margin-left:10px;
	background-image: url(http://mall.cclm.tw/_weekpromotion/method_b_d.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
}
.IntroM {
	width:697px;
	margin-left:11px;
	background-image: url(http://mall.cclm.tw/_weekpromotion/intro_b_b.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	padding-right: 7px;
}
.IntroDown {
	width:697px;
	margin-left:11px;
	background-image: url(http://mall.cclm.tw/_weekpromotion/intro_b_d.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-right: 7px;
	background-color: #FFF;
}

.title a:link{
	margin-top:8px;
	color:#37291f;
}
.title a:visited{
	margin-top:8px;
	color: #666;
}
.title a:hover{
	margin-top:8px;
	color: #CCC;
}
.title{
	font-size:11pt;
	margin-top:8px;
	color:#37291f;
}
.price{
	font-size:10pt;
	margin-top:5px;
	color:#37291f;
	line-height: 17pt;
	width: 100px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #37291F;
	padding-top: 7px;
}

/* 2011.03.31 合作書房 */
.bookstore-zone {
width:148px;
float:left;
padding:0px 13px;
}

.hr-div {
clear:both;
border-top:solid 1px #000000;
}

.clear-zone {
clear:both;
}

.spech4 {
font-size:130%;
font-weight:bold;
}

.bookstore {
border:0px; padding-bottom:10px;
}
.table_title td {
border-bottom: 2px solid #000000;
}
.table_content {
padding: 0px 0px 0px 5px;
}

.table_tr td {
border-bottom: 1px solid #000000;
}

.wcenter {
text-align:center;
}