﻿/******************************************************************************/
/*=====Main Start=====*/
#content { width: 960px; margin: auto; }
#content_left { width: 260px; }
#content_right { width: 692px; }
#header { margin-bottom: 5px; }
body { font-size: 12px; color: #101010; }
a:link { color: #306681; text-decoration: none;  }
a:visited { color: #808080; text-decoration: none; }
/*a:hover { color: #BC2931; }*/
*{ margin: 0px; padding: 0px; }
h2 { font-size: 12px; font-weight: normal; color: #333333; }
img { border: 0; }
li { list-style-type: none; }
div,input,table { font-size: 12px; white-space: normal; }
.input{
	border: 1px solid #A9C9E2;
	height: 18px;
	margin-right: 4px;
	line-height: 18px;
	color: #666666;
}
.button {
	font-size: 12px;
	background: url(../cms_img/share/images/input_button_1.gif) #E8E8E8 repeat-x;
	width: 47px;
	height: 22px;
	padding-top: 2px;
	border-left: 0px double; bborder-top: 0px double; order-right: 0px double; border-bottom: 0px double;
}
.seabut {
	background: url(../cms_img/share/icon/search.gif) no-repeat;
	height: 19px;
	width: 19px;
	border: none;
	cursor: pointer;
	margin-left: -5px;
}
.content_loading { font-size: 9px; color: #465464; padding-top: 5px; }
.clear_float_normal { clear: both; }
.clear_float { clear: both; height: 1px; }
/*=====Main End=====*/
/******************************************************************************/

/******************************************************************************/
/*=====Position Start=====*/
#cms_position { height: 25px; background: url(../cms_img/share/icon/cms_position.gif) no-repeat 0px 0px; }
#cms_position h6 { float: left; padding-left: 20px; padding-top: 3px; line-height: 23px; font: normal 12px ""; color: #000000; }
#cms_position h6 a { color: #006699; text-decoration: none; }
#cms_position h6 a:visited { color: #006699; text-decoration: none; }
#cms_position h6 a:hover { color: #0099FF; text-decoration: underline; }
#cms_position span{ font-weight: bold; }
/*=====Position End=====*/
/******************************************************************************/

/******************************************************************************/
/*=====Footer Start=====*/
#cms_footer { color: #00356A; text-align: center; height: 80px; width: 100%; }
#cms_footer .cms_footer_bar_border_bg { background: url(../cms_img/footer/nav_bg.gif); height: 35px; line-height: 26px; font-size: 14px; padding-top: 6px; border-right: 1px solid #AFDCF4; border-left: 1px solid #AFDCF4; }
.cms_footer_copyright { font-size: 14px; line-height: 23px; background: url(../cms_img/footer/footer_copyright_bg.png) no-repeat bottom; }
/*=====Footer End=====*/
/******************************************************************************/

/******************************************************************************/
/*=====Font Start=====*/
.font_1 { font-size: 12px; background: #F5F8F6; }
.font_9 { font-size: 12px; color: #808080; }
.font_10 { font-size: 12px; color: #465464; }
.font_11 { font-size: 13px; color: #465464; }
.font_12 { font-size: 13px; color: #D26900; }
.font_13 { font-size: 13px; color: #333333; }
.font_14 { font-size: 14px; color: #333333; }
.font_15 { font-size: 14px; color: #336699; font-weight: blod; }

.font_bbs_11px { font-size:11px; color:#4B7A98; }

.font_12px { line-height: 21px; text-indent: 24px; }
.font_13px { font-size: 13px; color: #333333; font-weight: bold; }
.font_14px { font-size: 14px; font-weight: bold; background: #f6f6f6; padding: 3px; }

.grn,a.grn:link,a.grn:visited { color: #008800; }
.red,a.red:link,a.red:visited { color: #FF0000; }
/*=====Font End=====*/
/******************************************************************************/

/******************************************************************************/
/*=====Float Width Start=====*/
.width_110 { width: 110px; }
.width_120 { width: 120px; }
.width_200 { width: 200px; }
.width_168 { width: 168px; }
.width_260 { width: 260px; }
.width_340 { width: 340px; }
.width_420 { width: 420px; }
.width_480 { width: 480px; }
.width_495 { width: 495px; }
.width_550 { width: 550px; }
.width_688 { width: 688px; }
.width_690 { width: 690px; }
.width_740 { width: 740px; }
.width_750 { width: 750px; }
.width_960 { width: 960px; }
.width_sp200 { width: 200px; line-height: 20px; }
/*=====Float Width End=====*/
/******************************************************************************/

/******************************************************************************/
/*=====Border Start=====*/
.outside_border { background: #ffffff; border: 1px solid #94ADC9; margin-bottom: 6px; }
.outside_border_news { padding: 4px; border: 6px #E6F2F2 solid; }
.outside_border_blog { background: #ffffff; border: 1px solid #AED7D7; margin-bottom: 6px; }
.outside_border_x { padding: 4px; border: 1px #CCCCCC dotted; }
/*=====Border End=====*/
/******************************************************************************/

/******************************************************************************/
/*=====Mod Float Start=====*/
.mod_float_left { float: left; }
.mod_float_right { float: right; }

.mod_text_left { text-align: left; }
.mod_text_right { text-align: right; }

.mod_float_title_sp0 {
	width: 90px; height: 22px;
	background: url(../cms_img/share/images/title_1.gif);
	float: left; text-align: center;
	line-height: 22px;
	margin: 5px 0px 0px 2px; padding: 2px 0px 0px;
	display: block;
	font-size: 13px; font-weight: bold; color: #306681;
}
.mod_float_title_sp1 {
	width: 90px; height: 22px;
	background: url(../cms_img/share/images/title_1.gif);
	float: left; text-align: center;
	line-height: 22px;
	margin: 5px 0px 0px 2px; padding: 2px 0px 0px;
	display: block;
	font-size: 13px; font-weight: bold; color: #000000;
}

.mod_float_bg_sp0 {
	background: url(../cms_img/share/images/title_bg1.gif);
	height: 29px;
	border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;
}
.mod_float_bg_sp0  span{ /*span*/
	float: right; text-align: center;
	padding: 9px 8px 0px 6px;
}
.mod_float_bg_sp0  .sp { /*sp*/
	width: 90px; height: 20px;
	background: url(../cms_img/share/images/title_sp1.gif) no-repeat bottom;
	float: right;
	color: #000000;
	line-height: 20px;
	padding-left: 3px;
}
.mod_float_bg_sp0  .sp1 { /*sp1*/
	height: 20px;
	background: url(../cms_img/share/images/up_link_bg.gif) no-repeat bottom;
	float: right;
	color: #FFFFFF;
	line-height: 18px;
	padding-left: 6px;
}
.mod_float_bg_sp0  .link { /*link*/
	width: 90px; height: 20px;
	background: url(../cms_img/share/images/title_bg1.gif) no-repeat bottom;
	float: right;
	color: #008800;
	line-height: 20px;
	padding-left: 3px;
}
.mod_float_bg_sp0  .up_link { /*up_link*/
	height: 19px;
	background: url(../cms_img/share/images/up_bg1.gif) no-repeat bottom;
	float: right;
	font-weight: bold; color: #000000;
	line-height: 19px;
	padding-left: 8px;
}

.mod_float_bg_sp0_1 {
	background: url(../cms_img/share/images/title_bg1.gif);
	height: 29px;
	border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;
}
.mod_float_bg_sp0_1  span{ /*span*/
	float: right;
	padding: 9px 10px 0px 0px;
}

.mod_float_bg_sp1 {
	background: url(../cms_img/share/images/title_bg1.gif);
	height: 29px;
	border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;
	line-height: 29px;
	padding-left: 8px;
	text-align: center;
	font-size: 13px; font-weight: bold; color: #306681;
}
.mod_float_bg_sp1  span { /*span*/
	float: right; text-align: center;
	padding: 0px 8px 0px 6px;
	font-size: 12px; font-weight: normal;
}
/*=====Mod Float End=====*/

.mod_sub_normal { display: block; height: 210px; }
.mod_sub_active { display: none; height: 210px; }

/******************************************************************************/

/******************************************************************************/
.mod_class_multipage { font-size: 13px; background: url(../cms_img/share/images/mod_multipage_bg.gif); }
.mod_class_navbg { background: url(../cms_img/share/images/mod_class_navbg.gif); font-size: 13px; color: #465464; }
/*mod share*/
.classTitle {  }
.classTitle .menu { margin: 0 auto; width: 100%; clear: both; /*border-bottom: 1px solid #ccc;*/ height: 28px; }
.classTitle .menu ul { float: left; }
.classTitle .menu li { float: left; color: #999; height: 25px; padding: 0 12px; background: url(../cms_img/share/images/classbg2.gif) right 7px no-repeat; }
.classTitle .menu li h2 { padding: 8px 0 0; text-align: left; font-size: 13px; }
.classTitle .menu .active { /*border-bottom: 3px solid #FF6600;*/ }
/*MOD New_Class share*/
.news_class_ajboard ul { width: 100%; overflow: hidden; color: #333333; margin: 0px; padding: 3px; text-align: left; display: block; line-height: 22px;}
.news_class_ajboard ul li { background: url(../cms_img/share/images/list_line_1.gif) repeat-x bottom; padding: 0px; margin: 0px; width: 100%; list-style: none; }
.news_class_ajboard ul li a { font-size: 12px; }
/*=====News Start=====*/
/*mod news*/ /*index*/
.classTitle_news { padding: 8px; }
.classTitle_news .menu { font-size:14px; margin: 0 auto; width: 100%; clear: both; height: 28px; }
.classTitle_news .menu ul { float: left; padding: 0 10px; }
.classTitle_news .menu li { font-size:14px; float: left; color: #cccccc; height: 25px; padding: 0 22px; background: url(../cms_img/mod/news/class_ajax_normal.gif) left 7px no-repeat; }
.classTitle_news .menu li h2 { font-size:14px; padding: 10px 0 0; text-align: left; }
.classTitle_news .menu .active { font-size:14px; background: url(../cms_img/mod/news/class_ajax_active.gif) left 7px no-repeat; }
/*mod news*/ /*list*/
.class_title_news_list { padding: 0px; }
.class_title_news_list ul { color: #306681; margin: 0px; padding-left: 0px; text-align: left; display: block; line-height: 25px; }
.class_title_news_list ul li {
	padding: 10px; margin: 5px;
	width: 180px;
	list-style: none;
	float: left;
}
/*=====News End=====*/
/*==================================*/
/*=====Art Start=====*/
/*mod art*/ /*index*/
.classTitle_art { padding: 8px; }
.classTitle_art .menu { font-size:14px; margin: 0 auto; width: 100%; clear: both; height: 28px; }
.classTitle_art .menu ul { float: left; padding: 0 10px; }
.classTitle_art .menu li { font-size:14px; float: left; color: #cccccc; height: 25px; padding: 0 22px; background: url(../cms_img/mod/art/class_ajax_normal.gif) left 7px no-repeat; }
.classTitle_art .menu li h2 { font-size:14px; padding: 10px 0 0; text-align: left; }
.classTitle_art .menu .active { font-size:14px; background: url(../cms_img/mod/art/class_ajax_active.gif) left 7px no-repeat; }
/*mod art*/ /*list*/
.class_title_art_list { padding: 0px; }
.class_title_art_list ul { color: #306681; margin: 0px; padding-left: 0px; text-align: left; display: block; line-height: 25px; }
.class_title_art_list ul li {
	padding: 10px; margin: 5px;
	width: 180px;
	list-style: none;
	float: left;
}
/*=====Art End=====*/
/*==================================*/
/*=====Download Start=====*/
/*mod down*/ /*index*/
.classTitle_down { padding: 8px; }
.classTitle_down .menu { font-size:14px; margin: 0 auto; width: 100%; clear: both; height: 28px; }
.classTitle_down .menu ul { float: left; padding: 0 10px; }
.classTitle_down .menu li { font-size:14px; float: left; color: #cccccc; height: 25px; padding: 0 22px; background: url(../cms_img/mod/down/class_ajax_normal.gif) left 7px no-repeat; }
.classTitle_down .menu li h2 { font-size:14px; padding: 10px 0 0; text-align: left; }
.classTitle_down .menu .active { font-size:14px; background: url(../cms_img/mod/down/class_ajax_active.gif) left 7px no-repeat; }
/*mod down*/ /*list*/
.class_title_down_list { padding: 0px; }
.class_title_down_list ul { color: #306681; margin: 0px; padding-left: 0px; text-align: left; display: block; line-height: 25px; }
.class_title_down_list ul li {
	padding: 10px; margin: 5px;
	width: 180px;
	list-style: none;
	float: left;
}
/*=====Download End=====*/
/*==================================*/
/*=====Pic Start=====*/
/*mod pic*/ /*index*/
.classTitle_pic { padding: 8px; }
.classTitle_pic .menu { font-size:14px; margin: 0 auto; width: 100%; clear: both; height: 28px; }
.classTitle_pic .menu ul { float: left; padding: 0 10px; }
.classTitle_pic .menu li { font-size:14px; float: left; color: #cccccc; height: 25px; padding: 0 22px; background: url(../cms_img/mod/pic/class_ajax_normal.gif) left 7px no-repeat; }
.classTitle_pic .menu li h2 { font-size:14px; padding: 10px 0 0; text-align: left; }
.classTitle_pic .menu .active { font-size:14px; background: url(../cms_img/mod/pic/class_ajax_active.gif) left 7px no-repeat; }
/*mod pic*/ /*list*/
.class_title_pic_list { padding: 0px; }
.class_title_pic_list ul { color: #306681; margin: 0px; padding-left: 0px; text-align: left; display: block; line-height: 25px; }
.class_title_pic_list ul li {
	padding: 10px; margin: 5px;
	width: 180px;
	list-style: none;
	float: left;
}
/*best hot index js*/
.mod_pic_indjs_list { background: #ffffff; padding: 5px 0px 0px 14px; }
.mod_pic_indjs_list ul { color: #333333; margin: 0px; padding: 0px; text-align: left; display: block; line-height: 21px; }
.mod_pic_indjs_list ul li {
	background: url(../cms_img/share/images/list_line_1.gif) repeat-x bottom;
	padding: 0px; margin: 0px;
	width: 120px;
	list-style: none;
	float: left;
}
/*=====Pic End=====*/
/*==================================*/
/*=====Video Start=====*/
/*mod video*/ /*index*/
.classTitle_video { padding-left: 10px; }
.classTitle_video .menu { font-size:14px; margin: 0 auto; width: 100%; clear: both; height: 30px; }
.classTitle_video .menu ul { float: left; padding: 0 10px; }
.classTitle_video .menu li { font-size:14px; float: left; color: #cccccc; height: 25px; padding: 0 22px; background: url(../cms_img/mod/video/class_ajax_normal.gif) left 7px no-repeat; }
.classTitle_video .menu li h2 { font-size:14px; padding: 10px 0 0; text-align: left; }
.classTitle_video .menu .active { font-size:14px; background: url(../cms_img/mod/video/class_ajax_active.gif) left 7px no-repeat; }
/*mod video*/ /*list*/
.class_title_video_list { padding: 0px; }
.class_title_video_list ul { color: #306681; margin: 0px; padding-left: 0px; text-align: left; display: block; line-height: 25px; }
.class_title_video_list ul li {
	padding: 10px; margin: 5px;
	width: 180px;
	list-style: none;
	float: left;
}
/*mod video*/ /*index list*/
.video_ind_pic { margin: 5px 0px 3px 0px; width: 100%; }
.video_ind_pic li { display: block; float: left; line-height: 25px; padding-left: 8px; padding-right: 5px; text-align: center; list-style: none; }
.video_ind_pic img { padding: 1px; border: 1px #CCCCCC solid; margin-top: 2px; }
/*mod video*/ /*list list*/
.video_list_pic {
	background: url(../cms_img/share/images/list_line_1.gif) repeat-x bottom;
}
/*=====Video End=====*/
/*==================================*/
/*=====Flash Start=====*/
/*mod pic*/ /*list*/
.class_title_flash_list { padding: 0px; }
.class_title_flash_list ul { color: #306681; margin: 0px; padding-left: 0px; text-align: left; display: block; line-height: 25px; }
.class_title_flash_list ul li {
	padding: 10px; margin: 5px;
	width: 180px;
	list-style: none;
	float: left;
}
/*=====Flash End=====*/
/*==================================*/
/*=====Website Start=====*/
/*mod website*/ /*list*/
.class_title_website_list { padding: 0px; }
.class_title_website_list ul { color: #306681; margin: 0px; padding-left: 0px; text-align: left; display: block; line-height: 25px; }
.class_title_website_list ul li {
	padding: 10px; margin: 5px;
	width: 180px;
	list-style: none;
	float: left;
}
/*list page*/
.mod_website_list { line-height: 19px; color:#333333; padding:5px 8px; }
.mod_website_list ul { margin: 0px; padding: 0px; display: block; }
.mod_website_list ul li { margin: 0px; padding: 0px; list-style: none; }
/*.mod_website_list span { float: right; width: 100px; }*/
.mod_website_list p { float: right; width: 500px; }
.mod_website_list_content { margin: 3px; padding: 5px; color: #336699; }

/*=====Website End=====*/
/*==================================*/
/*=====Link Start=====*/

/*=====Link End=====*/
/*==================================*/
/*=====Guestbook Start=====*/
.book_body {
	font-size: 13px;
	margin: 5px auto;
	text-align: left;
	white-space: normal;
	width: 540px;
	line-height: 22px;
	padding: 3px 5px 3px 5px;
}
.book_title { clear: both; text-align: left; background: #F8F9F9; font-size: 14px; border-top: 1px solid #E1EEF8; border-bottom: 1px solid #E1EEF8; }
.book_title li { padding: 5px 8px 3px 8px;  }
.book_title li span { font-weight: normal; text-decoration: none;  width: 100px; text-align: right; float: right; }
.book_tool {
	/*background: url(../cms_img/share/images/list_line_1.gif) repeat-x bottom;*/
	color: #004A9C;
	padding-top: 5px; padding-bottom: 5px;
	text-align: right;
	width: 670px;
	margin-top: 5px; margin-left:10px;
}
.book_page { border-top: 1px solid #EEEEEE; color: #004A9C; padding-top: 5px; padding-bottom: 5px; text-align: center; width: 670px; }
/*replay*/
.book_replay { font-size:13px; color: #336699;}
.book_replay_ubb { color: #336699; padding:3px; margin:3px; padding-left:18px;}
/*=====Guestbook End=====*/
/*==================================*/
/*=====Vote Start=====*/
.mod_vote_view { padding: 5px 10px 5px 10px; /*background: #F5F8F6;*/ }
.mod_vote_view ul { color: #333333; margin: 0px; padding: 0px; text-align: left; display: block; line-height: 22px; }
.mod_vote_view li {
	background: url(../cms_img/share/images/list_line_1.gif) repeat-x bottom;
	padding: 0px; margin: 0px;
	width: 100%;
	list-style: none;
}
/*=====Vote End=====*/
/*==================================*/
/*=====Ask Start=====*/

/*=====Ask End=====*/
/*==================================*/
/*=====Register Start=====*/

/*=====Register End=====*/
/*==================================*/
/*=====BBS Start=====*/

/*=====BBS End=====*/
/*==================================*/
/*=====Blog Start=====*/

/*=====Blog End=====*/
/*==================================*/
.other_1 { padding-top: 4px; }
.other_2 { padding: 0px 0px 1px 10px; }
.other_3 { margin: 5px 0px 0px 17px; }
.other_4 { padding-left: 5px; padding-top: 4px }
.other_7 { margin-bottom: 5px; }
.other_8 { width: 420px; }
.other_11 { margin-bottom: 8px; }
.other_15 { width: 80px; }
.other_16 { padding: 5px 6px; }
/******************************************************************************/

/*blog樣式開始*/
.blog{
	padding:5px 5px 5px 9px;
}
.blog img{
	padding:1px;
	border:1px #AED7D7 solid;
	margin-top:2px;
	
}
.blog span{
	float:left;
	padding:3px 0px 0px 5px;
	
}

.blog_list {
	width: 232px;
}
.blog_list ul {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 232px;
	list-style:none;
}
.blog_list li{
	background: url(../images/arrow_02.gif) no-repeat 0px 2px;
	margin:0px;
	padding:0px;
	width: 100%;
	height:21px;
}

.blog_list li a, .blog_list li a:visited {
	color: #333333;
	display: block;
	font-size: 12px;
	text-decoration: none;
	text-indent: 10px;
	height:21px;
}

.blog_list li a:hover{
	background: url(../images/arrow_02.gif) #F7F7F7 no-repeat 0px 2px;
	color: #BC2931;
	text-decoration: none;
}
.blog_list li span{
	float:right;
	font-size:10px;
	color:#666666;
	margin:0px;
	padding:0px;
}

/*BLOG樣式結束*/


/*圖片樣式開始*/
.pic_url {
	margin: 5px 5px 5px 0px;
	width: 670px;
}
.pic_url li {
	display: block;
	float: left;
	line-height: 28px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
	/*width: 120px;*/
    text-align:center;
	list-style:none;
}

.pic_url img{
	padding:1px;
	border:1px #CCCCCC solid;
	margin-top:2px;
	
}
/*圖片樣式結束*/

/*影片樣式開始*/
.vid_url {
	margin: 5px 5px 5px 0px;
	width: 670px;
}

.vid_url li {
	display: block;
	float: left;
	line-height: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
	list-style:none;
}

.vid_url li img{
	padding:3px;
	border:1px #CCCCCC solid;
	margin-top:2px;
	
}
/*影片樣式結束*/

/*BLOG圖片樣式開始*/
.blog_url {
	margin: 5px 0px 5px 0px;
	width: 100%;
}
.blog_url li {
	background: url(../images/line2.gif) repeat-x bottom;
	display: block;
	float: left;
	line-height: 25px;
	padding-left: 8px;
	padding-right: 5px;
	text-align:center;
	list-style:none;
}
.blog_url img{
	padding:1px;
	border:1px #CCCCCC solid;
	margin-top:2px;
	
}
/*BLOG圖樣式結束*/


/*供求樣式開始*/
.sell_list ul {
       width: 325px;
       height: 120px;
}
.sell_list li {
	display: block;
	float: left;
	line-height: 20px;
	padding-right: 3px;
       	list-style:none;
}
.sell_list li span { 
       color:#000000; 
       font-weight:normal; 
       text-decoration:none; 
       text-align:right; 
       float:right; 
}

.sell_block { 
       clear:both;
       text-align:left;
       border:1px solid #EDEDED; 
       background:#FFFFFF;
       margin:3px;
       padding:5px 5px 5px 5px; 
}
.sell_block li {
       display: block;
       float: left;
       list-style:none;
       width: 120px;
       border-bottom:1px dashed #EDEDED; 
       padding:6px 0px 5px 0px;
}
/*供求樣式結束*/

/*論壇樣式開始*/
.bbs_list_l ul {
       width: 373px;
       padding:5px 0px 0px 0px;
}
.bbs_list_l li {
	display: block;
	line-height: 22px;
	list-style:none;
}
.bbs_list_l li span { 
       color:#999999;
       font-size:12px; 
       font-weight:normal; 
       text-decoration:none; 
       text-align:right; 
       float:right; 
}

.bbs_list_r ul {
       width: 175px;
       padding:5px 0px 0px 5px;
       border-left:1px solid #EDEDED; 
}
.bbs_list_r li {
	display: block;
	line-height: 22px;
	list-style:none;
}
.bbs_list_r li span { 
       color:#000000; 
       font-weight:normal; 
       text-decoration:none; 
       text-align:right; 
       float:right; 
}

.bbs_pic {
	display: block;
	float: left;
	line-height: 18px;
	list-style:none;
        padding:8px 0px 5px 5px;
}
.list_bbs { 
       clear:both;
       text-align:left;
       border:1px solid #EDEDED; 
       background:#FFFFFF;
       margin:3px;
}
/*論壇樣式結束*/

/*連結樣式開始*/
.links_logo {
	width: 690px;
}
.links_logo ul{
	margin:0px; padding:0px; margin-left:5px;
}
.links_logo ul li {
	display:inline;
	height: 31px;
	margin:0px;
	width: 88px;
	list-style:none;
}
.links_logo ul li img{
        margin: 5px 3px 0px 0px;
	
}

.links_url {
	margin: 5px 5px 5px 0px;
	width: 680px;
}
.links_url li {
	display: block;
	float: left;
	line-height: 18px;
	padding-left: 5px;
	padding-right: 5px;
	width: 85px;
	list-style:none;
}
/*連接樣式結束*/








/******************************************************************************/
/*=====Mod Content Start=====*/
.mod_index_pic_js { background: #F5F8F6; padding: 5px 0px 0px 3px; }
.mod_index_pic_js_font { padding: 2px; color: #465464; font-size: 13px; }

/*=====Mod Content End=====*/
/******************************************************************************/

/******************************************************************************/
/*=====List Start=====*/
.list { margin: 0px; padding: 0px; width: 100%; }

.list li {
	background: url(../cms_img/share/images/list_arrow_1.gif) no-repeat 0px 2px;
	height: 21px;
	list-style: none;
	font-size: 12px;
	margin: 0px; padding: 0px; padding-left: 8px;
}
.list li a, .list li a:visited { color: #333333; text-decoration: none; text-indent: 10px; padding: 0px; }
.list li a:hover { background: #F7F7F7; color: #BC2931; text-decoration: none; }
.list li span { color: #666666; float: right; text-align: right; padding-top: 1px; clear: right; font-size: 11px; }
.list ul { text-align: left; list-style: none; padding-top: 3px; }

.list_l { padding: 5px 10px 5px 10px; background: #F5F8F6; }
.list_l ul { color: #333333; margin: 0px; padding: 0px; text-align: left; display: block; line-height: 22px; }
.list_l li {
	background: url(../cms_img/share/images/list_line_1.gif) repeat-x bottom;
	padding: 0px; margin: 0px;
	width: 100%;
	list-style: none;
}

.list_l_1 { background: #F5F8F6; padding: 5px 0px 0px 14px; }
.list_l_1 ul { color: #333333; margin: 0px; padding: 0px; text-align: left; display: block; line-height: 21px; }
.list_l_1 ul li {
	background: url(../cms_img/share/images/list_line_1.gif) repeat-x bottom;
	padding: 0px; margin: 0px;
	width: 120px;
	list-style: none;
	float: left;
}

.list_l_2 { padding: 10px 0px 0px 10px; }
.list_l_2 ul { color: #333333; margin: 0px; padding: 0px; text-align: left; display: block; line-height: 25px;}
.list_l_2 ul li {
	background: url(../cms_img/share/images/list_line_1.gif) repeat-x bottom;
	padding: 0px; margin: 0px;
	width: 222px;
	list-style: none;
	float: left;
}

.list_block { clear: both; text-align: left; border: 1px solid #EDEDED; background: #FFFFFF; margin: 3px; padding: 3px 5px 3px 5px; }
.list_block li { border-bottom: 1px dashed #EDEDED; padding: 6px 0px 4px 0px; }
.list_block li a.span { color: #000000; font-weight: normal; text-decoration: none; text-align: right; float: right; }
.list_block li a.user { background: url("") no-repeat 0px 2px; float: right; }
.list_block li a.time { color: #333333; font-weight: normal; text-decoration: none; width: 60px; text-align: right; float: right; }
.list_block li a.time1 { color: #333333; font-weight: normal; text-decoration: none; width: 80px; text-align: center; float: right; }
.list_block li a.a40 { font-weight: normal; text-decoration: none; width: 40px; text-align: left;; float: right; }
.list_block li a.a50 { font-weight: normal; text-decoration: none; width: 50px; text-align: left;; float: right; }
.list_block li a.a70 { font-weight: normal; text-decoration: none; width: 70px; text-align: left; float: right; }
.list_block li a.a80 { font-weight: normal; text-decoration: none; width: 80px; text-align: left; float: right; }
.list_block li a.a90 { font-weight: normal; text-decoration: none; width: 80px; text-align: center; float: right; }
.list_block li a.a100 { font-weight: normal; text-decoration: none; width: 100px; text-align: left; float: right; }
.list_block li a.a120 { font-weight: normal; text-decoration: none; width: 120px; text-align: left; float: right; }
.list_block li a.a150 { font-weight: normal; text-decoration: none; width: 150px; text-align: left;; float: right; }
.list_block li a.a180 { font-weight: normal; text-decoration: none; width: 180px; text-align: left; float: right; }
.list_block li a.b35 { font-weight: normal; text-decoration: none; width:35px; text-align:center; float: left; }

.list_block_bbs { clear: both; border: 1px solid #EDEDED; margin: 3px; padding: 3px 5px 3px 5px; color:#4B7A98; }
.list_block_bbs li { border-bottom: 1px dashed #EDEDED; padding: 6px 0px 4px 0px; }
.list_block_bbs li span { font-weight: normal; text-decoration: none; text-align: center; }
.list_block_bbs li a.span { color: #000000; font-weight: normal; text-decoration: none; text-align: center; }
.list_block_bbs li a.user { background: url("") no-repeat 0px 2px; float: right; }
.list_block_bbs li a.time { color: #333333; font-weight: normal; text-decoration: none; width: 60px; text-align: right; float: right; }
.list_block_bbs li a.time1 { color: #333333; font-weight: normal; text-decoration: none; width: 80px; text-align: center; float: right; }
.list_block_bbs li a.a40 { font-weight: normal; text-decoration: none; width: 40px; text-align: left;; float: right; }
.list_block_bbs li a.a50 { font-weight: normal; text-decoration: none; width: 50px; text-align: center;; float: right; }
.list_block_bbs li a.a70 { font-weight: normal; text-decoration: none; width: 70px; text-align: center; float: right; }
.list_block_bbs li a.a80 { font-weight: normal; text-decoration: none; width: 80px; text-align: left; float: right; }
.list_block_bbs li a.a90 { font-weight: normal; text-decoration: none; width: 80px; text-align: center; float: right; }
.list_block_bbs li a.a100 { font-weight: normal; text-decoration: none; width: 100px; text-align: center; float: right; }
.list_block_bbs li a.a120 { font-weight: normal; text-decoration: none; width: 120px; text-align: left; float: right; }
.list_block_bbs li a.a150 { font-weight: normal; text-decoration: none; width: 150px; text-align: left;; float: right; }
.list_block_bbs li a.a180 { font-weight: normal; text-decoration: none; width: 180px; text-align: left; float: right; }
.list_block_bbs li a.b35 { font-weight: normal; text-decoration: none; width: 35px; text-align: center; float: left; }
.list_block_bbs li a.a400 { font-weight: normal; text-decoration: none; width: 400px; text-align: center; }

.list_nav { background: url(../cms_img/share/images/list_line_1.gif) #F5F8F6 repeat-x bottom; height: 24px; line-height:24px; }
.list_nav img { padding-left: 8px; padding-right: 5px; padding-top: 5px; }
.list_nav .red{ color: #990000; font-weight: bold; }

.news_list {
	background: url(../cms_img/share/images/list_line_1.gif) repeat-x top;
	margin-top: 6px;
	padding-top: 6px;
}
.news_list ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; }
.news_list ul li {
	color: #666666;
	float: left; text-align: left;
	width: 210px; height: 12px;
	margin: 0px;
	padding: 4px 0px 5px 0px !important; padding: 3px 0px 3px 0px;
}
.news_list ul li a:link { color: #006666; font-size: 12px; }
.news_list ul li a:visited { color: #006666; font-size: 12px; }
.news_list ul li a:hover { background: #F2F2F2; font-size: 12px; }
/*=====List End=====*/
/******************************************************************************/

/*************************************************************************************************************************/

/******************************************************************************/
/*=================================Ajax Tab Star==============================*/
.board { width: 420px; }
.board_caption { height: 29px; border-right: 1px solid #94ADC9; border-top: 1px solid #94ADC9; border-left: 1px solid #94ADC9; background: url(../cms_img/share/images/title_bg1.gif); }
.board_caption h3 { float: left; width: 77px; height: 26px; padding: 3px 0px 4px 5px; text-align: center; margin-right: 1px; line-height: 20px; cursor: pointer; background: url(../cms_img/share/images/news_ajax_tab.gif) no-repeat; }
.board_caption h3 a { display: block; width: 100%; color: #306681;}
.board_caption .current { font-size: 13px; background-position: 0 -50px; font-weight: bold; padding-top: 10px; padding-left: 5px; }
.board_caption .normal { font-size: 12px; background-position: -120px -50px; padding-top: 10px; padding-left: 5px; }

.board_content { padding: 5px 10px 5px 10px; background: #F5F8F6; border-right: 1px solid #94ADC9; border-bottom: 1px solid #94ADC9; border-left: 1px solid #94ADC9;}
.board_content .normal { display: none; }
.board_content .current { display: block; }
.board_content ul { width: 100%; overflow: hidden; color: #333333; margin: 0px; padding: 0px; text-align: left; display: block; line-height: 22px;}
.board_content ul li { background: url(../cms_img/share/images/list_line_1.gif) repeat-x bottom; padding: 0px; margin: 0px; width: 100%; list-style: none; }
.board_content ul li a { font-size: 12px; }
/*=================================Ajax Tab End===============================*/
/******************************************************************************/

/******************************************************************************/
/*=================================Top Menu Star==============================*/
/*bar*/
.chromemenu{ width: 960px; font-weight: bold; font-size: 112%; color:#336699; }

.chromemenu:after { content: ".";  display: block;  height: 0;  clear: both; visibility: hidden; }

.chromemenu ul { border: 1px solid #BBB; width: 100%; background: url(../cms_img/top_nav/bar_normal.gif) center center repeat-x; padding: 7px 0; margin: 0; text-align: left; }

.chromemenu ul li { display: inline; }

.chromemenu ul li a {  color: #336077; padding: 7px; margin: 0; text-decoration: none; border-right: 1px solid #DADADA; }

.chromemenu ul li a:hover { background: url(../cms_img/top_nav/bar_hover.gif) center center repeat-x; }

.chromemenu ul li a.selected { background: url(../cms_img/top_nav/bar_selected.gif) center center repeat-x; }

/*base*/
.ddsubmenudiv ul { font-size: 13px; left: 0; top: 0; margin: 0; padding: 0; position: absolute; list-style-type: none; background: white; border: 1px solid #696969; border-bottom-width: 0; visibility: hidden; z-index: 100; }

.ddsubmenudiv ul li a { display: block; width: 150px; color: #585858; background-color: #ffffff; text-decoration: none; padding: 4px 5px; border-bottom: 1px solid #696969; }

* html .ddsubmenudiv ul li a { display: inline-block; }

.ddsubmenudiv ul li a:hover { font-size: 14px; font-weight: bold; background: url(../cms_img/top_nav/sub_hover.gif) center center repeat-x; color: #1E7791; }/*下拉觸發底圖*/

/*Neutral CSS*/

.mainmenupointer { padding-left: 4px; border: 0; }

.submenupointer { position: absolute; padding-top: 2px; right: 2px; border: 0; }

#ddiframeshim { position: absolute; z-index: 500; background: transparent; border-width: 0; width: 0; height: 0; display: block; }
/*=================================Top Menu End===============================*/
/******************************************************************************/

/******************************************************************************/
/*=================================Mod Ajax Star==============================*/
/*news*/
.ajax_news { color: #306681; clear: both; padding-bottom: 0px; overflow: hidden; width: 260px; hieght: 100%; border-right: solid #94ADC9 1px; }
.ajax_news .ajax_newsTab { overflow: hidden; width: 300px; height: 26px; }
.ajax_news .ajax_newsTab .ajax_newsTabOn
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 13px;
	float: left;
	padding-bottom: 5px;
	padding-top: 7px;
	text-align: center;
}
.ajax_news .ajax_newsTab .ajax_newsTabOff {
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	float: left;
	padding-bottom: 5px;
	color: #808080;
	padding-top: 7px;
	text-align: center;
}
.ajax_news .ajax_newsTab .ajax_newsTabOn { background: url(../cms_img/rank/active.gif) repeat-x; width: 87px; cursor: pointer; }
.ajax_news .ajax_newsTab .ajax_newsTabOff { background: url(../cms_img/rank/normal.gif) no-repeat left 50%; width: 87px; }
.ajax_newsList { /*background: url(../cms_img/rank/list_bg.gif); /*background: #F5F8F6;*/ padding: 3px; overflow: hidden; width: 260px; border-left: solid #94ADC9 1px; border-bottom: solid #94ADC9 1px; }
.ajax_newsList ul { padding: 10px; }
.ajax_newsList li { clear: both; background: url(../cms_img/share/images/list_line_1.gif) repeat-x bottom; padding: 3px; margin: 0px; width: 94%; list-style: none; }
.ajax_newsList li .ajax_newsLink { display: block; float: left; width: 260px; color: #333; line-hieght: 24px; hieght: 24px; }
.ajax_newsList_sp1 { padding: 0px 0px 0px 0px; /*background: #F5F8F6;*/ color: #306681; }
/*art*/

/*down*/

/*=================================Mod Ajax End===============================*/
/******************************************************************************/

/******************************************************************************/
/*===========================Cornercssrain Star===============================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin: 1em 0;
	padding: 0 10px;
	border: 1px solid #666;
	background: #fff;
}
.cbb h1 {
	margin: 0 -10px;
	padding: 0.3em 10px;
	background: #efece6;
	font: bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb { margin: 0.5em 0; }
	/* Top corners and border */
.bt {
	height: 17px;
	margin: 0 0 0 18px;
	background: url(../cms_img/corners/box.png) no-repeat 100% 0;
}
.bt div {
	position: relative;
	left: -18px;
	width: 18px;
	height: 17px;
	background: url(../cms_img/corners/box.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
}

	/* Bottom corners and border */
.bb {
	height: 14px;
	margin: 0 0 0 12px;
	background: url(../cms_img/corners/box.png) no-repeat 100% 100%;
}
.bb div {
	position: relative;
	left: -12px;
	width: 12px;
	height: 14px;
	background: url(../cms_img/corners/box.png) no-repeat 0 100%;
	font-size: 0;
	line-height: 0;
}

	/* Left border */
.i1 {
	padding: 0 0 0 12px;
	background: url(../cms_img/corners/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding: 0 12px 0 0;
	background: url(../cms_img/corners/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display: block;
	margin: 0;
	padding: 1px 10px;
	background: #fff;
}
	/* Make the content wrapper auto clearing so it will contain floats*/
.i3:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.i3 { display: inline-block; }
.i3 { display: block; }
/*============================Cornercssrain End===============================*/
/******************************************************************************/


/***************************Password Strength**********************************/

#passwordStrength { height:10px; display:block; float:left; }
.default_strength { font-size:10px; color:#FB5200; }
.strength0 { width:250px; background:#E0E0E0; color:#E0E0E0; }
.strength1 { width:50px;  background:#ff0000; color:#ff0000; }
.strength2 { width:100px; background:#ff5f5f; color:#ff5f5f; }
.strength3 { width:150px; background:#56e500; color:#56e500; }
.strength4 { width:200px; background:#4dcd00; color:#4dcd00; }
.strength5 { width:250px; background:#399800; color:#399800; }

/******************************************************************************/


/******************************************************************************/
/*================================popHint Start===============================*/
#popHint { position: absolute; line-height: normal; }
#popHint .popLeft, #popHint .popRight, #popHint .popAngle span, #popHintText, #popHint .popIcon { background-image: url(../cms_img/pophint/pophint.gif); }
#popHint .popHeader { height: 1%; overflow: hidden !important; overflow /**/: visible; }
	#popHint .popLeft { float: left; width: 5px; height: 24px; background-position: 0 0; background-repeat: no-repeat; }
	#popHint .popRight { float: left; width: 5px; height: 24px; background-position: -10px -25px; background-repeat: no-repeat; }
	#popHint .popAngle { clear: both; position: relative; height: 10px; }
	#popHint .popAngle span { position: absolute; top: -3px; left: 15px; width: 7px; height: 13px; background-position: 0 -75px; background-repeat: no-repeat; }
#popHintText { float: left; color: #975400; height: 19px !important; height /**/: 24px; padding: 5px 0 0 0; white-space: nowrap; background-position: 0 -50px; background-repeat: repeat-x; overflow: hidden; }
    #popHintText .popIcon { float: left; width: 15px; height: 10px; margin: 1px 3px 0 0; }
	#popHint .wrong { background-position: 0 -90px; background-repeat: no-repeat; }
	#popHint .right { background-position: 0 -105px; background-repeat: no-repeat; }
	#popHintIframe { position:absolute;filter:Alpha(opacity=10);opacity:0.1;background:#EFEFEF; }
/*=============================popHint End====================================*/
/******************************************************************************/

/******************************************************************************/
/*=================================Tooltip Star===============================*/
.tooltip_share_header {
	background: url(../cms_img/share/images/tooltip_title_bg.gif);
	/*background: #D5EBF9;*/
	border: 1px solid #A5CFE9;
	padding: 5px;
	width: auto;
	filter: alpha(opacity=85);
	color: #4B7A98; font-family: arial; font-size: 12px; font-weight: bold;
}

.tooltip_share_body {
	background: #FFFFFF;
	padding: 5px;
	width: auto;
	filter: alpha(opacity=85);
	color: #465464; font-family: arial; font-size: 12px;
	border-left: 1px solid #A5CFE9; border-right: 1px solid #A5CFE9; border-bottom: 1px solid #A5CFE9;
}
/***************************/
.tooltip_share_header_100h {
	background: #D5EBF9;
	border: 1px solid #A5CFE9;
	padding: 5px;
	width: 100%;
	filter: alpha(opacity=85);
	color: #4B7A98; font-family: arial; font-size: 12px; font-weight: bold;
}

.tooltip_share_body_100h {
	background: #FFFFFF;
	padding: 5px;
	width: 100%;
	filter: alpha(opacity=0);
}
/************AD Logo***************/
.tooltip_ad_logo_header {
	background: url(../cms_img/share/images/tooltip_title_bg.gif);
	border: 1px solid #A5CFE9;
	padding: 5px;
	width: 600px;
	filter: alpha(opacity=85);
	color: #4B7A98; font-family: arial; font-size: 12px; font-weight: bold;
}

.tooltip_ad_logo_body {
	background: #FFFFFF;
	padding: 5px;
	width: 600px;
	filter: alpha(opacity=85);
	color: #465464; font-family: arial; font-size: 12px;
	border-left: 1px solid #A5CFE9; border-right: 1px solid #A5CFE9; border-bottom: 1px solid #A5CFE9;
}
/************AD Logo***************/
.tooltip_map_header {
	background: url(../cms_img/share/images/tooltip_title_bg.gif);
	border: 1px solid #A5CFE9;
	padding: 5px;
	width: 580px;
	filter: alpha(opacity=85);
	color: #4B7A98; font-family: arial; font-size: 12px; font-weight: bold;
}

.tooltip_map_body {
	background: #FFFFFF;
	padding: 5px;
	width: 580px;
	filter: alpha(opacity=85);
	color: #465464; font-family: arial; font-size: 12px;
	border-left: 1px solid #A5CFE9; border-right: 1px solid #A5CFE9; border-bottom: 1px solid #A5CFE9;
}
/*********PIC Index***********/
.tooltip_ind_pic_header {
	background: url(../cms_img/share/images/tooltip_title_bg.gif);
	border: 1px solid #A5CFE9;
	padding: 5px;
	width: 300px;
	filter: alpha(opacity=85);
	color: #4B7A98; font-family: arial; font-size: 12px; font-weight: bold;
}

.tooltip_ind_pic_body {
	background: #FFFFFF;
	padding: 5px;
	width: 300px;
	filter: alpha(opacity=85);
	color: #465464; font-family: arial; font-size: 12px;
	border-left: 1px solid #A5CFE9; border-right: 1px solid #A5CFE9; border-bottom: 1px solid #A5CFE9;
}
/*********PIC LIST***********/
.tooltip_mod_pic_header {
	background: url(../cms_img/share/images/tooltip_title_bg.gif);
	border: 1px solid #A5CFE9;
	padding: 5px;
	width: 150px;
	filter: alpha(opacity=85);
	color: #4B7A98; font-family: arial; font-size: 12px; font-weight: bold;
}

.tooltip_mod_pic_body {
	background: #FFFFFF;
	padding: 5px;
	width: 150px;
	filter: alpha(opacity=85);
	color: #465464; font-family: arial; font-size: 12px;
	border-left: 1px solid #A5CFE9; border-right: 1px solid #A5CFE9; border-bottom: 1px solid #A5CFE9;
}
/**********PIC Index********/
.tooltip_ind_pic_header {
	background: url(../cms_img/share/images/tooltip_title_bg.gif);
	border: 1px solid #A5CFE9;
	padding: 5px;
	width: 250px;
	filter: alpha(opacity=85);
	color: #4B7A98; font-family: arial; font-size: 12px; font-weight: bold;
}

.tooltip_ind_pic_body {
	background: #FFFFFF;
	padding: 5px;
	width: 250px;
	filter: alpha(opacity=85);
	color: #465464; font-family: arial; font-size: 12px;
	border-left: 1px solid #A5CFE9; border-right: 1px solid #A5CFE9; border-bottom: 1px solid #A5CFE9;
}
/********VIDEO LIST*******/
.tooltip_mod_video_header {
	background: url(../cms_img/share/images/tooltip_title_bg.gif);
	border: 1px solid #A5CFE9;
	padding: 5px;
	width: 250px;
	filter: alpha(opacity=85);
	color: #4B7A98; font-family: arial; font-size: 12px; font-weight: bold;
}

.tooltip_mod_video_body {
	background: #FFFFFF;
	padding: 5px;
	width: 250px;
	filter: alpha(opacity=85);
	color: #465464; font-family: arial; font-size: 12px;
	border-left: 1px solid #A5CFE9; border-right: 1px solid #A5CFE9; border-bottom: 1px solid #A5CFE9;
}
.tooltip_mod_video_vlisth {
	background: url(../cms_img/share/images/tooltip_title_bg.gif);
	border: 1px solid #A5CFE9;
	padding: 5px;
	width: 400px;
	filter: alpha(opacity=85);
	color: #4B7A98; font-family: arial; font-size: 12px; font-weight: bold;
}

.tooltip_mod_video_vlistb {
	background: #FFFFFF;
	padding: 5px;
	width: 400px;
	filter: alpha(opacity=85);
	color: #465464; font-family: arial; font-size: 12px;
	border-left: 1px solid #A5CFE9; border-right: 1px solid #A5CFE9; border-bottom: 1px solid #A5CFE9;
}
.tooltip_ind_viewpic_header {
	background: url(../cms_img/share/images/tooltip_title_bg.gif);
	border: 1px solid #A5CFE9;
	padding: 5px;
	width: 200px;
	filter: alpha(opacity=85);
	color: #4B7A98; font-family: arial; font-size: 12px; font-weight: bold;
}

.tooltip_ind_viewpic_body {
	background: #FFFFFF;
	padding: 5px;
	width: 200px;
	filter: alpha(opacity=85);
	color: #465464; font-family: arial; font-size: 12px;
	border-left: 1px solid #A5CFE9; border-right: 1px solid #A5CFE9; border-bottom: 1px solid #A5CFE9;
}
/***************************/
.tooltip_share_header_100b {
	background: #FFFFFF;
	padding: 5px;
	width: auto;
	filter: alpha(opacity=0);
}

.tooltip_share_body_100b {
	background: #FFFFFF;
	padding: 5px;
	width: auto;
	filter: alpha(opacity=85);
	color: #465464; font-family: arial; font-size: 12px;
	border: 1px solid #A5CFE9;
}
/*********PIC LIST***********/
.tooltip_mod_pic_list_header {
	background: url(../cms_img/share/images/tooltip_title_bg.gif);
	border: 1px solid #A5CFE9;
	padding: 5px;
	width: 250px;
	filter: alpha(opacity=85);
	color: #4B7A98; font-family: arial; font-size: 12px; font-weight: bold;
}

.tooltip_mod_pic_list_body {
	background: #FFFFFF;
	padding: 5px;
	width: 250px;
	filter: alpha(opacity=85);
	color: #465464; font-family: arial; font-size: 12px;
	border-left: 1px solid #A5CFE9; border-right: 1px solid #A5CFE9; border-bottom: 1px solid #A5CFE9;
}
/******Index GuestBook********/
.tooltip_indgb_header {
	background: url(../cms_img/share/images/tooltip_title_bg.gif);
	/*background: #D5EBF9;*/
	border: 1px solid #A5CFE9;
	padding: 5px;
	width: 300px;
	filter: alpha(opacity=85);
	color: #4B7A98; font-family: arial; font-size: 12px; font-weight: bold;
}

.tooltip_indgb_body {
	background: #FFFFFF;
	padding: 5px;
	width: 300px;
	filter: alpha(opacity=85);
	color: #465464; font-family: arial; font-size: 12px;
	border-left: 1px solid #A5CFE9; border-right: 1px solid #A5CFE9; border-bottom: 1px solid #A5CFE9;
}
/******website index********/
.tooltip_webind_header {
	background: url(../cms_img/share/images/tooltip_title_bg.gif);
	/*background: #D5EBF9;*/
	border: 1px solid #A5CFE9;
	padding: 5px;
	width: 200px;
	filter: alpha(opacity=85);
	color: #4B7A98; font-family: arial; font-size: 12px; font-weight: bold;
}

.tooltip_webind_body {
	background: #FFFFFF;
	padding: 5px;
	width: 200px;
	filter: alpha(opacity=85);
	color: #465464; font-family: arial; font-size: 12px;
	border-left: 1px solid #A5CFE9; border-right: 1px solid #A5CFE9; border-bottom: 1px solid #A5CFE9;
}
/******bbs who's online********/









/*=================================Tooltip End================================*/
/******************************************************************************/



/*************************************************************************************************************************/
/*導航樣式開始
#menu {
  background:url(../images/menu_bg2.gif) repeat-x;
  clear:both;
  margin-right: auto;
  margin-left: auto;
  width:960px;
  height:52px;
  color:#E4D6CD;
}

.mainmenu {
  width:100%; 
  height:22px; 
  color:#E4D6CD;
}
.nav_link_01 {
  background:url(../images/menu_a2.gif) no-repeat;
  float:left;
  width:72px;
  height:17px; 
  padding-top:6px;
  font-size:13px;
  text-align:center;
  cursor:pointer;
  
}
.nav_link_02 {
  background:url(../images/menu_b2.gif) no-repeat;
  float:left; 
  width:72px;
  height:18px; 
  padding-top:6px;
  margin-bottom:1px;
  text-align:center;
  cursor:pointer;
  font-size:13px;
}

.nav_link_01 a:link {
  color: #FFF; 
  text-decoration: none;
}

.nav_link_01 a:visited {
  color: #FFF; 
  text-decoration: none;
}

.nav_link_01 a:hover {
  color: #FF6600; 
  text-decoration: none;
} 

.nav_link_02 a:link {
  color: #FFF; 
  text-decoration: none;
}

.nav_link_02 a:visited {
  color: #FFF; 
  text-decoration: none;
}

.nav_link_02 a:hover {
  color: #999999; 
  text-decoration: none;
} 
.leftmenu1{
  height:20px;
  margin:0px;
  color: #000000;
  padding:5px;
  padding-left:10px;
}
.leftmenu2{
  height:22px;
  border-left:#000000 solid 1px;
  padding-left:10px; 
}

.leftmenu2 ul{
	width:140px;margin:2px 2px;
}
.leftmenu2 ul li{
	list-style-type:none;
	float:left;
        color: #fff; 
}
.leftmenu2 ul li div {
	width:10px;height:7px;
	overflow:hidden;margin:2px 2px;
	border:1px solid;cursor:pointer;
}

.submenu{height:27px;border-right:#000000 solid 1px;}

.submenu li {
        background: url(../images/ico.gif) no-repeat 10px 8px;
        float: left;
	font-size:12px;
	margin:0px; padding:0px; padding-left:18px; padding-top:7px;
}

.submenu li a:link {
  color: #999999; 
  display: block;
  text-decoration: none;
}

.submenu li a:visited {
  color: #999999; 
  display: block;
  text-decoration: none;
}

.submenu li a:hover {
  color: #FF0000; 
  text-decoration: none;
} 

導航樣式結束*/

/*商城樣式開始
.shop_url {}

.shop_url li {
	display: block;
	float: left;
	line-height: 17px;
	padding-top: 5px;
        padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 0px;
       	list-style:none;
        /*border:1px solid #E7E7E7;
        border-right:5px solid #E7E7E7;*
        width:210px;
        margin: 5px 3px 5px 5px;
}
.shop_url li img{
	padding:3px;
}

.shop_url1 {align:center}
.shop_url1 li {
	display: block;
	line-height: 17px;
	padding-top: 6px;
    padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 5px;
    list-style:none;
    width:96px;
    margin: 2px 1px 2px 1px;
}
.shop_url1 li img{padding:2px;}
.shop_url1 hr{border-style:dotted; 
             border-width:1px; 
             border-color:#AED7D7;
             height:1px;
             width:100%;
             align:center;
}
.shop_url1 fieldset{border: 1px solid #AED7D7;align:center; width:96px; height:205px;}
.shop_url1 legend{align:center}

商城樣式結束*/

/*商城樣式開始
.shop_url {}

.shop_url li {
	display: block;
	float: left;
	line-height: 17px;
	padding-top: 5px;
        padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 0px;
       	list-style:none;
        /*border:1px solid #E7E7E7;
        border-right:5px solid #E7E7E7;*
        width:210px;
        margin: 5px 3px 5px 5px;
}
.shop_url li img{
	padding:3px;
}

商城樣式結束*/

/*音樂圖片樣式開始
.music_url {
        background: url(../images/line2.gif) repeat-x bottom;
	margin: 5px 0px 5px 0px;
	width: 340px;
}
.music_url li {
	display: block;
	float: left;
	line-height: 18px;
	padding-left: 5px;
	padding-right: 5px;
	width: 70px;
        text-align:center;
	list-style:none;
}
.music_url img{
	padding:1px;
	border:1px #CCCCCC solid;
	margin-top:2px;
	
}
音樂圖樣式結束*/

/*音樂專集圖樣式開始
.music_zj {
	margin: 5px 5px 5px 0px;
	width: 430px;
}
.music_zj li {
	display: block;
	float: left;
	line-height: 28px;
	padding-top: 5px;
        padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
	/*width: 120px;*
        text-align:center;
	list-style:none;
}

.music_zj img{
	padding:1px;
	border:1px #CCCCCC solid;
	margin-top:2px;
	
}
音樂專集圖樣式結束*/

/*黃頁樣式開始
.yellow_block { 
       clear:both;
       text-align:left;
       border:1px solid #EDEDED; 
       background:#FFFFFF;
       margin:3px;
       padding:5px 5px 5px 5px; 
}
.yellow_block li {
       display: block;
       float: left;
       list-style:none;
       width: 80px;
       border-bottom:1px dashed #EDEDED; 
       padding:6px 0px 5px 0px;
}
黃頁樣式結束*/
