﻿@charset "utf-8";
/* CSS Document */

.hdtitle {height:35px;line-height:35px;font-size:15px;color:#333;background:url(../images/tabBgs.png) 0 bottom repeat-x;}
.hdtitlebxl {height:66px;line-height:70px;font-size:15px;color:#333;background:url(../images/service1.gif) 0 bottom repeat-x;}
.hdtitlebxr {height:66px;line-height:70px;font-size:15px;color:#333;background:url(../images/info1.gif) 0 bottom repeat-x;}
.hdtitlediti {height:66px;line-height:65px;font-size:15px;color:#333;background:url(../images/digi1.gif) 0 bottom repeat-x;}
.hdtitlelec {height:66px;line-height:65px;font-size:15px;color:#333;background:url(../images/lec1.gif) 0 bottom repeat-x;}
.hdtitleper {height:77px;line-height:77px;font-size:15px;color:#333;background:url(../images/personal_t1.gif) 0 bottom repeat-x;}
.hdtitleper2 {height:77px;line-height:77px;font-size:15px;color:#333;background:url(../images/personal_t2.gif) 0 bottom repeat-x;}
.hdtitleper3 {height:77px;line-height:77px;font-size:15px;color:#333;background:url(../images/personal_t3.gif) 0 bottom repeat-x;}
.hdtitleper4 {height:77px;line-height:77px;font-size:15px;color:#333;background:url(../images/personal_t6.gif) 0 bottom repeat-x;}
.hdtitleper5 {height:55px;line-height:77px;font-size:15px;color:#333;background:url(../images/personal_t7.gif) 0 bottom repeat-x;}
.hdtitleper6 {height:55px;line-height:77px;font-size:15px;color:#333; text-align:center;}
.hdtitle span {padding:0 15px;display:inline-block;background:url(../images/tabBgs.png) right -6px no-repeat;}
.hdtitle a {color:#000;}
.sym {color:#be4c0d;font-size:16px;	font-family:"Microsoft Yahei","微軟雅黑體";}
.symfb {color:#c06;font-size:16px;font-family:"Microsoft Yahei","微軟雅黑體";}
.symfb2{color:#be4c0d;font-size:16px;font-family:"Microsoft Yahei","微軟雅黑體";margin:0px 70px;}
.symfb3{color:#be4c0d;font-size:16px;font-family:"Microsoft Yahei","微軟雅黑體";margin:0px 140px;}
.symfb4{color:#0c5bb4;font-size:24px;font-family:"Microsoft Yahei","微軟雅黑體";margin:10px 20px;}
.symfb5{color:#605f5f;font-size:14px;margin:30px 30px;}
.symfb6{color:#000;font-size:24px;font-family:"Microsoft Yahei","微軟雅黑體";margin:10px 20px; letter-spacing:2px;}
.symfb7{color:#dc8d00;font-size:16px;font-family:"Microsoft Yahei","微軟雅黑體";margin:15px 20px; letter-spacing:2px; text-align:center;}
.links {float:right; margin:-25px 15px 0 0;}

.list {padding:10px 0 8px 5px;}
.list li { padding-left:15px;height:28px;line-height:28px;background:url(../images/m2icon.png) 5px 9px no-repeat;}

.listft {padding:0px 0 0 0;}
.listft li {float:left;display:inline;width:290px;padding:0 9px 0 15px;height:28px;line-height:28px; background:url(../images/m2icon.png) 3px 10px no-repeat;}
.listft h3 { float:left;font-size:13px; }
.listft cite {display:inline-block;font-size:13px;color:#666; margin-left:6px; padding-left:6px; background:url(../images/m2icon.png) 0 -41px no-repeat;}

.listftlec {padding:10px 0 0 0;	background-color: #f6f0ed;}
.listftlec li {float:left;display:inline;width:290px;padding:0 9px 0 15px;height:28px;line-height:28px; background:url(../images/m2icon.png) 5px 10px no-repeat;}
.listftlec h3 { float:left;font-size:13px;}
.listftlec cite {display:inline-block;font-size:13px;color:#666; margin-left:6px; padding-left:6px; background:url(../images/m2icon.png) 0 -41px no-repeat;}

/*--- login ---*/
.loginbk {padding:20px 25px; zoom:1; overflow:hidden;border:1px solid #B7BBC5; border-top:3px solid #9CA9BC;
	background:#f0f0f0;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fdfdfd), to(#f0f0f0));
	background:-moz-linear-gradient(#fdfdfd, #f0f0f0);
	background:linear-gradient(#fdfdfd, #f0f0f0);
	-pie-background: linear-gradient(#fdfdfd, #f0f0f0);
	position:relative;behavior:url(PIE.htc);}
.hdbk {margin:0 0 8px 0; zoom:1; overflow:hidden;}
.hdbk h3 {float:left;font-size:16px;color:#000}
.prompt {color:#c00; font-size:13px; margin-left:12px;}
.signbk {float:left; width:350px; border-right:1px solid #ddd;}
.signbx {font-size:14px;color:#333;}
.signbx dt {float:left;width:35px; height:30px; line-height:33px;}
.signbx dd {}

.txtsbx { display:inline-block;margin:6px; background:#fff;border:1px solid #ccc;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;position:relative;behavior:url(PIE.htc);}
.txts { font-size:14px; height:30px;line-height:30px;*height:28px;*line-height:28px;background-color:transparent; border:0; margin:0; padding:0 5px;}
.signbx .txts {width:180px; border-top:1px solid #efefef; border-left:2px solid #efefef;}

.tsbtns {display:inline-block;border:1px solid #ecac17; border-bottom-color:#d99903;border-right-color:#d99903;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;
	background:#f5b419;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fede82), to(#f5b419));
	background:-moz-linear-gradient(#fede82, #f5b419);
	background:linear-gradient(#fede82, #f5b419);
	-pie-background: linear-gradient(#fede82, #f5b419);
	position:relative;behavior:url(PIE.htc);}
.btns {display:inline-block; text-align:center; color:#784508; height:29px; line-height:27px; width:50px;background-color:transparent;font-size:15px; border:0; padding:0; margin:0;}

.signotr {float:right; width:232px;}
.signotr h4 {font-size:14px;margin-bottom:8px;}
.otrusers {}
.otrusers li {float:left; display:inline; margin-right:8px; width:50px; height:50px;}
.otrusers li a {display:block;width:50px; height:50px; text-indent:-9999em;background-image:url(../images/otrsign.png);background-repeat:no-repeat;}
	.yho {background-position:0 0;}
	.fbk {background-position:0 -60px;}
	.msn {background-position:0 -120px;}
	.gle {background-position:0 -180px;}
.messagebx {text-align:center; margin-top:5px;}
.forget,.joinfans {display:inline-block; margin-left:6px; padding-left:8px; background:url(../images/m2icon.png) 0 -76px no-repeat;}

.fbxlt,.fbxrt {width:320px;border:1px solid #d7d7d7; }
.fbxlt {float:left;}
.fbxrt {float:right;}/*--- login end---*/

/*--- personalbk ---*/
.personalbk  {padding:0px; zoom:1; overflow:hidden;border:1px solid #B7BBC5; border-top:3px solid #9CA9BC;
	background:#f0f0f0;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fdfdfd), to(#f0f0f0));
	background:-moz-linear-gradient(#fdfdfd, #f0f0f0);
	background:linear-gradient(#fdfdfd, #f0f0f0);
	-pie-background: linear-gradient(#fdfdfd, #f0f0f0);
	position:relative;behavior:url(PIE.htc);}
.perbk {text-align:center;	margin-top:15px;zoom:1;	overflow:hidden;font-size: 14px;}
.perbk h3 {display:inline;padding-left:8px;font-weight: bold;	color: #FF0000;	font-family: "微軟正黑體";font-size: 18px;}
.prompt {color:#c00; font-size:13px; margin-left:12px;}
.persignbk {float:left; width:350px; border-right:1px solid #ddd;}
.persignbx {font-size:14px;color:#333;}
.persignbx dt {float:left;width:35px; height:45px; line-height:43px;}
.persignbx dt {float:left;width:35px; height:45px; line-height:43px;}
.persignbx dd {}
.pertxtsbx { display:inline-block;margin:6px; background:#fff;border:1px solid #ccc;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;position:relative;behavior:url(PIE.htc);}
.pertxts { font-size:14px; height:30px;line-height:30px;*height:28px;*line-height:28px;background-color:transparent; border:0; margin:0; padding:0 5px;}
.persignbx .txts {width:180px; border-top:1px solid #efefef; border-left:2px solid #efefef;}

.pertsbtns {display:inline-block;border:1px solid #ecac17; border-bottom-color:#d99903;border-right-color:#d99903;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;
	background:#f5b419;	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fede82), to(#f5b419));	background:-moz-linear-gradient(#fede82, #f5b419);	background:linear-gradient(#fede82, #f5b419);
	-pie-background: linear-gradient(#fede82, #f5b419);	position:relative;behavior:url(PIE.htc);}
.perbtns {display:inline-block; text-align:center; color:#784508; height:30px; line-height:30px; width:100px;background-color:transparent;font-size:15px; border:0; padding:0; margin:0;}
.persignotr {float:right; width:232px;}
.persignotr h4 {font-size:14px;margin-bottom:8px;}
.perotrusers {}
.perotrusers li {float:left; display:inline; margin-right:8px; width:50px; height:50px;}
.perotrusers li a {display:block;width:50px; height:50px; text-indent:-9999em;background-image:url(../images/otrsign.png);background-repeat:no-repeat;}
	.yho {background-position:0 0;}
	.fbk {background-position:0 -60px;}
	.msn {background-position:0 -120px;}
	.gle {background-position:0 -180px;}
.permessagebx {text-align:center; margin-top:5px;}
.perforget,.perjoinfans {display:inline-block; margin-left:6px; padding-left:8px; background:url(../images/m2icon.png) 0 -76px no-repeat;}

.perfbxlt,.perfbxrt {width:320px;border:1px solid #d7d7d7; }
.perfbxlt {float:left;}
.perfbxrt {float:right;}/*--- personalbk end---*/

.digischool {border:1px solid #d7d7d7; border-top:1; zoom:1; overflow:hidden;
	background:#fff;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e4e8f4));
	background:-moz-linear-gradient(#fff, #e4e8f4);
	background:linear-gradient(#fff, #e4e8f4);
	-pie-background: linear-gradient(#fff, #e4e8f4);
	position:relative;behavior:url(PIE.htc);}
.digischool .listft { padding:15px;}
.digischool .listft li {width:270px;font-size:15px;}

.lecturebk {border:1px solid #d7d7d7; border-top:1; zoom:1; overflow:hidden;
	background:#fff;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e4e8f4));
	background:-moz-linear-gradient(#fff, #e4e8f4);	background:linear-gradient(#fff, #e4e8f4);
	-pie-background: linear-gradient(#fff, #e4e8f4);	position:relative;behavior:url(PIE.htc);}
.digischool .listft { padding:10px 0 0 0;}
.digischool .listft li {width:270px;font-size:15px;}

.personalbk {border:1px solid #d7d7d7; border-top:1; zoom:1; overflow:hidden;background:#fff;	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e4e8f4));
	background:-moz-linear-gradient(#fff, #e4e8f4);	background:linear-gradient(#fff, #e4e8f4);	-pie-background: linear-gradient(#fff, #e4e8f4);	position:relative;behavior:url(PIE.htc);}
.personal .listft { padding:15px;}.personal .listft li {width:270px;font-size:15px;}

.epbx {padding:10px 0 0 4px;}
.epbx li {float:left; display:inline; text-align:center; margin:2px; width:92px; border:1px solid #ddd; border-bottom-color:#bbb;border-right-color:#bbb; background:url(../images/BackLineBm.png) 0 bottom repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;position:relative;behavior:url(PIE.htc);}
.epbx li a {display:block;color:#333; font-size:14px; height:30px; line-height:30px;}

.gobx {padding:10px 0 0 4px;}
.gobx li {float:left; display:inline; text-align:center; margin:2px; width:88px; padding:2px 2px 0px 2px; border:1px solid #ddd; border-bottom-color:#bbb;border-right-color:#bbb; background:url(../images/BackLineBm.png) 0 bottom repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;position:relative;behavior:url(PIE.htc);}
.gobx li a {float:center; display:inline; color:#333; font-size:12px; line-height:70px;}

.fansbx {padding:10px 0 0 4px;}
.fansbx li {float:left; display:inline; text-align:center; margin:2px; width:60px; padding:5px 2px 5px 2px; border:1px solid #ddd; border-bottom-color:#bbb;border-right-color:#bbb; background:url(../images/BackLineBm.png) 0 bottom repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;position:relative;behavior:url(PIE.htc);}
.fansbx li a {display:block;color:#333; font-size:14px; height:50px; line-height:30px;}


.personalbx {padding:10px 30px;}
.personalbx li {float:left; display:inline; text-align:center; margin:2px; width:92px; border:1px solid #ddd; border-bottom-color:#bbb;border-right-color:#bbb; background:url(../images/BackLineBm.png) 0 bottom repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;position:relative;behavior:url(PIE.htc);}
.personalbx li a {	display:block;	color:#666666;	font-size:14px;	height:30px;	line-height:30px;	text-decoration: none;	background-color: #fefdbe;}
.personalbx li b {display:block;color:#FFFFFF;font-size:14px;	height:30px;	line-height:30px;	text-decoration: none;	background-color: #78ABF8;}
.personalbx li a:hover {color:#FFFFFF;	text-decoration:none;	background-color: #78ABF8;}
.adlinks {text-align:center;}
.adlinks p {margin:12px;}

/* Menu */

#menu2 {background: #FFFFFF url(../images/img10.gif) repeat-x;	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;color: #666666; width: 655px; height: 71px;	margin: 0 auto; }
#menu2 ul {	margin: 0 5px;	padding-top: 25px;	list-style: none;}
#menu2 li {	display: inline;}
#menu2 a {	display: block;	float: left;height: 32px;margin-left: 1px;	padding: 13px 25px 0 25px;	background: #FFFFFF url(images/img02.gif) repeat-x;	text-align: center;	text-decoration: none;	font-weight: bold;
	color: #6478b7;}
#menu2 a:hover {background-image: url(images/img03.gif);border-color: #FEDA8D;color: #32a0db;}
#menu2 .active a {height: 36px;	margin-top: -4px;	background-image: url(images/img04.gif);	border: 1px solid #cccccc;	border-bottom: none;	font-weight: bold;	color: #32a0db;}
#content2 {	width: 655px;float:left; margin:0;}
#extra2 {}
/* Content > Main */
#main2 {float: right;	width: 300px;}
#main2 a {}
.fbxlt2,.fbxrt2 {width:655px; margin:10px 5px 20px 15px;}
.fbxlt2 {float:left;}
.personalbk2  {width:655px; margin:0px; padding:0px; zoom:1; overflow:hidden; border:1px solid #cccccc;}



#menu3 {background: #FFFFFF url(../images/img12.gif) repeat-x;	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;color: #666666; width: 830px; height: 71px;	margin: 0 auto; }
#menu3 ul {	margin: 0 5px;	padding-top: 25px;	list-style: none;}
#menu3 li {	display: inline;}
#menu3 a {	display: block;	float: left;height: 32px;margin-left: 1px;	padding: 13px 25px 0 25px;	background: #FFFFFF url(images/img02.gif) repeat-x;	text-align: center;	text-decoration: none;	font-weight: bold;
	color: #6478b7;}
#menu3 a:hover {background-image: url(images/img03.gif);border-color: #FEDA8D;color: #32a0db;}
#menu3 .active a {height: 36px;	margin-top: -4px;	background-image: url(images/img04.gif);	border: 1px solid #cccccc;	border-bottom: none;	font-weight: bold;	color: #32a0db;}
#container3 {width: 830px;float:left; margin:0;}
#extra3 {}
#stage3 {overflow:hidden;}
#main3 {float:left;width:830px;hidden;}
#main3 a {}
.fbxlt3,.fbxrt3 {width:800px; margin:20px 5px 20px 15px;}
.fbxlt3 {float:left;}
.personalbk3  {width:830px; margin:0px; padding:0px; zoom:1; overflow:hidden; border:1px solid #cccccc;}
#sidepoint {float:right;width:150px; margin:0 0 0 8px; zoom:1; overflow:hidden; border:1px solid #cccccc;}
#sidepoint span {float:left; margin:10px 15px 0 15px; zoom:1; overflow:hidden; border:1px solid #cccccc;}
#pointtable2 {float:left; width: 800px;  border: 1px solid #cccccc; margin:10px 0 ;  border-collapse: collapse; /*允許框線重疊*/}
#pointtable2 tr { border: 1px solid #cccccc; padding:3px 5px;  text-align: left;}
#pointtable2 td { border: 1px solid #cccccc; padding:3px 5px;  text-align: left;}
.pointtablenthBg {background-position:-1px bottom; text-align: center;background-color:#e8e8e8;padding:3px 5px;}
.pointtablefmtblt {float:left;display:inline;width:319px; border:1px solid #ddd; zoom:1; overflow:hidden;}

#menu4 {background: #FFFFFF url(../images/img12.gif) repeat-x;	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666666; width:998px; margin: 0 auto;	padding: 15px 0; border: 1px solid #cccccc;}
#menu4 ul {	margin: 0 5px;	padding-top: 25px;	list-style: none;}
#menu4 li {	display: inline;}
#menu4 a {	display: block;	float: left;height: 32px;margin-left: 1px;	padding: 13px 25px 0 25px;	background: #FFFFFF url(images/img02.gif) repeat-x;	text-align: center;	text-decoration: none;	font-weight: bold;
	color: #6478b7;}
#menu4 a:hover {background-image: url(images/img03.gif);border-color: #FEDA8D;color: #32a0db;}
#menu4 .active a {height: 36px;	margin-top: -4px;	background-image: url(images/img04.gif); border: 1px solid #cccccc;	border-bottom: none; font-weight: bold;	color: #32a0db;}
#container4 {width: 100%;float:left; margin:0 1px;background: #FFFFFF;}
#extra4 {}
#stage4 {overflow:hidden;}
#main4 {float:left;width:998px;hidden;}
#main4 a {}
.fbxlt4,.fbxrt4 {width:998px; margin:20px 5px 20px 5px;}
.fbxlt4 {float:left;}
.personalbk4  {width:650px; margin:0px; padding:3px; zoom:1; overflow:hidden; border:1px solid #cccccc;}
#pointtable4 {float:left; width: 960px;  border: 1px solid #cccccc; margin:10px 15px;  border-collapse: collapse; /*允許框線重疊*/}
#pointtable4 tr { border: 1px solid #cccccc; text-align: left;}
#pointtable4 td { border: 1px solid #cccccc; padding:3px 5px;  text-align: left;}
.pointtablenthBg4 {background-position:-1px bottom; text-align:left ;padding:3px;}
.pointtablefmtblt4 {float:left;display:inline;width:319px; border:1px solid #ddd; zoom:1; overflow:hidden;}
.pointf {font-size:15px;margin: 0 0 15px 0;}
.pointf2 { font-size:15px;margin: 20px 15px 15px 15px;}
.pointf3 {font-size:13px;color:#FF0000;margin: 10px 5px 15px 8px;}
.pointtable4 {float:left; border: 1px solid #cccccc; margin:10px 0px;  border-collapse: collapse; /*允許框線重疊*/ /* DV :Art設計有問題. */ }
.pointtable4 tr { border: 1px solid #cccccc; text-align: left;}
.pointtable4 td { border: 1px solid #cccccc; padding:3px 5px;  text-align: left;}
.correct {
    background: url("../images/correct.png") no-repeat scroll 0px 0px transparent;
    border: 0 none;
    height: 20px;
    padding-left: 20px;
}

.wrong {
    background: url("../images/wrong.png") no-repeat scroll 0px 0px #FFF2F5;
    border: 1px solid #EBADB0;
    color: #B52726;    
    padding-left: 20px;
}

.hint {
    background: url("null.png") no-repeat scroll 0px 0px #FFFFFF;
    border: 0 none;
    padding-left: 0px;
    color: #333333;
}

.waiting {
    background: url("../images/waiting.gif") no-repeat scroll 0px 0px #FFFFFF;
    border: 0 none;
    padding-left: 20px;
    color: #333333;
}
.ptitle { font-size:14px; font-weight:bold;color:#fff; background:#16a3db; text-align:left; margin:0px; padding:6px;}


/*  ePaper */
.epp { float:left; margin-right:15px;}
.mbx {zoom:1;overflow:hidden;margin-bottom:12px;}
.note {float:right; font-size:16px; margin:-2px 0 0 5px; *margin:-22px 0 0 35px;_margin:-22px 0 0 35px; padding-top:2px;}
.noteBr {color:#883e00!important;}
.noteR {color:#9e0b0e!important;}
.noteY {color:#0b4b9e!important;}
.noteB {color:#ff9001!important;}
.noteP {color:#5b0195!important;}
.noteGl {color:#02948b!important;}     
.noteO {color:#f24b02!important;}
.noteG {color:#79a900!important;}
.onL { display:block; margin:5px 0 0 80px; font-size:14px; color:#0099cc!important;}


.coBx {zoom:1;overflow:hidden;border-top:0;padding:6px 8px;}
.dailyedmbox{border:1px solid #e3e3e3;}
.coBx {zoom:1;overflow:hidden;border-top:0;padding:6px 8px;}
.dailyedmbox .edmhd {height:1%;overflow:hidden; background:url(../images_epaper/srchBgs.png) 0 bottom repeat-x;padding:6px 8px 8px 8px; font:16px'Microsoft JhengHei'; color:#000;}
.dailyedmbox .edmhd .rightbox{ display:block; float:right;float:right;font-size:11px;color:#666;padding-top:5px;}
.edmhd cite {background:url(../images/vline2.gif) left 0 no-repeat;padding-left:8px;}
.dailyedmbox h4{font:bold 19px simsun;padding:8px 0 0 8px;}
.dailyedmbox h4 span{ font:11px'Microsoft JhengHei';color:#666; }
.dailyedmbox p{font:13px Verdana, Arial, Helvetica, sans-serif;color:#888; line-height:25px; padding:8px; margin-bottom:6px;}
.titL {float:left;*width:137px;_width:137px;}
.note {float:right; font-size:16px; margin:-2px 0 0 5px; *margin:-22px 0 0 35px;_margin:-22px 0 0 35px; padding-top:2px;}
.blank2 {height:2px;display:block;visibility:hidden;clear:both; overflow:hidden;}
.blank8 {height:8px;display:block;visibility:hidden;clear:both; overflow:hidden;}
.blank10 {height:10px;display:block;visibility:hidden;clear:both; overflow:hidden;}
.blank12 {height:12px;display:block;visibility:hidden;clear:both; overflow:hidden;}

.cymsge .hd2 li {width:148px!important;border-bottom:1px solid #ddd;}
.cymsge .hd2 li.current {width:149px!important;border-bottom:1px solid #fff;}
.cymsge .hd li a {width:300px;}
.cymsge .hd li.current a {width:300px;}
.listedm li {line-height:22px;overflow:hidden; padding-left:12px; background:url(../images_epaper/point.png) 0 9px no-repeat;}

/* 141125 新增check box */
.checkB {
	width: 20px;
	display: block;
	float: left;
	margin: 0 5px 0 0;
	}