@charset "utf-8";

/*---------------------------------------------------------------
!!! 僅適用於 糖尿病對話網 !!!
visual & css design by DAWN Study
2012 / 02
----------------------------------------------------------------*/


/*  全站共用
----------------------------------------------------------------------------------------------------*/
body, h1, h2, h3, h4, div{ padding:0;  margin:0;}
body, table,tr,button,th,form,select, input , input, textarea {
    padding:0;  margin:0; color: #606060; 
	font: 13px/20px "Calibri", "Liberation Sans","Helvetica", "sans-serif";
	/*font-size: 15px;
	font: "Calibri", "Liberation Sans","Helvetica", "sans-serif";*/
}
body {
	background: #f9f9f9 url(../images/2012index/bg.gif);
}
input , select{
    border:1px solid #bab0a4; color:#998968; font-size:12px; vertical-align:middle; height: 17px;}
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;
}

a:link         {color: #383838; text-decoration: none;}
a:visited      {color: #383838; text-decoration: none; outline:none;/* ● 去除Firefox會在鏈接周圍產生一個虛線外框 */}
a:active       {color: #383838; 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%;}



#wrapper0 {
	position:relative;
	margin: 0px auto;
}
#header0 {
	position:relative;
	width: 100%;
	margin: 0 auto;
	background: url(../images/2012index/menuBg.gif) repeat-x;
	background-position: 0 150px;
}

#wrapper {
	position:relative;
	margin: 0px auto;
}
#header {
	position:relative;
	width:962px;
	margin:0 auto;
}


/* top 
----------------------------------------------------------------------------------------------------*/
div#logo{ background: url(../images/2012index/logo.png) no-repeat; width: 311px; height: 150px; float: left;}
div#logo a{
	display:block;
	font-size:0px;
	width: 311px;
	height: 150px;
	text-indent:-5000px;
}

div#topPic{ width: 640px; height: 140px; float: right; text-align: right; margin: 10px 0 0 0;}

div#searchGoogle{ float: right; margin: 8px 0 0 0;}
div#searchBtn input{ height: 31px; width: 29px; border : none; float: right;}
div#search{ height: 31px; padding: 0 7px 0 0; float: right;}
div#search input{ background: #dfdfdf; border: #dfdfdf 1px solid; margin: 6px 0 0 0; width: 160px; height: 22px;}

div#topPic ul{ padding: 0; margin: 16px 0 0 0; float: right;}
div#topPic li{ list-style: none; display: inline; background: url(../images/2012index/icon_arrow.png) no-repeat top left; background-position: 0 2px; padding: 0 0 0 8px; margin: 0 8px 0 0; font-size: 13px;}
div#topPic li:not([id*=""]) {background-position: 0 4px;}/**firefox**/


div#banner{ clear: both; padding: 0px; margin: 3px 0 0 0;}


/* redBText 在 重複使用text */
div#topPic li.redBText a:link         {color: #FF0066; text-decoration: none;}
div#topPic li.redBText a:visited      {color: #FF0066; text-decoration: none; outline:none;/* ● 去除Firefox會在鏈接周圍產生一個虛線外框 */}
div#topPic li.redBText a:active       {color: #FF0066; text-decoration: none;}
div#topPic li.redBText a:hover        {color: #ff33CC; text-decoration: underline;}


/*  navMenu 主選單
----------------------------------------------------------------------------------------------------*/
#navMenu{ clear: both; height: 66px;}
div#navMenu ul, div#navMenu li{ list-style: none; padding:0;  margin:0;}
#navMenu li, #navMenu li a{float: left; background: url(../images/2012index/menu.gif) no-repeat; height: 66px;}
#navMenu li a{display:block; font-size:0px; text-indent:-5000px; text-decoration: none; color: #fff;}

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

#navMenu li.navMenu01 a{background-position: 0px 0px; width: 90px;}
#navMenu li.navMenu02 a{background-position: -90px 0px; width: 148px;}
#navMenu li.navMenu03 a{background-position: -238px 0px; width: 164px;}
#navMenu li.navMenu04 a{background-position: -402px 0px; width: 160px;}
#navMenu li.navMenu05 a{background-position: -562px 0px; width: 117px;}
#navMenu li.navMenu06 a{background-position: -679px 0px; width: 117px;}
#navMenu li.navMenu07 a{background-position: -796px 0px; width: 78px;}
#navMenu li.navMenu08 a{background-position: -874px 0px; width: 88px;}

#navMenu li.navMenu01 a:hover{background-position: 0px -66px; width: 90px;}
#navMenu li.navMenu02 a:hover{background-position: -90px -66px; width: 148px;}
#navMenu li.navMenu03 a:hover{background-position: -238px -66px; width: 164px;}
#navMenu li.navMenu04 a:hover{background-position: -402px -66px; width: 160px;}
#navMenu li.navMenu05 a:hover{background-position: -562px -66px; width: 117px;}
#navMenu li.navMenu06 a:hover{background-position: -679px -66px; width: 117px;}
#navMenu li.navMenu07 a:hover{background-position: -796px -66px; width: 78px;}
#navMenu li.navMenu08 a:hover{background-position: -874px -66px; width: 88px;}







/*  中間區塊
----------------------------------------------------------------------------------------------------*/
div#indexMain{ padding: 21px 0 0 0;}

div#indexMainLeft{ float: left; height: 397px; width: 640px; overflow: hidden;}

div#indexMainRight{ float: right; width: 300px; overflow: hidden;}

div#indexMov{ padding: 23px 0 0 0;}


/*  indexMain 中間區塊
----------------------------------------------------------------------------------------------------*/
div#title_news{ background: url(../images/2012index/title_news.png); width: 132px; height: 31px; float: left;}
div#title_QA{ background: url(../images/2012index/title_qa.png); width: 132px; height: 31px; float: left;}
div#title_Mov{ background: url(../images/2012index/title_mov.png) no-repeat; height: 31px;}

div#readMore{ float: right ; padding: 15px 0 0 0;}
div#readMore a:link         {color: #009ed9; text-decoration: none;}
div#readMore a:visited      {color: #009ed9; text-decoration: none; outline:none;/* ● 去除Firefox會在鏈接周圍產生一個虛線外框 */}
div#readMore a:active       {color: #009ed9; text-decoration: none;}
div#readMore a:hover        {color: #ff33CC; text-decoration: underline;}

div#indexRowA{ font-size: 15px;}

div#indexRowA ul{ padding: 0px; margin: 17px 0 0 0; list-style: none;}
div#indexRowA li{ background: url(../images/2012index/icon_blue.png) left top no-repeat; padding: 0 0 3px 24px; border-bottom: 1px #cac8c8 solid; margin: 5px 0 0 0;}
div#indexRowA li a{ font-size: 13px; letter-spacing: 1px;}

div#indexRowB{ margin: 16px 0 0 0;}

div#indexRowB ul{ padding: 0px; margin: 17px 0 0 0; list-style: none;}
div#indexRowB li{ background: url(../images/2012index/icon_green.png) left top no-repeat; padding: 0 0 5px 24px; border-bottom: 1px #cac8c8 solid; margin: 7px 0 0 0; letter-spacing: 1px;}

div#indexRowC{ margin: 6px 0 0 0; width: 300px; height: 59px; overflow: hidden;}


/*  indexMov 中間區塊
----------------------------------------------------------------------------------------------------*/
div#indexMov_bg{ background:#FFFFFF; border: 1px #c8c8c8 solid; height: 205px; margin: 8px 0 0 0;}




/*  indexBanner 中間區塊
----------------------------------------------------------------------------------------------------*/
div#indexBanner{ padding: 30px 0; width: 662px; float: left;}
div#indexBanner ul{padding: 0px; margin: 0px; list-style: none;}
div#indexBanner li{ float: left; margin: 0 9px 0 0;}

div#indexFB{ float: right; padding: 30px 0; width: 300px; }




/*  內頁中間區塊
----------------------------------------------------------------------------------------------------*/
div#Main{ padding: 21px 0 0 0;}

div#MainRight{ float: right; width: 747px; overflow: hidden;}

div#MainLeft{ float: left; width: 195px; overflow: hidden;}

#breadCrumbs{ color: #414141; height:21px; letter-spacing: 2px; font-size: 10px; width: 747px; text-align: right;}
#breadCrumbs a{color: #414141; font-size: 10px;}

#Main-main{ background: url(../images/bg.png) repeat; width: 747px; overflow: auto; margin: 0 0 20px 0;}
.lineGray{ background: url(../images/line_main.png) repeat-x top; padding: 8px 0 0 0; height: 5px; margin: 15px 20px 0 21px;}



/*  Main-main
----------------------------------------------------------------------------------------------------*/
div#Main-main dl, div#Main-main dt, div#Main-main dd { margin: 0; padding: 0;}
div#Main-main dt{ background: url(../images/main/title.png); width: 747px; height: 33px;}
div#Main-main dt th{ height: 32px; border-bottom: 1px #cecece solid; color: #1c6e8d; padding: 0 24px; font-weight: bold; font-size: 15px; letter-spacing: 3px;}
div#Main-main dt td{ background: url(../images/main/titleLine.png); width: 23px;}

div#Main-main-Cont{ margin: 45px 20px 0 24px; font-size: 15px; line-height: 180%; overflow: hidden; line-height: 180%; }



/*  MainLeft
----------------------------------------------------------------------------------------------------*/
div#MainLeft-row-1{ width: 195px;}
div#MainLeft-row-2{ width: 195px; margin: 12px 0 0 0;}
div#MainLeft-row-3{ width: 195px; margin: 12px 0 0 0;}/*banner*/
div#MainLeft-row-4{ width: 195px; margin: 12px 0 0 0;}/*banner*/
div#MainLeft-row-5{ width: 195px; margin: 12px 0 8px 0;}/*facebook*/
div#MainLeft-row-bottom{ background: url(../images/leftTitle/bottom.jpg); height: 10px; font-size: 0px;}


/*  login_MainLeft-row-1
----------------------------------------------------------------------------------------------------*/
div#MainLeft-row-1 dl, div#MainLeft-row-1 dt, div#MainLeft-row-1 dd { margin: 0; padding: 0;}
div#MainLeft-row-1 dt{ background: url(../images/leftTitle/login.jpg); height: 35px;}
div#MainLeft-row-1 dd{ background: url(../images/leftTitle/bg.gif) repeat-y; padding: 7px 0 0 0;}

div#MainLeft-row-1 dd table{ margin: 0px auto;}
div#MainLeft-row-1 dd td{ font-size: 12px;}
div#MainLeft-row-1 dd th{ font-size: 12px; padding: 3px 3px 0 0;}
div#MainLeft-row-1 a{ color: #FF0000;}
.loginUid{ width: 75px;}
.loginEnter{ border: none; height: 19px;}
.loginPwd{ width: 75px;}

/*  MainLeft-row-2
----------------------------------------------------------------------------------------------------*/
div#MainLeft-row-2 dl, div#MainLeft-row-2 dt, div#MainLeft-row-2 dd { margin: 0; padding: 0;}
div#MainLeft-row-2 dt{ background: url(../images/leftTitle/member.jpg); height: 35px;}
div#MainLeft-row-2 dd{ background: url(../images/leftTitle/bg.gif) repeat-y; padding: 7px 0 0 0;}

div#MainLeft-row-2 dd ul { margin: -13px 0 0 0; padding: 0px;}
div#MainLeft-row-2 dd li { margin: 0px; padding: 0px; list-style: none;}
div#MainLeft-row-2 dd li{ background: url(../images/icon_bluePen.png) no-repeat; padding: 0 0 3px 25px; margin: 16px 10px 0 10px; border-bottom: 1px #cfcfcf solid;}
div#MainLeft-row-2 dd li a { color: #606060;}



td.questionicon{ background: url(../images/icon_arrow.png) no-repeat left; background-position: 0 18px; padding: 20px 0 10px 25px; font-weight: bold; border-bottom: 2px dashed #e03e8c;}
td.questionicon span{ color: #e03e8c; font-size: 16px;}


/*  question01 ----------*/
#question01Index{ font-size: 12px; text-align:justify; text-justify:inter-ideograph; padding: 30px 0 25px 0; line-height: 200%; color: #4f5758; text-align:center;}
.question01info{background-color:#f6fadc; text-align: center; font-size: 18px; font-weight: bold; padding: 20px 0; line-height: 200%; color: #4d4d4d;}
.question01info input{ width: 30px;}
#question01Main{ margin: 0 auto;}
#question01TitleBg{ background: url(../images/question01/question01titleBg.gif) right top repeat-y;}
#question01{color: #7887c1; font-size: 16px;}
#question01 td{color: #7887c1; font-size: 16px;}
#question01 th{padding: 5px; color: #515f95; font-size: 13px; font-weight: bold;}
.question01icon{
	background:url(../images/question01/iconQuestion01.gif) no-repeat;
	padding: 15px 12px 12px 25px;
	background-position: 0 18px;
	font-weight: bold;
	border-bottom: 1px dashed #7887c1;
	width: 395px;
}
.question01iconEnd{
	background:url(../images/question01/iconQuestion01.gif) no-repeat;
	padding: 15px 12px 12px 25px;
	background-position: 0 16px;
	font-weight: bold;
	border-bottom: 1px dashed #7887c1;
}
.question01iconEnd2{
	background:url(../images/question01/iconQuestion01.gif) no-repeat;
	padding: 15px 12px 12px 25px;
	background-position: 0 16px;
	font-weight: bold;
	border-bottom: 1px dashed #7887c1;
	width: 320px;
}
.question01iconInput{
	border-bottom: 1px dashed #7887c1;
	text-align:center;
	padding: 15px 0 0 0;
}
.question01iconEnd2S{ width: 25px; height: 25px; border: 1px solid #7887c1; margin: 0 auto;}

#question01Menu{margin: 7px auto;}
#question01Menu th{padding: 5px 16px 5px 0;}
* html #question01Menu th{padding: 5px 14px 5px 0;}/**ie6**/
#question01Menu td{padding: 5px 0 5px 0;}


/**題中題**/
.question01icon_Q1{
	padding: 8px 0px 0px 25px;
	font-weight: bold;
}
.question01icon_A1{
	padding: 8px 0px 8px 25px;
	border-bottom: 1px dashed #7887c1;
}
.question01icon_A1 td{
	font-size: 13px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}




/*  question02 ----------*/
#question02Main{ margin: 0 auto;}
#question02TitleBg{ background: url(../images/question02/question02titleBg.gif) right top repeat-y;}
#question02{color: #97a926; font-size: 16px; margin: 5px 0 0 0;}
#question02 th{padding: 5px; color: #535f06; font-size: 13px; font-weight: bold; text-align:center;}
.question02icon{
	background:url(../images/question01/iconQuestion01.gif) no-repeat;
	padding: 15px 5px 12px 25px;
	background-position: 0 16px;
	font-weight: bold;
	border-bottom: 1px dashed #7887c1;
	width: 265px;
}
.question02iconInput{
	border-bottom: 1px dashed #7887c1;
	text-align:center;
	vertical-align: top;
	padding-top: 15px;
}

#question02Menu{margin: 7px auto;}
#question02Menu th{padding: 5px 15px 5px 0px;}
* html #question02Menu th{padding: 5px 15px 5px 0;}/**ie6**/
#question02Menu td{padding: 5px 0 5px 0;}

.fin{
	position:absolute;
	left: 655px;
	padding: 7px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #606f04;
	margin: 0px;
}




/*  files/question02 ----------*/
#filesTable table, #filesTable td{ padding: 0; margin: 0;}
.filesLeft{ background: url(../images/question02/animation01.gif); width: 7px; height: 30px; font-size: 0px;}
.filesRight{ background: url(../images/question02/animation03.gif); width: 7px; height: 30px; font-size: 0px;}
.filesBg{ background: url(../images/question02/animation02.gif) repeat-x; height: 27px; color: #333333; padding: 3px 0 0 0;}


/*  files/question02  overMenu
----------------------------------------------------------------------------------------------------*/
.navBg{ background: url(../images/question02/animation02.gif) repeat-x; height: 30px; font-size: 12px; width: 190px;}
.navBg ul{ padding: 0; margin: 0;}
.navBg li{display: inline; color: #7f3dac; padding: 0 10px 0 13px; list-style:none;}
.navBg a{ color: #7f3dac;}
.seLine{ border-left: 1px #7f3dac solid; }

#nav01se {
	top: 366px;
	left: 239px;
	position: absolute;
	padding: 5px 0px 0px 0px;
	visibility: hidden;
}
#nav01se a{ color: #7f3dac;}

#nav02se {
	top: 366px;
	left: 393px;
	position: absolute;
	padding: 5px 0px 0px 0px;
	visibility: hidden;
}
#nav02se a{ color: #7f3dac;}

#nav03se {
	top: 366px;
	left: 508px;
	position: absolute;
	padding: 5px 0px 0px 0px;
	visibility: hidden;
}
#nav03se a{ color: #7f3dac;}

#nav04se {
	top: 366px;
	left: 623px;
	position: absolute;
	padding: 5px 0px 0px 0px;
	visibility: hidden;
}
#nav04se a{ color: #7f3dac;}

#nav05se {
	top: 366px;
	left: 790px;
	position: absolute;
	padding: 5px 0px 0px 0px;
	visibility: hidden;
}
#nav05se a{ color: #7f3dac;}

#nav06se {
	top: 366px;
	left: 423px;
	position: absolute;
	padding: 5px 0px 0px 0px;
	visibility: hidden;
}
#nav06se a{ color: #7f3dac;}

















/*  link
----------------------------------------------------------------------------------------------------*/
#link { margin: 10px auto;}
#link td{padding: 12px;}
#link img{ border: 1px solid #666666;}


/*  web_epaper
----------------------------------------------------------------------------------------------------*/
table#paper_List table, table#paper_List td { margin: 0px; padding: 0px;}

.paperTitle { background: url(../images/discuss/disTitleBg.jpg); width: 707px; height: 38px; }
.paperTitle ul{ margin: 0px; padding: 0px;}
.paperTitle li{ list-style: none; display: block; height: 28px; float: left; text-align: center; font-weight: bold; font-size: 13px; padding: 10px 0 0 0;}
.paperTitleA { width: 230px; background:url(../images/discuss/titleLineTitle.gif) right bottom no-repeat;}
.paperTitleB { width: 473px; }


.paperTitleBg{ background:url(../images/discuss/disListBg.jpg) bottom left; width: 707px;}
.paperTitleBg li{ list-style: none; display: block; float: left;}
.paperTitleBgA { width: 230px; background:url(../images/discuss/titleLine.gif) right bottom no-repeat;}
.paperTitleBgA div{ background:url(../images/discuss/iconTitleBlue.gif) top left no-repeat; padding: 0 0 0 30px; margin: 0 10px;}
.paperTitleBgB div{ width: 450px; margin: 7px 10px; overflow: hidden;}



/*  e-paper
----------------------------------------------------------------------------------------------------*/
.e_title{ font-size: 20px; font-weight: bold;}
.e_title_e{ font-size: 20px; font-weight: bold;}
.e_auther{ font-size: 11px;}
.e_cont{ font-weight: normal;}




/*  resources
----------------------------------------------------------------------------------------------------*/
#serach ul{ margin: 0px; padding: 0px;}
#serach li{list-style: none;}
.pageCountLeft{ float: left; padding: 18px 0 0 0;}
.pageCountRight{ float: right; font-size:12px;}


/*  resources  resourcesInfo
----------------------------------------------------------------------------------------------------*/
table.resourcesInfo table, table.resourcesInfo td { margin: 0px; padding: 0px;}

.resourcesInfo { background: url(../images/resources/titleBg.gif); width: 707px; height: 38px;}
.resourcesInfo ul{margin: 0px; padding: 0px;}
.resourcesInfo li{ list-style: none; display: block; height: 28px; float: left; text-align: center; font-weight: bold; padding: 10px 0 0 0; font-size: 13px;}
.resourcesInfoA { width: 160px; background:url(../images/resources/line.gif) right bottom no-repeat;}
.resourcesInfoB { width: 477px;}


.resourcesInfoBg{ background:url(../images/resources/mainBgAinfo.gif) bottom;}
.resourcesInfoBg td{ padding: 10px;}
.resourcesInfoBgA { width: 140px; background:url(../images/resources/titleLine.gif) right bottom no-repeat; padding: 0 0 0 10px; text-align: center; line-height: 130%; border-bottom: 1px dotted #838383;}
.resourcesInfoBgB { width: 557px; border-bottom: 1px dotted #838383;}


.contInfo{line-height: 180%; text-align:justify; text-justify:inter-ideograph; border-bottom: 1px dotted #838383; width: 707px;}
.contInfo li{margin: 0 0 0 24px;}

.infoDownload{width: 160px; text-align: center; background: url(../images/resources/line.gif) right bottom no-repeat; }

#Words{ padding: 10px 0 0 0; z-index: 1;}






/************ 2011 member login *******************/
#loginProBg2{ background:url(../images/member/loginPro_ID2.gif); width: 334px; height: 122px; padding: 85px 0px 0px 40px; vertical-align: top;}
#loginProBg2:not([id*=""]) {width: 334px; height: 207px; padding: 85px 0px 0px 40px;}/**firefox**/
*+html #loginProBg2{width: 334px; height: 122px; padding: 85px 0px 0px 40px;}/**ie7**/

/************ 2011 member forgotPWD *******************/
#loginProBg3{ background:url(../images/member/loginPro_forgotPWD.gif); width: 334px; height: 122px; padding: 85px 0px 0px 40px; vertical-align: top;}
#loginProBg3:not([id*=""]) {width: 334px; height: 207px; padding: 85px 0px 0px 40px;}/**firefox**/
*+html #loginProBg3{width: 334px; height: 122px; padding: 85px 0px 0px 40px;}/**ie7**/


#loginProTable td{ color: #FFFFFF; vertical-align: top; font-size: 12px;}
#loginProTd{padding: 7px 0 0 0;}
.loginProText{padding: 18px 5px 0 0; text-align:right;}
.loginProInput{padding: 13px 0 0 0;}
.loginProGo{padding: 13px 0 0 10px; border: 0px; height: 49px;}


#loginTable td{padding: 8px;}
#loginTable input,select,option{font-family: "Times New Roman", Times, serif;}
#loginTable option{padding: 0 10px;}
.mailInput{ width: 430px;}











/************ discuss index *******************/
table#dis_List table, table#dis_List td { margin: 0px; padding: 0px;}

.disTitle ul{ margin: 0px; padding: 0px;}
.disTitle { background: url(../images/discuss/disTitleBg.jpg); width: 707px; height: 38px;}
.disTitle li{ list-style: none; display: block; height: 28px; float: left; text-align: center; font-weight: bold; padding: 10px 0 0 0; font-size: 13px;}
.disTitleA { width: 370px; background:url(../images/discuss/titleLineTitle.gif) right bottom no-repeat;}
.disTitleB { width: 100px; background: url(../images/discuss/titleLineTitle.gif) right bottom no-repeat;}
.disTitleC { width: 230px;}

.disTitleBg{ background:url(../images/discuss/disListBg.jpg) bottom; width: 637px;}
.disTitleBg li{ list-style: none; display: block; float: left;}
.disTitleBgA { width: 370px; background:url(../images/discuss/titleLine.gif) right bottom no-repeat;}
.disTitleBgA div{ background:url(../images/discuss/iconTitleBlue.gif) top left no-repeat; margin: 6px 10px 10px 20px; padding: 0 0 0 30px;}
.disTitleBgB { width: 100px; background: url(../images/discuss/titleLine.gif) right bottom no-repeat; text-align:center; padding: 6px 0 10px 0;}
.disTitleBgC { width: 230px; padding: 6px 0 10px 0; text-align:center; }

#dis_search ul{ margin: 0px; padding: 0px;}
#dis_search li{ list-style: none;}
.dis_search_Count{display: block; float: left;}
.dis_search_search{display: block; float: right;}
.inputSerach{ height: 16px; width: 100px; color:#464646; vertical-align: bottom;}
.selectSearch{height: 20px; color:#464646; font-size:12px;}
.selectSearch:not([class*=""]) {height: 20px; font-size:12px;}/**firefox**/
.SearchEnter{ border: none; height: 20px;}



/************ discuss info *******************/
.disInfoTitleA { width: 150px; background:url(../images/discuss/titleLineTitle.gif) right bottom no-repeat;}
.disInfoTitleB { width: 390px; background:url(../images/discuss/titleLineTitle.gif) right bottom no-repeat;}
.disInfoTitleC { width: 157px;}

.disInfoBg{ background:url(../images/discuss/disInfoBg.gif) left bottom no-repeat; width: 637px;}
.disInfoBgA {width: 150px; background: url(../images/discuss/titleLine.gif) right bottom no-repeat; text-align:center; padding: 9px 0 10px 0; border-bottom: 1px dotted #838383; line-height: 145%;}
.disInfoBgB {width: 350px; background: url(../images/discuss/titleLine.gif) right bottom no-repeat; padding: 6px 20px 10px 20px; border-bottom: 1px dotted #838383; line-height: 145%;}
.disInfoBgC {width: 157px; padding: 6px 0 10px 0; border-bottom: 1px dotted #838383; text-align: center; line-height: 145%;}

#disInfoCont{ padding: 10px 20px 20px 20px; width: 663px;}
#disInfoCont li { margin: 0 0 0 20px;}

.disReInfoTitleA { width: 200px; background:url(../images/discuss/titleLineTitle.gif) right bottom no-repeat;}
.disReInfoTitleC { width: 422px; padding: 6px 15px 10px 0;}
.disReInfoTitleC div{ text-align: right; font-weight: normal; font-size: 12px;}



/************ discuss post & Repost *******************/
#postBg{ background: url(../images/discuss/postBg.gif); width: 707px; height:550px;}
#postTd { margin: 25px auto;}
#postTd th{padding: 8px; font-size: 13px; font-weight: bold;}
#postTd td{padding: 8px;}
#postTd td img { vertical-align: middle;}







/*  member_join_list.asp ----------*/
table.memTitle table, table.memTitle td { margin: 0px; padding: 0px;}

.memTitle { background: url(../images/resources/titleBg.gif); width: 707px; height: 38px;}
.memTitle ul{margin: 0px; padding: 0px;}
.memTitle li{ list-style: none; display: block; height: 28px; float: left; text-align: center; font-weight: bold; padding: 10px 0 0 0; font-size: 13px;}
.memTitleA { width: 210px; background:url(../images/resources/line.gif) right bottom no-repeat;}
.memTitleB { width: 140px; background: url(../images/resources/line.gif) right bottom no-repeat;}
.memTitleC { width: 140px; background: url(../images/resources/line.gif) right bottom no-repeat;}
.memTitleD { width: 110px; background: url(../images/resources/line.gif) right bottom no-repeat;}
.memTitleE { width: 87px;}


.memTitleBg{ background:url(../images/resources/mainBgB.gif) bottom; width: 637px;}
.memTitleBgA { width: 180px; background:url(../images/resources/titleLine.gif) right bottom no-repeat; padding: 10px 10px 10px 20px;}
.memTitleBgA div{ background:url(../images/resources/iconTitle.gif) top left no-repeat; padding: 0 0 0 30px;}
.memTitleBgB { width: 140px; background: url(../images/resources/titleLine.gif) right bottom no-repeat; text-align: center; padding: 20px 0 0 0;}
.memTitleBgC { width: 140px; background: url(../images/resources/titleLine.gif) right bottom no-repeat; text-align: center; padding: 20px 0 0 0;}
.memTitleBgD { width: 110px; background: url(../images/resources/titleLine.gif) right bottom no-repeat; text-align: center; padding: 20px 0 0 0;}
.memTitleBgE { width: 87px; text-align: center; padding: 20px 0 0 0;}







/*  member_join_question01_List.asp ----------*/
table.memJQTitle table, table.memJQTitle td { margin: 0px; padding: 0px;}

.memJQTitle { background: url(../images/member_pro/titleBg_s.gif); width: 530px; height: 38px;}
.memJQTitle ul{ margin: 0px; padding: 0px;}
.memJQTitle li{ list-style: none; display: block; height: 28px; float: left; text-align: center; font-weight: bold; padding: 10px 0 0 0; font-size: 13px;}
.memJQTitleA { width: 280px; background:url(../images/resources/line.gif) right bottom no-repeat;}
.memJQTitleB { width: 170px; background:url(../images/resources/line.gif) right bottom no-repeat;}
.memJQTitleC { width: 80px;}


.memJQTitleBg{ background:url(../images/member_pro/mainBgB_s.gif) bottom; width: 450px;}
.memJQTitleBgA { width: 280px; background:url(../images/resources/titleLine.gif) right bottom no-repeat; text-align: center; padding: 10px 0 10px 0;}
.memJQTitleBgB { width: 170px; background:url(../images/resources/titleLine.gif) right bottom no-repeat; text-align: center; padding: 15px 0 0 0;}
.memJQTitleBgC { width: 80px; text-align: center; padding: 10px 0 0 0;}






/*  contact
----------------------------------------------------------------------------------------------------*/
div#contact table { margin: 20px auto;}
div#contact td { font-size: 15px; padding: 7px;}
div#contact th { font-size: 15px; padding: 7px; text-align: right;}









/*  question 01 ----------*/
/*  question_01.asp(sugar_test)
----------------------------------------------------------------------------------------------------*/
.q_01_bg1{background: url(../images/sugar_test_q1/bg02.gif) center; width: 681px;}
.q_01_bg2{background: url(../images/sugar_test_q1/bg01.png) top no-repeat;}
.q_01_bg3{background:url(../images/sugar_test_q1/bg03.png) bottom no-repeat; padding: 185px 40px 40px 40px;}
.q_01_title{color: #CCCCCC; font-size: 16px; font-weight: bold;}

#q_01{}
#q_01 th{color: #CCCCCC; font-size: 16px; font-weight: bold; text-align: left;}
#q_01 td{color: #CCCCCC; font-size: 16px; line-height: 170%;}
.q_01icon{
	background:url(../images/icon_green.png) no-repeat;
	padding: 20px 12px 12px 30px;
	background-position: 0 18px;
	font-weight: bold;
	border-bottom: 1px dashed #CCCCCC;
	width: 550px;
}


.q_01_bg3 table#q_01_kind{ padding: 0; margin: 0;}
.q_01_bg3 table#q_01_kind td{ padding: 0; margin: 0;}
.q_01_bg3 table#q_01_kind td.filesBg{ padding: 0 5px;}






/*  active_01 ----------*/
/*  active_01.asp(active_01)
----------------------------------------------------------------------------------------------------*/
#active_01 {}
#active_01 td {
	width: 283px; height: 350px; background: #ce1247; padding: 35px 10px 0 27px; vertical-align: top; position:relative;
	color: #fff; font-weight: bold; font: 22px/1.5em Arial, "微軟正黑體", Helvetica, sans-serif;
}
#active_01 td + td { width: 41px; background: none; padding: 0;}
#active_01 td + td + td { width: 283px; height: 350px; background: #ce1247; padding: 35px 10px 0 27px;}

#active_01 td span { position: absolute; right: 10px; bottom: 10px;}

#active_01 td span a { display: block; background: url(../images/iconDisPost_01.png) no-repeat; width: 106px; height: 20px;} 
#active_01 td.none { background: none; height: 30px; padding: 0; width: auto;}

#active_01_table { margin: 7px 0 15px 0;}
#active_01_table tr { background: url(../images/discuss/disTitleBg.jpg) top repeat-x;}
#active_01_table th { 
	padding: 0; color: #525252; height: 38px; width: 500px; border-left: 1px solid #e3e3e3; letter-spacing: 10px;}
#active_01_table th + th { border-right: 1px solid #e3e3e3; width: 200px;}

#active_01_table tr + tr { background: #fbfcfd url(../images/discuss/disInfoBg.gif) right bottom no-repeat;}
#active_01_table td { 
	padding: 15px; color: #525252; height: 38px; width: 470px; border-left: 1px solid #e3e3e3;
	background: #fbfcfd url(../images/discuss/disInfoBg.gif) left bottom no-repeat;
}
#active_01_table td + td {
	border-right: 1px solid #e3e3e3; width: 350px; text-align: center;
	background: #fbfcfd url(../images/discuss/disInfoBg.gif) right bottom no-repeat;
}












/*  HowToUse
----------------------------------------------------------------------------------------------------*/
#HowToUse{ margin: 10px 48px 40px 45px;}
#HowToUse td{ font-size: 15px; text-align:justify; text-justify:inter-ideograph; line-height: 200%; color: #4f5758;}





/*  重複使用text
----------------------------------------------------------------------------------------------------*/
.psText11{ font-size:11px; line-height: 130%;}
.redText{ color: #FF0066;}
.redBText{ color: #FF0066; font-weight:bold;}
.blueText{ color: #0033FF;}

/* active_01 用 */
.blue01Text { color: #0c3387;}
.blue02Text { color: #0ba0e8;}

.text15b{ font-size: 15px; font-weight: bold;}
.text18b{ font-size: 18px; font-weight: bold;}
.textPinkRedB{font-weight:bold; color: #e84ea9;}
.textPinkRedB13{font-weight:bold; color: #e84ea9; font-size: 13px; padding: 3px 0;}
.textBlue{ color:#3333FF;}

/*文字縮排*/
.textIndent72{margin-left:72px;text-indent:-72px;}
.textIndent66{margin-left:66px;text-indent:-66px;}


.inputEnter{border: 0px; }
.inputEnter20{ border: 0px; height: 20px;}
.inputEnter24{ border: 0px; height: 24px;}
.inputEnter26{ border: 0px; height: 26px;}
.inputEnter42{ border: 0px; height: 42px;}
.inputEnter49{ border: 0px; height: 49px;}




/*  footer
----------------------------------------------------------------------------------------------------*/
#footer {
	position:relative;
	margin: 0px auto;
	clear: both;
}
div#footer div {
	position:relative;
	width:100%;
	margin:0 auto;
	background:url(../images/2012index/footerLine.gif) repeat-x top;
	text-align: center;
	padding: 55px 0;
}
div#footer div div {
	width: 962px;
	margin:0 auto;
	background:url(../images/2012index/footerBg.png) no-repeat;
	text-align: center;
	line-height: 180%;
	letter-spacing: 1px;
	padding: 25px 0;
	font-size: 12px;
}
div#footer div div ul{ padding: 0px; margin: 0px;}
div#footer div div li{ list-style: none; float: left;}
li#logo_tade{ margin: -15px 20px 0 180px;}
li#logo_novo{ margin: 0 0 0 20px;}