@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------
!!! 僅適用於  !!!
visual & css design by 
2013 / 
----------------------------------------------------------------*/


/*  全站共用
----------------------------------------------------------------------------------------------------*/
*{margin:0;padding:0;}
body{ overflow-y: scroll; background:url(../images/web_share/bg_01_01.jpg); background-repeat:repeat-x; background-color:#fefdea;}

body, h1, h2, h3, h4, div{ padding:0;  margin:0;}

p{padding:8px 0;}

body , button , form {
    padding:0;  margin:0; color: #606060; 
	font-size: 15px;
	font-family:"Arial", Gadget, sans-serif;
	line-height:30px;
	text-align:left;
	}



textarea{ border:1px solid #bab0a4; color:#998968; font-size:12px; vertical-align:middle; }


img{ border:0; vertical-align: bottom;} /** vertical-align: bottom; 用於圖片產生一些空隔高度的bug */

table {
	/*border: 0px;*/
	border-collapse: collapse;
	text-align:left;

}

a:link         {color: #4f4f4f; text-decoration: none;}
a:visited      {color: #4f4f4f; text-decoration: none; outline:none;/* ● 去除Firefox會在鏈接周圍產生一個虛線外框 */}
a:active       {color: #4f4f4f; text-decoration: none;}
a:hover        {color: #ff33CC; text-decoration: underline;}


/* 清除浮動 */
.clear{ display: block; visibility: hidden; clear: both; height: 0px; margin:0px; padding:0px; font-size: 0px;}

/* 清除 p 上下 的原產生值 */
.p_none p{ padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px;}


/* 不繼承使用 */
#none p, #none div, #none ul, #none span{ text-align: left; line-height: 100%;}


#wrapper {
	position: relative;
	margin: 0px auto;
}
#header {
	position: relative;
	width: 988px;
	margin: 0 auto;
	z-index: 10;
}

.Send input{
	padding:2px auto;
    font-size: 12px; vertical-align: middle; }

/*  navMenu 主選單
----------------------------------------------------------------------------------------------------*/
div#navMenu{ width: 980px;clear: both; height: 46px; margin:0; text-align: right; background: url(../images/web_share/menu.png) no-repeat;}
div#navMenu ul, div#navMenu li{ list-style: none; padding:0;  margin:0;}
#navMenu li, #navMenu li a{float: left; height: 46px; background: url(../images/web_share/menu.png) no-repeat;}
#navMenu li a{display:block; font-size:0px; text-indent:-5000px; text-decoration: none; color: #000;}

#navMenu li.navMenu01{-display:inline;}

#navMenu li.navMenu01 a{background-position: 0px 0px; width: 93px;}
#navMenu li.navMenu01-active a{background-position: 0px -46px; width: 93px;}

#navMenu li.navMenu02 a{background-position: -93px 0px; width: 120px;}
#navMenu li.navMenu02-active a{background-position: -93px -46px; width: 120px;}

#navMenu li.navMenu03 a{background-position: -213px 0px; width: 117px;}
#navMenu li.navMenu03-active a{background-position: -213px -46px; width: 117px;}

#navMenu li.navMenu04 a{background-position: -330px 0px; width: 142px;}
#navMenu li.navMenu04-active a{background-position: -330px -46px; width: 142px;}

#navMenu li.navMenu05 a{background-position: -472px 0px; width: 116px;}
#navMenu li.navMenu05-active a{background-position: -472px -46px; width: 116px;}

#navMenu li.navMenu06 a{background-position: -588px 0px; width: 162px;}
#navMenu li.navMenu06-active a{background-position: -588px -46px; width: 162px;}

#navMenu li.navMenu07 a{background-position: -750px 0px; width: 116px;}
#navMenu li.navMenu07-active a{background-position: -750px -46px; width: 116px;}

#navMenu li.navMenu08 a{background-position: -866px 0px; width: 114px;}
#navMenu li.navMenu08-active a{background-position: -866px -46px; width: 114px;}


#navMenu li.navMenu01 a:hover{background-position: -0px -46px; width: 93px;}
#navMenu li.navMenu02 a:hover{background-position: -93px -46px; width: 120px;}
#navMenu li.navMenu03 a:hover{background-position: -213px -46px; width: 117px;}
#navMenu li.navMenu04 a:hover{background-position: -330px -46px; width: 142px;}
#navMenu li.navMenu05 a:hover{background-position: -472px -46px; width: 116px;}
#navMenu li.navMenu06 a:hover{background-position: -588px -46px; width: 162px;}
#navMenu li.navMenu07 a:hover{background-position: -750px -46px; width: 116px;}
#navMenu li.navMenu08 a:hover{background-position: -866px -46px; width: 114px;}


/*  首頁跑馬燈用
----------------------------------------------------------------------------------------------------*/
div#abgne_marquee {
	position: relative;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	width: 575px;
	height: 25px;
	text-align:left;
}
div#abgne_marquee ul, div#abgne_marquee li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#abgne_marquee ul {
	position: absolute;
}
div#abgne_marquee ul li a {
	display: block;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
/*  內頁top banner
----------------------------------------------------------------------------------------------------*/
.banner01 {background: url(../images/top_banner/banner_01.jpg) no-repeat top; height: 282px;}
.banner02 {background: url(../images/top_banner/banner_02.jpg) no-repeat top; height: 282px;}
.banner03 {background: url(../images/top_banner/banner_03.jpg) no-repeat top; height: 282px;}
.banner04 {background: url(../images/top_banner/banner_04.jpg) no-repeat top; height: 282px;}
.banner05 {background: url(../images/top_banner/banner_05.jpg) no-repeat top; height: 282px;}
.banner06 {background: url(../images/top_banner/banner_06.jpg) no-repeat top; height: 282px;}
.banner07 {background: url(../images/top_banner/banner_07.jpg) no-repeat top; height: 282px;}
.banner08 {background: url(../images/top_banner/banner_08.jpg) no-repeat top; height: 282px;}
.banner09 {background: url(../images/top_banner/banner_09.jpg) no-repeat top; height: 282px;}
.banner10 {background: url(../images/top_banner/banner_10.jpg) no-repeat top; height: 282px;}
.banner11 {background: url(../images/top_banner/banner_11.jpg) no-repeat top; height: 282px;}
.banner12 {background: url(../images/top_banner/banner_12.jpg) no-repeat top; height: 282px;}
.banner13 {background: url(../images/top_banner/banner_13.jpg) no-repeat top; height: 282px;}
/*  info left_sub 次選單
----------------------------------------------------------------------------------------------------*/
/* 預設樣式 */


.divbox{ 
  line-height: 34px;
  height: auto;
  width:203px;
  background: #ebd6ab;
  border-bottom:solid 2px #d7ae58;
  float:left;
  margin-right:10px;
  text-indent: 15px; cursor: pointer;
  font-size: 13px;
  }
/*  滑入時變換底色樣式 */  
.divOver{
  line-height: 34px;
  background: #f7efde;
  /*border-bottom:solid 2px #d7ae58;*/
  text-indent: 15px; cursor: pointer;
  font-weight: bold;
  display:block;
	} 
	
/* 共用 */
.divbox .divOver .txt {float: left; color: #6e4321; }
.divbox .divOver a, a:link, a:visited {color: #0d4f67; text-decoration: none;}
.divbox a, .divOver a { display: block; z-index: 99;}







/*次選單出現*/
.dlsub{ width: 202px; background-color: #f6e5c1; font-size:13px;}
.ddsub { margin:0px; font-size: 13px; display:block;  }
.ddsub ul{ padding:0;  line-height:200%; list-style-type: none; text-decoration: none;}
.ddsub ul li a{display:block; color:#000;  border-bottom:1px #dac699 solid;}
.ddsub ul li a:hover { color:#855023;  display:block;  background-color: #fcf1d4;}




/*關鍵字查詢
----------------------------------------------------------------------------------------------------*/
.pub01{width: 210px; padding-left:10px; }
.pub01 input , select {padding:3px auto; border: 1px solid #bab0a4; color: #998968; font-size: 12px; vertical-align: middle; height: 20px;}

.pub02{width: 523px; text-align: right; padding: 5px ;}
.pub02 input , select {padding:3px auto; border: 1px solid #bab0a4; color: #998968; font-size: 12px; vertical-align: middle; height: 20px;}

/*  bulletin
----------------------------------------------------------------------------------------------------*/
/*學會公告*/
#s_bulletinlist{background: url(../images/Bulletin/list_bg_61.jpg) repeat-x; text-align:center; width: 743px; height: 46px;}

/*國內會議*/
#w_bulletinlist{background: url(../images/Bulletin/wlist_bg_61.jpg) repeat-x; text-align:center; width: 743px; height: 46px;}

/*國外會議*/
#o_bulletinlist{background: url(../images/Bulletin/olist_bg_61.jpg) repeat-x; text-align:center; width: 743px; height: 46px;}

#bulletinlist th{ padding:3px;}
#helistCont{background-color: #ffffff;  line-height: 35px;}
#bulletinlistCont td{ padding:8px; border-bottom: 1px dotted #929292;}



/*共用*/
.bulletinColumn01{ width: 100px; text-align: center; COLOR: #897d69; border-right: 1px #897d69 dotted;}
.bulletinColumn02{ width: 563px; COLOR: #897d69; border-right: 1px #897d69 dotted; text-align: center;}
.bulletinColumn03{ width: 80px; text-align: center; COLOR: #897d69;}

.bulletinColumn04{ width: 100px; text-align: center; color:#F30; background-color: #e9e9e9; border-bottom: 1px #897d69 dotted;}
.bulletinColumn05{ width: 563px; background-color: #e9e9e9; padding:0 8px; border-bottom: 1px #897d69 dotted;}
.bulletinColumn06{ width: 80px; text-align: center; background-color: #e9e9e9; border-bottom: 1px #897d69 dotted;}

.bulletinColumn07{ width: 100px; text-align: center; color:#F30; border-bottom: 1px #897d69 dotted; }
.bulletinColumn08{ width: 563px; padding:0 8px; border-bottom: 1px #897d69 dotted;}
.bulletinColumn09{ width: 80px; text-align: center; border-bottom: 1px #897d69 dotted;}

/*國內會議線上報名用*/
.bulletinColumn10{ width: 140px; text-align: center; background-color: #e9e9e9; border-bottom: 1px #897d69 dotted; font-weight:bold; color:#000;}
.bulletinColumn11{ width: 393px; background-color: #e9e9e9; padding:0 8px; border-bottom: 1px #897d69 dotted; font-weight:bold; color:#000;}
.bulletinColumn12{ width: 90px; text-align: center; background-color: #e9e9e9; border-bottom: 1px #897d69 dotted; font-weight:bold; color:#000;}
.bulletinColumn13{ width: 20px; text-align: center; background-color: #e9e9e9; border-bottom: 1px #897d69 dotted; font-weight:bold; color:#000;}

.bulletinColumn14{ width: 140px; text-align: center; border-bottom: 1px #897d69 dotted; line-height:25px; padding:5px 0; vertical-align: top; font-size:12px;}
.bulletinColumn15{ width: 393px; padding:5px 8px; border-bottom: 1px #897d69 dotted; line-height:25px; vertical-align: top;}
.bulletinColumn16{ width: 90px; text-align: center; border-bottom: 1px #897d69 dotted; padding:5px 0; vertical-align: top;}
.bulletinColumn17{ width: 20px; border-bottom: 1px #897d69 dotted; vertical-align: top;}

/*學會出版用
----------------------------------------------------------------------------------------------------*/
.bookbox{ padding-left:32px; list-style-type:none;}

/* list java效果用 */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}/* Hides from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}

.lanrenzhijia{width:680px; height:172px; margin-bottom:0; overflow:hidden;}
.lanrenzhijia ul{width:680px;}
.lanrenzhijia ul li{float:left; display:inline; width:170px; height:173px; overflow:hidden; position:relative; background: url(../images/Publications/list_book_bg.png) no-repeat;}
.lanrenzhijia ul li .photo{padding-top:8px; padding-right:35px; width:110px; height:154px; overflow:hidden;}
.lanrenzhijia ul li .photo_01{padding-top:8px; padding-right:35px; width:110px; height:154px; overflow:hidden; background: url(../publications/photo/2018_001.jpg) no-repeat 0 8px; font-weight:600; color:#300; line-height:22px;}
.lanrenzhijia ul li .photo_02{padding-top:8px; padding-right:35px; width:110px; height:154px; overflow:hidden; background: url(../Publications/photo/2018_002.jpg) no-repeat 0 8px; font-weight:600; color:#060; line-height:22px;}
.lanrenzhijia ul li .photo_03{padding-top:8px; padding-right:35px; width:110px; height:154px; overflow:hidden; background: url(../Publications/photo/2018_003.jpg) no-repeat 0 8px; font-weight:600; color:#036; line-height:22px;}
.lanrenzhijia ul li .photo_04{padding-top:8px; padding-right:35px; width:110px; height:154px; overflow:hidden; background: url(../Publications/photo/2018_004.jpg) no-repeat 0 8px; font-weight:600; color:#8A8A00; line-height:22px;}

.lanrenzhijia .rsp{width:110px; height:154px; overflow:hidden; position: absolute; background:#000; top:8px; left:14px;}/**點選後出現的黑背景**/
.lanrenzhijia .text{position:absolute; width:120px; height:150px; left:-800px;  top:10px; overflow:hidden; line-height:25px;}
.lanrenzhijia .text h3{width:136px; margin-top:3px; text-align: center; color:#CF0; font-size:18px;}
.lanrenzhijia .text a{text-decoration:none}
.lanrenzhijia .text div{text-align:left; padding-left:25px; color:#FFFFFF; font-size:13px;}


#m_publications{background: url(../images/publications/line_bg.jpg) repeat-x; text-align:center; width: 743px; height: 46px;}

#publications th{ padding:3px;}
#helistCont{background-color: #ffffff;  line-height: 35px;}
#publicationsCont td{ padding:8px; border-bottom: 1px dotted #929292;}

.publications01{ width: 163px; text-align: center; COLOR: #897d69; border-right: 1px #897d69 dotted;}
.publications02{ width: 500px; COLOR: #897d69; border-right: 1px #897d69 dotted; text-align: center;}
.publications03{ width: 80px; text-align: center; COLOR: #897d69;}

.publications04{ width: 500px; text-align: left; border-bottom: 1px #897d69 dotted; padding-left:10px; font-weight:bold;}
.publications05{ width: 500px; text-align: left; border-bottom: 1px #897d69 dotted; padding-left:10px; font-weight:bold;}

.publications06{ width: 25px; text-align: left; background: url(../images/news_title_icon.png) no-repeat; background-position: 0 12px;  }
.publications07{ width: 475px; text-align: left; font-weight:100; vertical-align:top;}
.publications08{ width: 80px; text-align:center; vertical-align:top; font-weight:100; line-height:22px; padding-top:8px;}

/*研討會/大會手冊*/

.manual01{background: url(../images/publications/manual_bg_44.jpg) no-repeat; width: 339px; height: 46px; text-align:right; font-size:12px; color:#F30;}
.manual02{background: url(../images/publications/manual_bg_62.jpg) repeat-y; text-align:center; width: 339px; padding-bottom:10px;}
.manual03{background: url(../images/publications/manual_bg_71.jpg) no-repeat; width: 339px; height: 37px; text-align:right; font-size:12px; color:#666;}

.manual04{background: url(../images/info/icon_paperclip.png) no-repeat; background-position:6px 3px; vertical-align:top; text-align: left; font-weight:100; padding: 0 0 0 30px;}



/*會員專區用
----------------------------------------------------------------------------------------------------*/
#con {width: 710px; margin:0px auto;}
#tags {padding: 0px; width:710px; height: 23px;}
#tags li {background: url(../images/member/tagleft.gif) no-repeat left bottom; float: left; margin-right: 1px; list-style-type: none ; height: 23px;}
#tags li a {padding:0px 10px; background: url(../images/member/tagright.gif) no-repeat right bottom; float: left; color: #999; line-height: 23px; height: 23px; text-decoration: none;}
#tags li.emptyTag {background: none transparent scroll repeat 0% 0%; width: 4px;}
#tags li.selectTag {background-position: left top; margin-bottom: -2px; position: relative; height: 25px;}
#tags LI.selectTag a {background-position: right top; color:: #000; line-height: 25px; height: 25px; font-weight:bold; color:#36C;}

#tagContent {border: #aecbd4 1px solid; padding: 1px; background-color: #fff;}

.tagContent {padding: 10px; display: none; background: url(../images/member/bg.gif) repeat-x; width: 686px; color: #474747;}
#tagContent div.selectTag {display: block;}


#tagContent0 input , select {border: 1px solid #008080; padding:6px; color: #998968; font-size: 12px; vertical-align: middle; height:auto;}





/*  picture
----------------------------------------------------------------------------------------------------*/
.picColumn01{ width: 230px; vertical-align: top; text-align: center; line-height:25px;}
.piclist01{ width: 230px; height: 153px; border: 1px #006699 solid; vertical-align: top; text-align: center;  background-color: #000;}
.picColumn02{ width: 14px;}
.pictopic{ width:743px; background-color:#CFF7A4; border-top: 1px #006600 dotted; border-bottom: 1px #006600 dotted; padding: 0 0 0 10px; overflow: auto; margin: 0 0 10px 0;}

div#content01 .pictopic ul, div#content01 .pictopic ul li{ padding: 0; margin: 0;}
div#content01 .pictopic ul li{ list-style: none;}
div#content01 .pictopic ul li.pp1{ float: left; background: url(../images/star_20.gif) no-repeat top left; padding: 0 0 0 25px; background-position: 0 6px; width: 560px; font-weight: bold; border-right: 1px #006600 dotted;}
div#content01 .pictopic ul li.pp2{ float: right; padding: 0 5px 0 0; color: #009966;}

.pictitle{ vertical-align: center; height: 30px; width: 550px; font-weight: bold;}
.picdate{ vertical-align: center; height: 30px; width: 193px; text-align: right; padding: 0 5px 0 0; color: #009966;}

.piccont{ padding: 0 10px 10px 10px;}


/*QA留言版
----------------------------------------------------------------------------------------------------*/
#QAlist{background: url(../images/publications/line_bg_08.jpg) repeat-x; text-align:center; width: 743px; height: 46px;}
#QAlistCont{background-color: #ffffff;  line-height: 35px;}

.QAlist01{ width: 103px; text-align: center; COLOR: #897d69; border-right: 1px #897d69 dotted;}/*討論分類*/
.QAlist02{ width: 610px; COLOR: #897d69; text-align: center;}/*主題*/

.QAlist03{ width: 103px; text-align: center; color:#FB6205; border-bottom: 1px #897d69 dotted; line-height:25px; padding:8px; border-right: 1px #897d69 dotted;}
.QAlist04{ width: 610px; padding:8px; border-bottom: 1px #897d69 dotted;}


/*QA留言版test
----------------------------------------------------------------------------------------------------*/
.QAlist05{ width: 713px; text-align: left; COLOR: #897d69; padding-left:10px;}/*討論分類*/
.QAlist06{ width: 713px; padding:8px; border-bottom: 1px #897d69 dotted;}
.QAlist07{ width: 70px; font-weight:bold;}
.QAlist08{ border-top: 1px #897d69 dotted; padding-left:70px;}


/*Meeting 年會資訊用
----------------------------------------------------------------------------------------------------*/
#mt { width:593px;}
.mt_list01{ color: #636; text-align:center;}
.mt_list01 h3{ color:#636; text-align:center;}
.mt_list02 { text-align:right; font-size:12px; background: url(../images/Bulletin/under_line_13.jpg); background-repeat:repeat-x;}
.mt_list03 {background: url(../images/Bulletin/under_line_13.jpg); background-repeat:repeat-x; padding:20px 0;}
div.mt_b{font-weight:bold; float:left;}




/*Meeting register
----------------------------------------------------------------------------------------------------*/
div#reg { line-height:30px;}
div#reg th{ border-top:1px #996600 solid; text-align:center; background: #E7E6D3;}
div#reg td{ width:80px; border-top:1px #996600 solid; text-align:center; background: #E7E6D3; text-align:left; padding-left:10px;}
div#reg td + td{ width:255px; background: #F3F3E9; padding-left:5px;}
div#reg td + td + td{ width:80px; background:#E7E6D3; padding-left:10px;}
div#reg td + td + td + td{ width:255px; background:none; background: #F3F3E9; padding-left:5px;}

div#reg td span{ color:#CC0000;}
div#reg td ul{ list-style:none;}
div#reg span{ color:#CC0000;}
.reg_end{ border-bottom:1px #996600 solid;}
.reg_column{ border-bottom:1px #996600 solid; color:#CC0000; font-weight:bold;}

div#reg_other{ line-height:30px;}
div#reg_other table{text-align:center; background: #D2E0C5; width:700px;}
div#reg_other th{ border-top:1px #996600 solid; text-align:center; background: #D2E0C5;}
div#reg_other td{ width:168px; border-top:1px #996600 solid; text-align:left; padding-left:10px; background:#D2E0C5; border-right:1px #996600 dotted;}
div#reg_other td + td{ width:255px; border-top:1px #996600 solid; background: #E3ECDB; padding-left:5px; border-right:1px #996600 dotted; text-align:left;}
div#reg_other td + td + td{ border-right:none;}

div#reg_other01{ line-height:30px;}
div#reg_other01 th{ border-top:1px #996600 solid; text-align:center; background: #D2E0C5;}
div#reg_other01 tr td{ width:350px; border-top:1px #996600 solid; text-align:left; padding-left:10px; background:#D2E0C5; border-right:1px #996600 dotted; text-align:center;}
div#reg_other01 tr td + td{ width:350px; border-top:1px #996600 solid; text-align:left; padding-left:10px; background:#D2E0C5; border-right:1px #996600 dotted; text-align:center;}

div#reg_other01 td + td{ width:350px; border-top:1px #996600 solid; text-align:left; background: #E3ECDB; padding-left:5px; border-right:1px #996600 dotted; text-align:left; border-right:none;}


div#reg_other th span{ color:#CC0000;}
.reg_other_end{ padding-bottom:3px;}
.reg_other_end01{ border-bottom:1px #996600 solid; padding-bottom:3px;}


div#reg_act_title{ line-height:35px; width:700px; text-align:center; background: #E1E1E1; font-weight:bold;}

div#reg_act{ line-height:35px;}
div#reg_act th{ width:70px; border-top:1px #996600 solid; text-align:center; background: #E1E1E1; padding:5px;}
div#reg_act th + th{ width:600px; border-right:none;}

div#reg_act td{ width:99px; border-top:1px #996600 solid; text-align:left; background: #EFEFEF;}
div#reg_act td + td{ width:595px; padding-left:5px; border-right:none; text-align:left;}

div#reg_act #reg{ text-align:center; display:block:700px;}
div#reg_act #reg input{ margin-top:10px; padding:3px 5px; text-align:center;}
div#reg_act select {border: 1px solid #EFEFEF; padding:3px 5px; color: #998968; font-size: 12px; vertical-align: middle; height:auto;}


div#reg_act #reg_act_01{ line-height:30px; background:#FFFFFF; margin:5px;}
div#reg_act #reg_act_01 th{ width:80px; border-top:1px #666666 dotted; border-left:1px #666666 dotted;text-align:center;}
div#reg_act #reg_act_01 th + th{ width:95px;text-align:center;}
div#reg_act #reg_act_01 th + th + th{ width:110px;text-align:center;}
div#reg_act #reg_act_01 th + th + th + th{ width:115px;text-align:center; line-height:20px;}
div#reg_act #reg_act_01 th + th + th + th + th{ width:245px; text-align:center;}
div#reg_act #reg_act_01 th + th + th + th + th + th{ width:55px; text-align:center; border-rigth:1px #666666 dotted;}

div#reg_act #reg_act_01 td{ width:80px; border-top:1px #666666 dotted; border-left:1px #666666 dotted; background:#FFFFFF;text-align:center;}
div#reg_act #reg_act_01 td + td{ width:95px;text-align:center;}
div#reg_act #reg_act_01 td + td + td{ width:110px;text-align:center;}
div#reg_act #reg_act_01 td + td + td + td{ width:115px;text-align:center;}
div#reg_act #reg_act_01 td + td + td + td + td{ width:245px;text-align:center;}
div#reg_act #reg_act_01 td + td + td + td + td + td{ width:55px; text-align:center; border-rigth:1px #666666 dotted;}


div#reg_act #reg_act_01 input , select{ border:1px #999 solid; height:auto;}

div#reg_act #reg_act_02{ width:575px; line-height:30px; margin: 0 10px 10px 10px; background:#FFFFFF;}
div#reg_act #reg_act_02 td{ width:125px; border-top:1px #666666 dotted; border-left:1px #666666 dotted; border-bottom:1px #666666 dotted; background:#FFFFFF;}
div#reg_act #reg_act_02 td + td{ width:465px; border-right:1px #666666 dotted;}

div#reg_act #reg_act_03{ width:690px; line-height:30px; margin:5px; background:#FFFFFF; text-align:center; font-weight:bold;}
div#reg_act #reg_act_03 td{ width:80px; border-top:1px #666666 dotted; border-left:1px #666666 dotted; border-bottom:1px #666666 dotted; background:#FFFFFF; text-align:center;}
div#reg_act #reg_act_03 td + td{ width:520px; border-right:1px #666666 dotted; line-height:20px; padding:10px 5px; text-align:left;}
div#reg_act #reg_act_03 td + td + td{ width:100px; border-right:1px #666666 dotted; text-align:center; color:#F00; font-weight:bold;}

div#reg_act #reg_act_04{ line-height:40px; margin: 0 10px 5px 10px; background:#FFFFFF;}
div#reg_act #reg_act_04 th{ width:120px; border-top:1px #666666 dotted; border-left:1px #666666 dotted;}
div#reg_act #reg_act_04 th + th{ width:200px; text-align:center;}
div#reg_act #reg_act_04 th + th + th{ width:247px; border-right:1px #666666 dotted; text-align:center;}

div#reg_act #reg_act_04 td{ width:120px; border-top:1px #666666 dotted; border-left:1px #666666 dotted; background:#FFFFFF;}
div#reg_act #reg_act_04 td + td{ width:200px; text-align:center;}
div#reg_act #reg_act_04 td + td + td{ width:247px; border-right:1px #666666 dotted; text-align:center;}



div#reg_act #reg_act_05{ line-height:30px; background:#FFFFFF; margin:5px;}
div#reg_act #reg_act_05 th{ width:80px; border-top:1px #666666 dotted; border-left:1px #666666 dotted;text-align:center;}
div#reg_act #reg_act_05 th + th{ width:95px;text-align:center;}
div#reg_act #reg_act_05 th + th + th{ width:110px;text-align:center;}
div#reg_act #reg_act_05 th + th + th + th{ width:115px;text-align:center; line-height:20px;}
div#reg_act #reg_act_05 th + th + th + th + th{ width:245px; text-align:center;}
div#reg_act #reg_act_05 th + th + th + th + th + th{ width:55px; text-align:center; border-rigth:1px #666666 dotted;}

div#reg_act #reg_act_05 td{ width:80px; border-top:1px #666666 dotted; border-left:1px #666666 dotted; background:#FFFFFF;text-align:center;}
div#reg_act #reg_act_05 td + td{ width:95px;text-align:center;}
div#reg_act #reg_act_05 td + td + td{ width:110px;text-align:center;}
div#reg_act #reg_act_05 td + td + td + td{ width:115px;text-align:center;}
div#reg_act #reg_act_05 td + td + td + td + td{ width:245px;text-align:center;}
div#reg_act #reg_act_05 td + td + td + td + td + td{ width:55px; text-align:center; border-rigth:1px #666666 dotted;}


div#reg_act #reg_act_05 input , select{ border:1px #999 solid; height:auto;}




.reg_act_column{ border-bottom:1px #666666 dotted;}



/*年會表格*/
#mytable { 
    width: 590px; 
    padding: 0; 
    margin: 0; 
} 

#mytable th { 
    font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
    color: #4f6b72; 
    border-right: 1px solid #C1DAD7; 
    border-bottom: 1px solid #C1DAD7; 
    border-top: 1px solid #C1DAD7; 
    letter-spacing: 2px; 
    text-transform: uppercase; 
    text-align: center; 
    padding: 6px 6px 6px 12px; 
    background: #CAE8EA url(images/bg_header.jpg) no-repeat; 
	line-height:20px;
} 


#mytable td { 
    border-right: 1px solid #C1DAD7; 
    border-bottom: 1px solid #C1DAD7; 
    background: #fff; 
    font-size:11px; 
    padding: 6px 6px 6px 12px; 
    color: #4f6b72; 
    text-align: center;
	line-height:20px;
} 
.nobg { 
    border-top: 0; 
    border-left: 0; 
    border-right: 1px solid #C1DAD7; 
    background: none; 
}
 
.ttd03 {
	background-color:#CEE7FF;
    border-right: 1px solid #C1DAD7; 
    border-bottom: 1px solid #C1DAD7; 
    font-size:11px; 
    padding: 6px 6px 6px 12px; 
    color: #FF0000; 
    text-align: center;
	line-height:20px;
}


.alt { 
    background: #F5FAFA; 
    color: #797268; 
} 

.spec { 
    border-left: 1px solid #C1DAD7; 
    border-top: 0; 
    background: #fff url(images/bullet1.gif) no-repeat; 
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
} 

.specalt { 
    border-left: 1px solid #C1DAD7; 
    border-top: 0; 
    background: #f5fafa url(images/bullet2.gif) no-repeat; 
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
    color: #797268; 
} 
/*---------for IE 5.x bug*/ 


/*輪播效果用*/

.jd_ad_slide {
	width: 980px;
	height: 390px;
	float: left;
	position: relative;

} 
.jd_ad_banner {
	position: absolute; left: 0; top: 201px;
	width: 100%; height: 189px;
	background-image:url(../images/index/banner_01.png) ;
	background-repeat:no-repeat;
	background-position:bottom;
	z-index:2;

}
.jd_ad_img {
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	display: none;
	z-index:1;
}
.jd_ad_btn {
	position: absolute; right: 3px; bottom: 8px;
	z-index:3;	
}
.jd_ad_btn_a {
	width: 22px; height: 22px;
	line-height: 22px;
	margin-right: 5px;
	text-align: center;
	border-radius: 12px;
	background-color: #999;
	color: #fff;
	float: left;
}
.jd_ad_btn_a:hover {
	text-decoration: none;
}
.jd_ad_btn .active {
	background-color: #E4393C;
}
.jd_service {
	width: 310px;
	padding-top: 230px;
	float: right;
}
.jd_nav_x {
	height: 30px;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.js_nav_a {
	width: 25%; *width: 24.9%;
	line-height: 20px;
	padding: 5px 0;
	text-align: center;
	font-size: 14px; font-family: 'microsoft yahei';
	float: left;
}
.jd_nav_x .active {
	color: #E4393C;
}
.jd_service_con {
	height: 136px;
	border: 1px solid #f1f1f1; border-top: 2px solid #aaa;
	position: relative;
}
.jd_service_img {
	position: absolute;
	display: none;
}
.jd_point_line {
	position: absolute; top: -2px; left: 0; z-index: 1;
	width: 25%;
	border-bottom: 2px solid #E4393C;
	text-align: center;
}
.jd_point_cor {
	position: absolute; bottom: 0; left: 50%;
	width: 0; height: 0;
	margin-left: -5px;
	border-style: dashed dashed solid; border-width: 5px; border-color: transparent transparent #E4393C;
	overflow: hidden;
}

.button_tag06 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 25px;
    border: 1px solid #ce182f;
    border-radius: 8px;
    background: #ff2d58;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff2d58), to(#ce182f));
    background: -moz-linear-gradient(top, #ff2d58, #ce182f);
    background: linear-gradient(to bottom, #ff2d58, #ce182f);
    text-shadow: #790e1c 1px 1px 0px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}

.button_tag06:hover,
.button_tag06:focus {
    border: 1px solid ##f21c37;
    background: #ff366a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff366a), to(#f71d38));
    background: -moz-linear-gradient(top, #ff366a, #f71d38);
    background: linear-gradient(to bottom, #ff366a, #f71d38);
    color: #ffffff;
    text-decoration: none;
}
.button_tag06:active {
    background: #ce182f;
    background: -webkit-gradient(linear, left top, left bottom, from(#ce182f), to(#ce182f));
    background: -moz-linear-gradient(top, #ce182f, #ce182f);
    background: linear-gradient(to bottom, #ce182f, #ce182f);
}
.button_tag06:after{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 -4px -6px 4px;
    position: relative;
    top: 0px;
    left: 3px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADx0lEQVRIib2WTWhcVRTHf/fjzUcmyUwy02mSFoMxKmJLE1r8LlURRRB14UZFsLhyYRd271LcqlApLlViFV2IRQJqrF1UU2zaUBpt2pSkrc6kSZOZyWQyH/ceF0nMpMyUUsX/4/IenHfO755zD4eraKZutqNpb2qvl2OWDHONTKqhQ4rW5P7ksd5Eb6cgN42tlGLy8uQvhY8KLzey28ZepPcN7hs4+NhB7cU1DS5A2IR4a+iAHWU0AqzcGgB0jTKL5et48aA2pyp1H4EJcFSbbqIZADFVSq6AE49qXEhEIJAAsc2zbArAVFh2SwhrGdRBRDbeVQnA1m4DYKusSAGPR3FDieoARizqdgBiKpSkAMoDoGQzRWR1aSzqFkpkAb3hjVW2ygoFWM/ghnOQtaWwaFvTazFCdb/UAG/NizzZ+1TySCQIWRuAMWAsujUW0WXyKCWotTNYZ3hAFIgHxJDsiXXt/qT7sqtBzYGrKQrLxfyVw7lHbTTCPcluk3ogvZdIyGIsGA3aCGWdR2s2AGqtRdfK4wHvYLBrl/ZbVMI58DVNZmmW09kTiauWO+xyDn390iyngqPcl3yQFhPBKjAKtAKt2QSB1Z37dYCA8woP5Kp5JhfOs1TMsngJpAbWn2N04S5mW8LF9EzsOF12J+1BK0YLxoA2YLXBKItSGhC8djjvcEpY8WUW3QKZYoaFUp64htI05M4zzmWmDDkypYv8Sg/7oiHfEU3PU9RlJFgBU8FqS0iHsQRopRHxVPwyOX+NbHWKTPUiOTePkzJdWvPX78LVk/xcOMKrlJkxgFBiuniWn6Sbh8MxurZtDTGrsggetf4ohUIQcXg8iEcphVcOpT3bXYJLEyWmR/h64XP245kBMP80VZVs4RTDpGRHkKj0DaTvRwcxEjZFwqaJ2yRtppMW3U5YR7E6QKEJ64CtpQRnz/3pL3wjh+e+4gBsjO4NwGp3LOZ+Y9jF/Da65ncOpgZpCW+hzXQSN2naTSdR00agwig0LSZGeMlxcuJMZeJT3r32Le8AhfqQmwGrKuZO830VH631Tu3Z0bFLp6L9tJoO4jZFVMfQGNptnHzuAscnji2dOcTb137gAxqM60YAgPLiWY4t56VYuXd8b39Hv72z5SGiupWQjhAPUvyxeJSR8eG50fd4Y+4EQ3CTmX0T2Z4neP2VERa+mH1TppfHZbo0JoeuPCPPf8l0+908Tv2IuU3p9B6ee+1Hsh9nn5b3M7vlhc8YC6cZ+LeBN0HifTzy0hBjz37IdypM338ZvF4puMWbxv+lvwGN+of4Z28sAQAAAABJRU5ErkJggg==") no-repeat left center transparent;
    background-size: 100% 100%;
}