body {
text-align:center;
margin:10px 0 0 0;
background:url(../image/bg.png) top repeat-x;
}
#container{
font-size:1.2em;
text-align:left;
width:970px;
position:relative;
margin:0 auto;
}
#header{
position:relative;
}
#header a{
color:#000000;
text-decoration:none;
}
#header a:hover{
color:#FF6600;
text-decoration:underline;
}
#header h2{
position:absolute;
top:-1000px;
left:-1000px;
overflow:hidden;
}
#header #top_nav{
position:absolute;
right:150px;
top:20px;
}
#header #top_nav li{
float:left;
}
#header #top_nav li#news{
background:url(../image/top_nav_pic_06.gif) no-repeat;
padding:2px 5px 0 15px;
}
#header #top_nav li#cart{
background:url(../image/top_nav_pic_01.gif) no-repeat;
padding:2px 5px 0 15px;
}
#header #top_nav li#members{
background:url(../image/top_nav_pic_02.gif) no-repeat;
padding:2px 5px 0 15px;
}
#header #top_nav li#sitemap{
background:url(../image/top_nav_pic_03.gif) no-repeat;
padding:2px 5px 0 15px;
}
#header #top_nav li#favorite{
background:url(../image/top_nav_pic_04.gif) no-repeat;
padding:2px 5px 0 15px;
}
#header #top_nav li#contact{
background:url(../image/top_nav_pic_05.gif) no-repeat;
padding:2px 5px 0 15px;
}
.logo_pic img {
margin-bottom:0;
}
.main_nav{
font-size:1em;
padding:8px 0 3px 20px;
position:relative;
height:33px;
background:url(../image/main_nav_body.gif) repeat-x;
}
.main_nav .style01{
margin:-5px 5px -5px 5px;
height:16px;
font-size:1em;
}
.main_nav .style02{
margin-bottom:-5px;
}
.main_nav .style03{
margin:-5px 5px -5px 5px;
font-size:1em;
}
.main_nav .main_head{
width:7px;
height:33px;
position:absolute;
background:url(../image/main_nav_head.gif) no-repeat;
left:0px;
top:0px;
}
.main_foot{
background:url(../image/main_nav_foot.gif) no-repeat;
width:147px;
height:73px;
position:absolute;
top:12px;
right:0;
}
#content{
color:#555;
width:100%;
}

/*--------------------index layout---------------------------*/
#content_right{
float:right;
width:18.65%;
min-width:181px;
}
#content_right #login_cube a{
color:#68AB11;
text-decoration:none;
}
#content_right #login_cube a:hover{
color:#FF6600;
text-decoration:underline;
}
#content_right .login_topic {
background:url(../image/login_topic.gif) no-repeat;
height:30px;
}
#content_right .sale_topic {
background:url(../image/sale_topic.gif) no-repeat;
height:29px;
}
#content h2{
padding:7px 0 0 120px;
}
#content h2.news{
background:url(../image/news_h2topic.gif) no-repeat;
height:28px;
}
#content h2.chinese_book{
background:url(../image/chinese_topic.gif) no-repeat;
height:28px;
}
#content h2.cd_album{
background:url(../image/cd_album_topic.gif) no-repeat;
height:28px;
}
#content h2.dvd_album{
background:url(../image/dvd_album_topic.gif) no-repeat;
height:28px;
}
#content h2.preach{
background:url(../image/preach_topic.gif) no-repeat;
height:28px;
}
#content h2.mts_event{
background:url(../image/mts_event_topic.gif) no-repeat;
height:28px;
}
#content h2.content_us{
background:url(../image/contact_topic.gif) no-repeat;
height:28px;
}
#content h2.search_list{
background:url(../image/search_topic.gif) no-repeat;
height:28px;
}
#content h2.download{
background:url(../image/download_topic.gif) no-repeat;
height:28px;
}
#content h2.sitemap{
background:url(../image/sitemap_topic.gif) no-repeat;
height:28px;
}
#content h2.members{
background:url(../image/members_topic.gif) no-repeat;
height:28px;
}
#content h2.history{
background:url(../image/order_history_topic.gif) no-repeat;
height:28px;
}
#content h2.mycart{
background:url(../image/mycart_topic.gif) no-repeat;
height:28px;
}
#content h2.question{
background:url(../image/question_topic.gif) no-repeat;
height:28px;
}
#content h3{
position:absolute;
top:-1000px;
left:-1000px;
overflow:hidden;
}
#content .bd{
border-bottom:#D6D6D6 1px solid;
border-left:#D6D6D6 1px solid;
border-right:#D6D6D6 1px solid;
border-top:none;
padding:8px;
line-height:1.6em;
}
#content h4{
font-weight:bold;
font-size:1.2em;
color:#000000;
}
#content h4 a{
color:#68AB11;
text-decoration:none;
}
#content h4 a:hover{
color:#FF6600;
text-decoration:underline;
}
#content h6 {
margin:10px 0;
font-size:1.4em;
color:#FF6600;
}
#content_right .bd span{
display:block;
background:url(../image/underline.gif) repeat-x 5px;
clear:both;
height:10px;
}
#content_right .bd .rank_class_01{
background:url(../image/rank_01.gif) no-repeat left center;
padding:0 0 0 13px;
}
#content_right .bd .rank_class_02{
background:url(../image/rank_02.gif) no-repeat left center;
padding:0 0 0 13px;
}
#content_right .bd .rank_class_03{
background:url(../image/rank_03.gif) no-repeat left center;
padding:0 0 0 13px;
}
#content_right .bd .rank_class_04{
background:url(../image/rank_04.gif) no-repeat left center;
padding:0 0 0 13px;
}
#content_right .bd .rank_class_05{
background:url(../image/rank_05.gif) no-repeat left center;
padding:0 0 0 13px;
}
#content_middle{
float:right;
width:61.44%;
min-width:596px;
}
#content_middle .read_topic {
background:url(../image/read_topic.gif) no-repeat;
height:30px;
}
#content_middle .new_topic {
background:url(../image/new_topic.gif) no-repeat;
height:31px;
}
#content_middle #read_index .bd{
background:url(../image/read_bg.gif) no-repeat bottom;
line-height:1.8em;
}
#content_middle #new_item .item_set{
float:left;
margin:0 10px;
width:20.5%;
}
#content_middle #new_item .item_set span{
display:block;
text-align:center;
}
#content_middle #new_item .item_set h4{
text-align:center;
}
/*-----------------------------index layout end-----------------------------*/

#content_left{
float:left;
width:18.35%;
min-width:178px;
}
#content_left .discount_topic {
background:url(../image/discount_topic.gif) no-repeat;
height:29px;
}
#content_left .catalog_topic {
background:url(../image/catalog_topic.gif) no-repeat;
height:29px;
}
#content_left .download_topic {
background:url(../image/downloadkind_topic.gif) no-repeat;
height:29px;
}
#content_left .event_topic {
background:url(../image/event_topic.gif) no-repeat;
height:29px;
}
#content_left .epaper_topic {
	background:url(../image/epaper_topic.gif) no-repeat;
	height:29px;
	margin-top: 10px;
}
#content_left .news_topic {
background:url(../image/news_topic.gif) no-repeat;
height:89px;
}
#content_left #news a{
color:#68AB11;
text-decoration:none;
}
#content_left #news a:hover{
color:#FF6600;
text-decoration:underline;
}
#content_left #news li{
line-height:1.8em;
color:#68AB11;
}
#content_left #catalog li{
font-size:1.2em;
color:#000;
padding:0 0 0 5px;
background-color:#EBF7CD;
border-bottom:1px solid #fff;
line-height:2em;
}
#content_left #catalog li a{
color:#000;
text-decoration:none;
}
#content_left #catalog li a:hover{
color:#f60;
text-decoration:underline;
}
/*-----------------------------list page layout-----------------------------*/
#content_rightcx{
line-height:1.8em;
float:right;
width:80.92%;
min-width:785px;
}
#content_rightcx a{
color:#555;
text-decoration:none;
}
#content_rightcx a:hover{
color:#f60;
text-decoration:underline;
}
#content_rightcx .price{
display:inline;
}
#content_rightcx .price a{
color:#f60;
text-decoration:none;
display:inline;
}
#content_rightcx .price a:hover{
text-decoration:underline;
color:#f60;
display:inline;
}
#content_rightcx .credit_card_bg{
width:100%;
background:url(../image/credit_card_bg.png) no-repeat 420px top;
}
#content_rightcx .all_item_topic{
background:url(../image/all_item_topic.gif) no-repeat;
height:30px;
}
#content_rightcx .credit_crad_form_topic{
background:url(../image/credit_card_form_topic.gif) no-repeat ;
height:30px;
}
#content_rightcx .members_join_topic{
background:url(../image/members_join_topic.gif) no-repeat;
height:30px;
}
#content_rightcx .contact_us_topic{
background:url(../image/contact_us_topic.gif) no-repeat;
height:30px;
}
#content_rightcx .members_edit_topic{
background:url(../image/members_edit_topic.gif) no-repeat;
height:30px;
}
#content_rightcx .members_password_topic{
background:url(../image/members_password_topic.gif) no-repeat;
height:30px;
}
#content_rightcx .mycart_itemlist_topic{
background:url(../image/mycart_itemlist_topic.gif) no-repeat;
height:30px;
}
#content_rightcx .mycart_buyer_topic{
background:url(../image/mycart_buyer_topic.gif) no-repeat;
height:30px;
}
#content_rightcx .mycart_receiver_topic{
background:url(../image/mycart_receiver_topic.gif) no-repeat;
height:30px;
}
#content_rightcx .mycart_order_history_topic{
background:url(../image/mycart_order_history_topic.gif) no-repeat;
height:30px;
}
#content_rightcx .mycart_online_credit_card_topic{
background:url(../image/mycart_online_credit_card_topic.gif) no-repeat;
height:30px;
}
#content_rightcx .mycart_remit_money_topic{
background:url(../image/mycart_remit_money_topic.gif) no-repeat;
height:30px;
}
#content_rightcx .mycart_remit_money_head{
background:url(../image/remit_money_topic.gif) no-repeat;
height:30px;
}
#content_rightcx  .item_set{
float:left;
margin:0 6px;
width:18%;
}
#content_rightcx .item_set span{
display:block;
}
#content_rightcx .item_set h4{
text-align:center;
}
#content_rightcx .bd span.bottomline{
display:block;
background:url(../image/underline.gif) repeat-x 5px;
clear:both;
height:10px;
}
#content_rightcx .event_list{
clean:both;
background:url(../image/underline.gif) repeat-x bottom;
padding-bottom:15px;
margin-bottom:15px;
}
#content_rightcx .service_list{ /*服務列表排版*/
padding:10px 5px;
width:48%;
border-bottom:1px solid #E4E4E4;
border-right:1px solid #E4E4E4;
}
#content_rightcx .service_list .service_cube{
padding:10px 0;
}
#content_rightcx .service_list .service_cube li{
background:url(../image/option_pic.gif) no-repeat 10px;
list-style:none;
padding:0 0 0 25px!important;
padding:0 0 0 10px;
}

/*------------------------會員資料註冊、修改h5 class------------------------*/
#content_rightcx  h5.members_join{
background:url(../image/members_account_topic.gif) no-repeat;
height:24px;
}
#content_rightcx  h5.members_personal{
background:url(../image/members_personal_topic.gif) no-repeat 2px 0;
height:24px;
}
/*------------------------會員資料註冊、修改h5 class end------------------------*/
.form_set{
background:url(../image/form_bg.png) no-repeat 530px 40px;
}
.form_set div{
margin:8px 0;
}
.form_set div label{
width:18%;
float:left;
}

/*------------------------會員專區h5 class------------------------*/
#content_rightcx  h5.members_login{
background:url(../image/members_login_topic.gif) no-repeat;
height:24px;
}
#content_rightcx .service_list h5.members_add{
background:url(../image/members_add_topic.gif) no-repeat;
height:24px;
}
#content_rightcx .service_list h5.members_data{
background:url(../image/members_data_topic.gif) no-repeat;
height:24px;
}
#content_rightcx .service_list h5.members_order{
background:url(../image/members_order_topic.gif) no-repeat;
height:24px;
}
#content_rightcx .service_list h5.members_service{
background:url(../image/members_service_topic.gif) no-repeat;
height:24px;
}
#content_rightcx h5.members_rights{
background:url(../image/members_rights_topic.gif) no-repeat;
height:24px;
}
/*------------------------會員專區h5 class end------------------------*/

/*------------------------網站導覽h5 class------------------------*/
#content_rightcx .service_list h5.sitemap_kind_01{
background:url(../image/sitemap_kind01_topic.gif) no-repeat;
height:24px;
}
#content_rightcx .service_list h5.sitemap_kind_02{
background:url(../image/sitemap_kind02_topic.gif) no-repeat;
height:24px;
}
#content_rightcx .service_list h5.sitemap_kind_03{
background:url(../image/sitemap_kind03_topic.gif) no-repeat;
height:24px;
}
#content_rightcx .service_list h5.sitemap_kind_04{
background:url(../image/sitemap_kind04_topic.gif) no-repeat;
height:24px;
}
#content_rightcx .service_list h5.sitemap_kind_05{
background:url(../image/sitemap_kind05_topic.gif) no-repeat;
height:24px;
}
#content_rightcx .service_list h5.sitemap_kind_06{
background:url(../image/sitemap_kind06_topic.gif) no-repeat;
height:24px;
}
#content_rightcx .service_list h5.sitemap_kind_07{
background:url(../image/sitemap_kind07_topic.gif) no-repeat;
height:24px;
}
#content_rightcx .service_list h5.sitemap_kind_08{
background:url(../image/sitemap_kind08_topic.gif) no-repeat;
height:24px;
}
#content_rightcx .service_list h5.sitemap_kind_09{
background:url(../image/sitemap_kind09_topic.gif) no-repeat;
height:24px;
}
/*------------------------網站導覽h5 class end------------------------*/

/*------------------------常見問題h5 class ------------------------*/
#content_rightcx h5.question_kind_01{
background:url(../image/question_kind01_topic.gif) no-repeat;
height:24px;
}
#content_rightcx h5.question_kind_02{
background:url(../image/question_kind02_topic.gif) no-repeat;
height:24px;
}
#content_rightcx h5.question_kind_03{
background:url(../image/question_kind03_topic.gif) no-repeat;
height:24px;
}
#content_rightcx h5.question_kind_04{
background:url(../image/question_kind04_topic.gif) no-repeat;
height:24px;
}
#content_rightcx h5.question_kind_05{
background:url(../image/question_kind05_topic.gif) no-repeat;
height:24px;
}
/*------------------------常見問題h5 class end------------------------*/

.recommend_item{
padding:8px;
border:1px solid #D6D6D6;
background:url(../image/recommend_item_topic.gif) no-repeat 20px 10px;
}
.recommend_list{
border:1px solid #D5D5D5;
padding:5px;
width:30%;
float:right;
height:auto;
background:url(../image/recommend_list_bg.gif) repeat-x;
}
.recommend_list h6{
font-size:2.4em;

}
.recommend_list li{
border-bottom:1px dashed #CCCCCC;
line-height:2.1em;
color:#68AB11;
padding:0 0 0 15px;
background:url(../image/option_pic_02.gif) no-repeat 0 6px;
}
.recommend_item .sign_up_btn{
float:right;
padding:60px 20px 0 0;
}

.recommend_item .recommend_info{
line-height:1.8em;
padding:35px 0 0 0;
float:left;
width:65%;
}
.recommend_item .recommend_cdinfo{
line-height:1.8em;
padding:35px 0 0 0;
float:left;
width:33%;
}
.recommend_item .recommend_eventinfo{
line-height:1.8em;
padding:35px 0 0 0;
float:left;
width:87%;
}
/*-----------------------------list page layout end-----------------------------*/


/*-------------------download layout----------------------*/
#content_rightcx .download_cube{
width:29%;
margin:5px;
padding:8px;
border:1px solid #D6D6D6;
float:left;
}
#content_rightcx .download_cube h6{
color:#555;
text-align:center;
font-size:1.4em;
background:url(../image/underline.gif) bottom repeat-x;
}
#content_rightcx .download_cube .text_area{
padding:5px;
background-color:#E9E9E9;
}
/*-------------------download layout end----------------------*/





/*-----------------------------product page layout -----------------------------*/
#content_leftcx{
line-height:1.8em;
float:left;
width:80.61%;
min-width:782px;
}
#content_leftcx a{
color:#555;
text-decoration:none;
}
#content_leftcx a:hover{
color:#f60;
text-decoration:underline;
}
#content_leftcx .product_info{
color:#68AB11;
border:1px #D8D8D8 solid;
background:url(../image/recommend_list_bg.gif) repeat-x bottom;
padding:15px;
}
#content_leftcx .product_info .item_price{
font-weight:bold;
color:#FF0000;
}
#content_leftcx .product_info h4{
color:#900;
font-size:1.4em;
}
#content_leftcx h5{
margin:8px 0;
}
#content_leftcx h5.introduction{
height:26px;
background:url(../image/product_info_topic_01.gif) no-repeat;
}
#content_leftcx h5.others{
height:26px;
background:url(../image/product_info_topic_02.gif) no-repeat;
}
#content_leftcx .item_set{
float:left;
margin:0 10px;
width:17%;
}
#content_leftcx .item_set span{
display:block;
text-align:center;
}
#content_leftcx .item_set h4{
text-align:center;
}
/*-----------------------------product page layout  end-----------------------------*/



/*-----------------------------cart table layout-----------------------------*/
.cart_table{
	margin-bottom:5px;
	border-collapse:collapse;
	border:2px solid #DFDFDF;
}
.cart_table tbody.hasbuy{
background:#FFFCE8;
}
.cart_table tbody td{
border:1px solid #DFDFDF;
color:#6EA44D;
font-size:1.2em;
padding:5px;
}
#content_rightcx .cart_table a{
color:#0066FF;
}
#content_rightcx .cart_table a:link{
color:#0066FF;
}
#content_rightcx .cart_table a:hover{
color:#6EA44D;
text-decoration:underline;
}
#content_rightcx .cart_table a:visited{
color:#6EA44D;
text-decoration:underline;
}

.cart_table thead th{
font-weight:bold;
text-align:center;
background:#EBF7CD;
}
.cart_table tfoot td{
padding:0px;
background:#EBF7CD;
}
/*-----------------------------cart table layout end-----------------------------*/

/*匯款layout*/
.process_bg{
position:relative;
height:200px;
color:#6EA44D;
background:url(../image/mycart_remit_money_process.gif) center bottom no-repeat;
}
.process_bg02{
position:relative;
height:200px;
color:#6EA44D;
background:url(../image/mycart_remit_money_process_02.gif) center 70px no-repeat;
}
#footer{
color:#777;
line-height:2em;
padding:20px 10px 0 20px;
height:100px;
clear:both;
background:url(../image/footer_bg.gif) no-repeat;
}
#footer a{
color:#777;
text-decoration:none;
}
#footer a:hover{
color:#FF6600;
text-decoration:underline;
}