@charset "utf-8";


img {
	height: auto;
   	max-width: 100%; 
	border:none;
	behavior: url("css/iepngfix.htc");
}

html {
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	font-family:Arial, 微軟正黑體, Geneva,"Myriad Pro", sans-serif;
	font-size:14px;
	line-height:20px;
	margin:0px;
	padding:0px;
	color:#000;
	background:url(/newportal/images/bg01.jpg) fixed top center no-repeat;
	background-color:#ffffa4;
}

a {
	text-decoration:none;
	outline: none; /* for Firefox */
 	hlbr:expression(this.onFocus=this.blur());
}
a:link { color:#000;}
a:visited { color:#000;}
a:hover { color:#06C; text-decoration:none;}

select, input, textarea {
	outline:none;
}

.ui-sortable-placeholder { border: 1px dashed black; visibility: visible !important; height: 50px !important; background-color:#fff; opacity:0.5; }
.ui-sortable-placeholder * { visibility: hidden; }





.FL {
	position:relative;
	float:left;
}
.FR {
	position:relative;
	float:right;
}

.FCenter {
	text-align:center;
	overflow:hidden;
}

.divCenter {
	overflow:hidden;
}

.clearfix {
	clear:both;
}

.wrapper {
	position:relative;
	width:100%;
	margin:0;
	overflow:hidden;
}

.btn-scrollTop {
	position:fixed;
	bottom:0px;
	right:20px;
	width:82px;
	height:37px;
	z-index:7;
}

.header {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:43px;
	background:url(../images/topNavBg.png) repeat-x;
	padding:7px 0 0 0;
	z-index:10;
}

.main-header {
	max-width:1000px;
	min-width:475px;
	padding:0 6px 0 6px;
	margin:0px auto;
	z-index:10;
}
.main-header * {
	display:inline-block;
}

.btnTopGroup {
	float:right;
	margin:0 7px 0 0px;
}

.search-select {
	float:left;
	width:100px;
	height:23px;
	background-color:#faf9f7;
	border:#cccccc 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0 0px 0 5px;
	padding:5px 0 0 0;
	text-align:center;
}
.search-select select {
	width:90px;
	background-color:#faf9f7;
	border:none;
}


.search-box {
	position:relative;
	float:right;
	/*width:195px;
	height:29px;*/
	background-color:#faf9f7;
	border:#cccccc 1px solid;
	margin:0 7px 0 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.search-box input {
	width:160px;
	height:20px;
	color:#999;
	border:none;
	background-color:transparent;
	margin:4px 0 0 4px;
}

/*.btn-search {
	position:absolute;
	top:6px;
	right:7px;
}*/

.btn-search {
	float:right;
	margin:0px 8px 0 0;	
}

.btn-search-target {
	position:absolute;
	top:73px;
	right:240px;
}

.search-target {
	margin:10px 0 30px 200px;
}
.search-target input {
	width:500px;
}


.btn-lang-en {
	float:right;
	width:39px;
	height:26px;
	background:url(../images/btn_lang_en.png) no-repeat;
	color:#fff !important;
	text-align:center;
	margin:0 7px 0 0;
	padding:4px 0 0 0;
}
.btn-lang-en-choose {
	float:right;
	width:39px;
	height:26px;
	background:url(../images/btn_lang_en_ov.png) no-repeat;
	color:#fff !important;
	text-align:center;
	margin:0 7px 0 0;
	padding:4px 0 0 0;
}
.btn-lang-en:hover {
	background:url(../images/btn_lang_en_ov.png) no-repeat;
}

.btn-lang-tw {
	float:right;
	width:38px;
	height:26px;
	background:url(../images/btn_lang_tw.png) no-repeat;
	color:#fff !important;
	text-align:center;
	margin:0 0px 0 5px;
	padding:4px 0 0 0;
}
.btn-lang-tw-choose {
	float:right;
	width:38px;
	height:26px;
	background:url(../images/btn_lang_tw_ov.png) no-repeat;
	color:#fff !important;
	text-align:center;
	margin:0 0px 0 5px;
	padding:4px 0 0 0;
}
.btn-lang-tw:hover {
	background:url(../images/btn_lang_tw_ov.png) no-repeat;
}

.btn-user {
	float:right;
	width:128px;
	height:24px;
	background:url(../images/btn_user.png) no-repeat;
	color:#676767 !important;
	padding:6px 0 0 47px;
	z-index:11;
}
.btn-user:hover {
	background:url(../images/btn_user_ov.png) no-repeat;
	color:#fff !important;
}
.btn-user-login {
	float:right;
	width:130px;
	height:24px;
	background:url(../images/btn_user_login.png) no-repeat;
	color:#fff !important;
	padding:6px 0 0 45px;
	z-index:11;
}

.btn-user-logout {
	position:absolute;
	top:0px;
	right:89px;
	z-index:12;
}


.btn-add {
	float:right;
	width:36px;
	height:30px;
	background:url(../images/btn_add.png) no-repeat;
	margin:0 6px 0 0;
}
.btn-add:hover {
	background:url(../images/btn_add_ov.png) no-repeat;
}

.visual-box {
	position:relative;
	max-width:1000px;
	min-width:475px;
	height:125px;
	margin:0px auto;
	padding:55px 0 0 0;
	text-align:left;
}

.btn-share {
	position:absolute;
	top:120px;
	right:7px;
}
.btn-share a {
	float:left;
	margin:0 0 0 13px;
}

.main-container {
	position:relative;
	max-width:1007px;
	min-width:360px;
	margin:0px auto;
	padding:0 0 0 0;
	overflow:hidden;
}
.main-container-index {
	position:relative;
	width:1007px;
	min-height:596px;
	height:auto !important;
	height:596px;
	margin:0px auto 20px auto;
	padding:0 0 5px 0;
	overflow:hidden;
}

.mBanner {
	position:relative;
	width:986px;
	height:212px;
	margin:0px 7px 0 7px;
	-webkit-box-shadow: 0px 1px 4px #b5b0a2;
	-moz-box-shadow: 0px 1px 4px #b5b0a2;
	box-shadow: 0px 1px 4px #b5b0a2;
}
.mBanner-mask {
	position:relative;
	width:986px;
	height:212px;
	overflow:hidden;
}
.mBanner-box {
	position:absolute;
	width:4930px;
	list-style:none;
	margin:0;
	padding:0;
}
.mBanner-box li {
	float:left;
	width:986px;
	height:212px;
}

.btn-mBanner {
	position:absolute;
	bottom:15px;
	left:450px;
	list-style:none;
	margin:0;
	padding:0;
	z-index:2;
}
.btn-mBanner li {
	float:left;
	width:10px;
	height:10px;
	margin:0 5px 0 5px;
}
.btn-mBanner li a {
	display:block;
	width:10px;
	height:10px;
	background:url(../images/btn_mBanner.gif) no-repeat;
	background-position:0px 0px;
	z-index:20;
}

.line-container {
}


.line-box {
	float:left;
	width:250px;
	margin:0px auto;
	padding:0 0 50px 0;
	overflow:hidden;
	z-index:999;
}

.item {
	position:relative;	
	width:236px;
	margin:14px 7px 0 7px;
	padding:0px;
	background-color:#fff;
	-webkit-box-shadow: 0px 1px 4px #b5b0a2;
	-moz-box-shadow: 0px 1px 4px #b5b0a2;
	box-shadow: 0px 1px 4px #b5b0a2;
	overflow:hidden;
}
.item img {
	display:block;
}
.item:hover {
	cursor:move;
}

.btn-close {
	position:absolute;
	top:10px;
	right:10px;
	z-index:5;
}

.footer {
	width:100%;
	background:url(../images/bottom_hLine.gif) repeat-x;
	background-position:0px 14px;
	text-align:center;
}

.main-footer {
	position:relative;
	max-width:1000px;
	min-width:475px;
	margin:0px auto;
}

.copyright {
	color:#666666;
	font-size:12px;
	margin:5px 0 0 0;
	padding:0 0 10px 0;
}
.copyright a {
	color:#666666;
}
.copyright a:hover {
	color:#e84c00;
}

.mask {
	display:none;
	position:fixed;
	top:45px;
	left:0px;
	width:100%;
	height:100%;
	background:url(../images/brokenBG.png);
	z-index:20;
}
.mask-show {
	display:none;
	position:fixed;
	top:45px;
	left:0px;
	width:100%;
	height:100%;
	background:url(../images/brokenBG.png);
	z-index:20;
}

.main-menu {
	position:fixed;
	top:-218px;
	left:0px;
	width:100%;
	height:263px;
	background:url(../images/mainMenu_bg.gif) repeat-x;
	background-position:0px 45px;
	padding:45px 0 0 0;
	z-index:10;
}
.box-menu {
	position:relative;
	width:986px;
	height:198px;
	background:url(../images/bg_category.jpg) no-repeat;
	margin:0px auto;
	padding:20px 0 0 0;
}
.box-menu ul {
	width:716px;
	height:170px;
	list-style:none;
	margin:0px auto 0 70px;
}
.box-menu ul li {
	float:left;
	position:relative;
	width:80px;
	height:80px;
	color:#fff;
	font-size:12px;
	text-align:center;
	background:url(../images/bg_box.jpg) no-repeat;
	padding:9px 0 0 0;
	margin:0 11px 0 11px;
}
.box-menu ul li a {
	position:absolute;
	top:0px;
	left:0px;
}

.btn-confirmAdd {
	position:absolute;
	top:20px;
	right:50px;
}

.id-box {
	display:none;
	position:absolute;
	top:30px;
	right:89px;
	width:173px;
	background-color:#565656;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding:1px;
	z-index:10;
}
.id-box ul {
	width:138px;
	margin:0 0 0 35px;
	padding:0;
}
.id-box li {
	background-color:#fcfcfc;
	border-bottom:#dcdcdc 1px solid;
}
.id-box li.last {
	background-color:#fcfcfc;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}
.id-box li a {
	width:128px;
	height:30px;
	background:url(../images/icon_grayArrow.png) right top no-repeat;
	background-position:118px 14px;
	padding:10px 0 0 10px;
}


.inside {
	position:absolute;
	top:14px;
	left:7px;
	min-width:244px;
	-webkit-box-shadow: 0px 1px 4px #35636b;
	-moz-box-shadow: 0px 1px 4px #35636b;
	box-shadow: 0px 1px 4px #35636b;
	z-index:6;
}
.inside img {
	display:block;
}

.box-title {
	display:inline-block;
	width:100%;
	height:110px;
}
.box-title h2 {
	height:28px;
	font-size:19px;
	font-weight:normal;
	background:url(../images/box_titleBg.png) repeat;
	text-align:center;
	padding:8px 0 0 0;
	margin:74px auto 0 auto;
}
.box-content {
	width:100%;
	min-height:115px;
}
.box-content p {
	color:#404040;
	padding:15px 15px 27px 15px;
	margin:0;
}
.column-1 {
	width:204px;
	margin:0px auto;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.column-1 li {
	float:left;
	width:189px;
	line-height:22px;
	padding:0 0 0 15px;
	background:url(../images/icon_redBox.gif) left top no-repeat;
	background-position:0px 7px;
	text-overflow : ellipsis;
  	white-space : nowrap;
	overflow:hidden;
}
.column-2 {
	width:204px;
	margin:15px auto 0px auto;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.column-2 li {
	float:left;
	width:87px;
	line-height:22px;
	padding:0 0 0 15px;
	background:url(../images/icon_redBox.gif) left top no-repeat;
	background-position:0px 7px;
	text-overflow : ellipsis;
  	white-space : nowrap;
	overflow:hidden;
}
.column-3 {
	width:204px;
	margin:0px auto;
	padding:15px 0 15px 0;
	list-style:none;
	overflow:hidden;
}
.column-3 li {
	float:left;
	width:189px;
	line-height:22px;
	padding:0 0 0 15px;
	background:url(../images/icon_redBox.gif) left top no-repeat;
	background-position:0px 7px;
	text-overflow : ellipsis;
  	white-space : nowrap;
	overflow:hidden;
}
.column-4 {
	width:204px;
	margin:0px auto;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.column-4 li {
	float:left;
	width:189px;
	font-size:12px;
	line-height:16px;
	padding:5px 0 8px 15px;
	background-position:0px 7px;
	word-wrap: break-word;
	word-break: break-all;
	overflow:hidden;
}
.column-4 li a {
	color:#045cbf;
}
.column-4 li a:hover {
	color:#ec5300;
}


.blank {
	height:37px;
	overflow:hidden;
}
.blank-2 {
	height:33px;
	overflow:hidden;
}
.blank-3 {
	height:28px;
	overflow:hidden;
}
.blank-4 {
	height:9px;
	overflow:hidden;
}

.box-content font {
	display:block;
	width:100%;
	line-height:18px;
	margin:0;
	text-overflow : ellipsis;
  	white-space : nowrap;
	overflow:hidden;
}
.box-content span {
	display:block;
	width:100%;
	color:#868686;
	line-height:18px;
	margin:0 auto 10px auto;
	text-overflow : ellipsis;
  	white-space : nowrap;
	overflow:hidden;
}

.date {
	color:#9b9b9b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0.5px;
	-webkit-transform : scale(0.91);
	padding:5px 15px 5px 15px;
}
.new {
	width:236px;
	min-height:50px;
	background:url(../images/icon_new.png) right top no-repeat;
	background-position:202px 0px;
	padding:15px 0 15px 0;
}
.hot {
	width:236px;
	min-height:50px;
	background:url(../images/icon_hot.png) right top no-repeat;
	background-position:202px 0px;
	padding:15px 0 15px 0;
	border-top:#d8d8d8 1px solid;
}
.basic {
	width:236px;
	min-height:50px;
	background:url(../images/icon_basic.png) right top no-repeat;
	background-position:202px 0px;
	padding:15px 0 15px 0;
}
.medium {
	width:236px;
	min-height:50px;
	background:url(../images/icon_medium.png) right top no-repeat;
	background-position:202px 0px;
	padding:15px 0 15px 0;
	border-top:#d8d8d8 1px solid;
}
.advance {
	width:236px;
	min-height:50px;
	background:url(../images/icon_advance.png) right top no-repeat;
	background-position:202px 0px;
	padding:15px 0 15px 0;
	border-top:#d8d8d8 1px solid;
}

.learn-item {
	width:204px;
	margin:0px auto 15px auto;
}
.learn-name {
	width:130px;
}
.learn-photo {
	width:65px;
	height:65px;
	border:#e8d9bc 3px solid;
}

/* --------------------------------------   20140626 START   ----------------------------------------------- */
.sideMenu {
	position:fixed;
	top:44px;
	left:-170px;
	width:170px;
	height:100%;
	color:#ffffff;
	/* background:url(../images/sideMenu_bg.png) repeat-y; */
	-webkit-box-shadow: 0px 3px 10px #808080;
	-moz-box-shadow: 0px 3px 10px #808080;
	box-shadow: 0px 3px 10px #808080;
	background-color: #3b414e;
	background: rgba(59, 65, 78, 1);
	z-index:15;
}
.sideMenu a {
	color:#fff;
}
.sideMenu a:hover {
	/*color:#ffd824;*/
	color: #000;
}

.sideMenu-title {
	width:100%;
	height:20px;
	text-align:center;
	padding:15px 0 15px 0;
	background-color: #3b414e;
}

.sideMenu-teacher {
	background-color: #ff9c00;
	background: rgba(255, 160, 0, 1);
	overflow:hidden;
}
.sideMenu-teacher-head {
	width:30px;
	height: 140px;
	line-height:18px;
	text-align:center;
	font-size:15px;
	background-color: #e16529;
	padding:90px 0 0 0;
}

.sideMenu-student {
	background-color: #46a8bf;
	background: rgba(70, 168, 190, 1);
	overflow:hidden;
}
.sideMenu-student-head {
	width:30px;
	height: 65px;
	line-height:18px;
	text-align:center;
	font-size:15px;
	background-color: #1c758a;
	padding:25px 0 0 0;
}

.sideMenu-other {
	background-color: #fff;
	background: rgba(255, 255, 255, 1);
	overflow:hidden;
}
.sideMenu-other-head {
	width:30px;
	height: 98px;
	line-height:18px;
	text-align:center;
	font-size:15px;
	background-color: #d2d2d2;
	color:#353535;
	padding:55px 0 0 0;
}
.sideMenu-other a {
	color:#7d7d7d;
}

.scrollBox {
	/*width:150px;
	height:480px;*/
	margin:13px auto 0px auto;
	overflow:hidden;
}
.scrollBox ul {
	margin:0 0 0 20px;
	padding:0;
	list-style:none;	
}
.scrollBox li {
	height:35px;
	font-size:14px;
	line-height:24px;
}


.sideMenu-hBar {
	width:100%;
	height:25px;
	background-color:#58564f;
	opacity:0.85;
}

/* --------------------------------------   20140626 END   ----------------------------------------------- */

.loginBox {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:25;
}
.login {
	position:relative;
	width:720px; /* 390px; */
	background-color:#fff;
	margin:60px auto 0px auto;
	padding:12px 0 0 0;
	-webkit-box-shadow: 0px 3px 10px #1c1c1c;
	-moz-box-shadow: 0px 3px 10px #1c1c1c;
	box-shadow: 0px 3px 10px #1c1c1c;
	overflow:hidden;
}

.btnCloseWin {
	position:absolute;
	top:12px;
	right:20px;
}

.loginContent {
	width:600px; /* 300px; */
	margin:0 auto;
	overflow:hidden;
}

.loginNotice {
	position:relative;
	width:600px; /* 300px; */
	height:92px;
	/* background:url(../images/member_notice_bg.png) no-repeat; */
  background:url(../images/login/member_notice_bg_bigger.png) no-repeat;
	margin:6px auto 6px auto;
}

.notice-title {
	position:absolute;
	top:10px;
	left:65px;
	color:#fff;
	font-size:16px;
}

.notice-content {
	position:absolute;
	top:45px;
	left:65px;
	/* width:220px; */
	font-size:12px;
	/* font-family:"新細明體"; */
	color:#ffd1d1;
	line-height:14px;
}

.loginIPD {
	width:272px; /* 278px; */
	height:40px;
	background-color:#f2f2f2;
	border:none;
	margin:5px auto 5px auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0px 0px 10px #ababab inset;               /* For Firefox3.6+ */
	-webkit-box-shadow:0px 0px 10px #ababab inset;            /* For Chrome5+, Safari5+ */
	box-shadow:0px 0px 10px #ababab inset;                    /* For Latest Opera */
	padding:0 10px 0 10px;
	font-size:20px;
	line-height:24px;
	color:#959494;
}
.loginCode {
	width:272px; /* 148px; */
	height:40px;
	background-color:#f2f2f2;
	border:none;
	margin:5px 0px 5px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0px 0px 10px #ababab inset;               /* For Firefox3.6+ */
	-webkit-box-shadow:0px 0px 10px #ababab inset;            /* For Chrome5+, Safari5+ */
	box-shadow:0px 0px 10px #ababab inset;                    /* For Latest Opera */
	padding:0 10px 0 10px;
	font-size:20px;
	line-height:24px;
	color:#959494;
}

.code {
	position:absolute;
	top:246px;
	right:45px;
}

.remember {
	/* font-family:"新細明體"; */
	font-size:13px;
	margin:5px auto 5px auto;
	clear:both;
}

.loginBtn {
	position:relative;
	width:100%;
	height:50px;
	background-color:#f0f0f0;
	margin:0px auto 0 auto;
	padding:10px 0 0 0;
}
.loginBtn ul {
	width:420px; /* 300px; */
	margin:0px auto;
	padding:0;
	list-style:none;
}
.loginBtn li {
	height:24px;
	background:url(../images/icon_redCircle.png) left center no-repeat;
	background-position:2px 4px;
	padding:0 0 0 20px;
	font-size:15px;
}

.btn-login-2  {
	position:absolute;
	top:10px;
	right:22px;
}

.inside-page {
	/* width: 926px; */
  width: 996px;
	background-color: #fff;
	-webkit-box-shadow: 0px 1px 4px #b5b0a2;
	-moz-box-shadow: 0px 1px 4px #b5b0a2;
	box-shadow: 0px 1px 4px #b5b0a2;
	margin:0px 7px 20px 7px;
  /* margin: auto auto 50px auto; */
	padding: 30px;
	overflow:hidden;
}
.inside-page h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0px auto;
	padding: 0px;
}

.inside-box {
	margin:10px auto 0 auto;
	overflow: hidden;
}

.inside-left {
	width:75%;
	background:url(../images/hLine_grayGradient.png) right top no-repeat;
	overflow:hidden;
}
.inside-left p {
	max-width:650px;
}
.inside-left p a {
	color:#06C;
}
.inside-left p a:hover {
	color:#e89900;
}

.inside-right {
	width:25%;
	overflow:hidden;
}

.join-table {
	margin:30px auto 30px 45px;
}
.join-table th {
	text-align:right;
	font-size:16px;
	font-weight:normal;
	color:#3c3c3c;
}
.join-table td {
	position:relative;
}
.join-table td span {
	position:absolute;
	top:0px;
	left:180px;
	font-size:12px;
	line-height:16px;
	font-family:"Arial", "新細明體";
	color:#363636;
}
.join-table ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:12px;
	line-height:16px;
	font-family:"Arial", "新細明體";
	color:#c00101;
}
.join-table a {
	color:#0177ca;
}
.join-table a:hover {
	color:#00b4ff;
}

.gray-input {
	width:150px;
	height:18px;
	background-color:#e7e7e7;
	border-top:#bebebe 1px solid;
	border-left:#bebebe 1px solid;
	padding:3px;
}

.btn-redShort {
	display:inline-block;
	width:76px;
	height:30px;
	font-size:15px;
	background:url(../images/btn_redShort.png) no-repeat;
	color:#fff !important;
	text-align:center;
	padding:10px 0 0 0;
	margin:0 10px;
}
.btn-redShort:hover {
	background:url(../images/btn_redShort_ov.png) no-repeat;
}

.btn-box {
	text-align:center;
	margin:40px auto;
}

.inside-gph {
	width:200px;
	height:150px;
	margin:0px auto;
	border-bottom:#b2b2b2 1px solid;
}

.right-menu {
	width:200px;
	margin:26px auto 0px auto;
	padding:0px;
	list-style:none;
}
.right-menu li a {
	display:block;
	/* height:34px; */
	background:url(../images/icon_fourGrayBox.gif) 0px 6px no-repeat;
	font-size:16px;
	color:#272727;
	padding:0 0 10px 20px;
}
.right-menu li a:hover {
	color:#e89900;
	background:url(../images/icon_fourGrayBox_ov.gif) 0px 6px no-repeat;
}

.right-sub-menu {
	margin:0 0 0 25px !important;
	padding:0;
	list-style:none !important;
}
.right-sub-menu li a {
	font-size:14px !important;
	background:url(../images/icon_orangeArrow.png) 0px 7px no-repeat !important;
	list-style:none !important;
	padding:0 0 0 10px !important; 
}

.member-note {
	position:relative;
	width:445px;
	height:90px;
	background:url(../images/member_quiz_bg.png) no-repeat;
	margin:20px auto;
}
.member-note ul {
	position:absolute;
	top:15px;
	left:120px;
	width:280px;
	margin:0px;
	padding:0px;
	list-style:none;
}
.member-note li {
	color:#ffd1d1;
	font-size:12px;
	font-family:"Arial", "新細明體";
	padding:0 0 0 20px;
}
.member-note li a {
	color:#fff000;
	text-decoration:underline;
}
.member-note li a:hover {
	color:#ffc600;
}

.member-note p {
	position:absolute;
	top:15px;
	left:100px;
	width:320px;
	margin:0px;
	padding:0px;
	color:#fff;
	font-size:0.85rem;
}

.member-Q {
	background:url(../images/icon_Q.png) 0px 5px no-repeat;
}
.member-A {
	background:url(../images/icon_A.png) 0px 5px no-repeat;
}

.member-photoBox {
	position:relative;
	width:260px;
	margin:30px auto 20px 150px;
}

.member-photo {
	width:80px;
	height:80px;
}

.btn-memberUpload {
	position:absolute;
	display:block;
	top:10px;
	left:110px;
	width:80px;
	height:22px;
	text-align:center;
	color:#fff !important;
	background:url(../images/btn_red.png) no-repeat;
	padding:2px 0 0 0;
}
.btn-memberUpload:hover {
	color:#ffcc00 !important;
}

.member-photoPath {
	position:absolute;
	top:45px;
	left:110px;
}

.ruleBox {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:25;
}
.rule {
	position:relative;
	width:550px;
	height:510px;
	background-color:#fff;
	margin:120px auto 0px auto;
	padding:65px 0 0 0;
	-webkit-box-shadow: 0px 3px 10px #1c1c1c;
	-moz-box-shadow: 0px 3px 10px #1c1c1c;
	box-shadow: 0px 3px 10px #1c1c1c;
	overflow:hidden;
}

.ruleTitle {
	position:absolute;
	top:20px;
	left:45px;
	font-size:19px;
	color:#C30;
}

.scrollBox-rule {
	width:460px;
	height:480px;
	margin:0 auto;
	overflow:hidden;
}

.news-box {
	position:relative;
	width:660px;
	margin:0px auto 0px 0px;
	padding:20px 0 20px 0;
	border-bottom:#e3e3e3 1px solid;
	overflow:hidden;
}
.news-box div {
	float:left;
	width:18px;
	height:18px;
	font-size:12px;
	color:#fff;
	font-family:"Arial";
	text-align:center;
	background:url(../images/icon_redBox2.gif) no-repeat;
}
.news-box dt {
	float:left;
	width:525px;
	font-size:18px;
	color:#333333;
	margin:0 0 0 15px;
	text-overflow : ellipsis;
  	white-space : nowrap;
	overflow:hidden;
}
.date-span {
	position:absolute;
	top:20px;
	right:0px;
	font-size:13px;
	color:#c3a666;
	font-family:"Arial";
	font-weight:bold;
}
.news-box font {
	font-size:15px;
	color:#39C;
	font-family:"Arial";
	font-weight:bold;
}
.news-box dd {
	float:left;
	width:625px;
	margin:0;
	padding:5px 0 0 34px;
}
.news-box dd a {
	color:#06C;
}
.news-box dd a:hover {
	text-decoration:underline;
}


.teacher-box {
	position:relative;
	width:660px;
	margin:0px auto 0px 0px;
	padding:10px 0 10px 0;
	border-bottom:#e3e3e3 1px solid;
	overflow:hidden;
}
.teacher-box dt {
	float:left;
	width:150px;
	font-size:14px;
	color:#333333;
	margin:0 0 0 0px;
	text-align:center;
	text-overflow : ellipsis;
  	white-space : nowrap;
	overflow:hidden;
}
.teacher-box dd {
	float:left;
	width:485px;
	font-size:14px;
	margin:0 0 0 5px;
	padding:0 0 0 15px;
}
.teacher-box dd a {
	color:#000;
}
.teacher-box dd a:hover {
	color:#F60;
	text-decoration:underline;
}


.teacher-box-title {
	position:relative;
	width:660px;
	margin:0px auto 0px 0px;
	padding:20px 0 10px 0;
	overflow:hidden;
}
.teacher-box-title dt {
	float:left;
	width:150px;
	font-size:14px;
	color:#333333;
	margin:0 0 0 0px;
	padding:4px 0 4px 0;
	text-align:center;
	text-overflow : ellipsis;
  	white-space : nowrap;
	color:#fff;
	background-color:#ff840c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
}
.teacher-box-title dd {
	float:left;
	width:500px;
	font-size:14px;
	color:#fff;
	background-color:#ffb525;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	margin:0 0 0 5px;
	padding:4px 0 4px 0;
}
.teacher-box-title dd a {
	color:#000;
}
.teacher-box-title dd a:hover {
	color:#F60;
	text-decoration:underline;
}


.page-box {
	position:relative;
	width:100%;
	text-align:center;
	margin:20px auto 20px auto;
}
.btn-nextPage {
	float:left;
	font-size:15px;
	color:#fe6c00 !important;
	background:url(../images/icon_orangeArrowLeft.gif) 0 7px no-repeat;
	padding:0 0 0 10px;
}
.btn-nextPage:hover {
	color:#00aaf6 !important;
	background:url(../images/icon_blueArrowleft.gif) 0 7px no-repeat;
}
.btn-prevPage {
	float:right;
	font-size:15px;
	color:#fe6c00 !important;
	background:url(../images/icon_orangeArrowRight.gif) right 7px no-repeat;
	padding:0 10px 0 0px;
	margin:0 36px 0 0;
}
.btn-prevPage:hover {
	color:#00aaf6 !important;
	background:url(../images/icon_blueArrowRight.gif) right 7px no-repeat;
}
.btn-list {
	float:left;
	font-size:15px;
	color:#fe6c00 !important;
	padding:0 0px 0 220px;
}
.btn-list:hover {
	color:#00aaf6 !important;
}

.share-button {
	width:660px;
	height:33px;
	padding:10px 0 5px 0;
	text-align:right;
	border-bottom:#e3e3e3 1px solid;
}
.share-button * {
	float:right;
	margin:0 1px 0 1px;
}
.share-button div {
	width:70px;
	padding:5px 0 0 0;
	text-align:center;
}

.aboutBox {
	padding:0 0px 0 0;
}

.about-header {
	text-align:center;
	margin:10px auto 0px auto;
}

.dotLine-h {
	border-bottom:1px dotted #ccc;
	margin:20px auto 10px auto;
}

.about-title {
	color:#06C;
	font-family:'微軟正黑體';
	font-size:15px;
	font-weight:bold;
	padding:5px 0 0 0;
}

.about {
	background:url(../images/box_about.jpg) no-repeat;
}
.blog {
	background:url(../images/box_blog.jpg) no-repeat;
}
.boutique {
	background:url(../images/box_boutique.jpg) no-repeat;
}
.board {
	background:url(../images/box_board.jpg) no-repeat;
}
.news {
	background:url(../images/box_news.jpg) no-repeat;
}
.share {
	background:url(../images/box_share.jpg) no-repeat;
}
.cloudSchool {
	background:url(../images/box_cloudSchool.jpg) no-repeat;
}
.course {
	background:url(../images/box_course.jpg) no-repeat;
}
.eBook {
	background:url(../images/box_eBook.jpg) no-repeat;
}
.academy {
	background:url(../images/box_academy.jpg) no-repeat;
}
.learn {
	background:url(../images/box_learn.jpg) no-repeat;
}
.game {
	background:url(../images/box_game.jpg) no-repeat;
}
.teacher {
	background:url(../images/box_training.jpg) no-repeat;
}
.epaper {
	background:url(../images/box_epaper.jpg) no-repeat;
}



.qa-box {
	width:610px;
	background-color:#faf7f0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:10px 20px;
	margin:10px 0 10px 0px;
}

.qa_quiz {
	font-size:15px;
	background:url(../images/icon_QA_Q.png) 0 2px no-repeat;
	border-bottom:dotted 1px #000;
	padding:0 0 5px 25px;
	margin:0 auto 5px auto;
}
.qa_answer {
	background:url(../images/icon_QA_A.png) 0 2px no-repeat;
	padding:0 0 0 25px;
}

.nav {
	width:267x;
	margin:-7px auto 0 auto;
	padding:0;
	list-style:none;
}
.nav li {
	float:left;
}
.nav li a {
	width:66px;
	height:44px;
}

.nav-vLine {
	width:1px;
	font-size:0;
	padding:16px 0 0 0;
}
.nav-1 {
	background:url(../images/nav_1.jpg) 0 -44px no-repeat;
}
.nav-2 {
	background:url(../images/nav_2.jpg) 0 -44px no-repeat;
}
.nav-3 {
	background:url(../images/nav_3.jpg) 0 -44px no-repeat;
}
.nav-4 {
	background:url(../images/nav_4.jpg) 0 -44px no-repeat;
}

.subMenu {
	z-index:20;
}
.btn-closeNav {
	position:absolute;
	top:0px;
	right:0px;
	color:#fff !important;
}
.btn-closeNav:hover {
	color:#FF0 !important;
}

.subMenu-box {
	position:relative;
	max-width:980px;
	min-width:475px;
	margin:0px auto;
}
.subMenu-box ul {
	margin:0;
	padding:0;
	list-style:none;
}
.subMenu-box ul li {
	float:left;
}
.subMenu-box ul li a {
	color:#fff;
	margin:0 20px 0 0;
}
.subMenu-box ul li a:hover {
	color:#FF0;
}

.subMenu-1 {
	display:none;
	position:fixed;
	top:44px;
	left:0px;
	width:100%;
	color:#fff;
	background-color:#3d66ec;
	padding:10px 0 10px 0;
	z-index:10;
}
.subMenu-2 {
	display:none;
	position:fixed;
	top:44px;
	left:0px;
	width:100%;
	color:#fff;
	background-color:#ff9000;
	padding:10px 0 10px 0;
	z-index:10;
}
.subMenu-3 {
	display:none;
	position:fixed;
	top:44px;
	left:0px;
	width:100%;
	color:#fff;
	background-color:#1d8fbf;
	padding:10px 0 10px 0;
	z-index:10;
}
.subMenu-4 {
	display:none;
	position:fixed;
	top:44px;
	left:0px;
	width:100%;
	color:#fff;
	background-color:#727272;
	padding:10px 0 10px 0;
	z-index:10;
}

.version-box {
	margin:0;
	padding:0;
	list-style:none;
}
.version-box li {
	float:left;
}

.epaper-box-title {
	position:relative;
	width:640px;
	margin:0px auto 0px 0px;
	padding:20px 0 10px 0;
	overflow:hidden;
}
.epaper-box-title dt {
	float:left;
	width:155px;
	font-size:14px;
	color:#333333;
	margin:0 0 0 0px;
	padding:4px 0 4px 0;
	text-align:center;
	text-overflow : ellipsis;
  	white-space : nowrap;
	color:#fff;
	background-color:#ff840c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
}
.epaper-box-title dd {
	float:left;
	width:230px;
	font-size:14px;
	color:#fff;
	background-color:#ffb525;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	margin:0 0 0 5px;
	padding:4px 0 4px 0;
}
.epaper-box-title dd a {
	color:#000;
}
.epaper-box-title dd a:hover {
	color:#F60;
	text-decoration:underline;
}

.epaper-box {
	position:relative;
	width:640px;
	margin:0px auto 0px 0px;
	padding:10px 0 10px 0;
	border-bottom:#e3e3e3 1px solid;
	overflow:hidden;
}
.epaper-box dt {
	float:left;
	width:155px;
	font-size:14px;
	color:#333333;
	margin:0 0 0 0px;
	text-align:center;
	text-overflow : ellipsis;
  	white-space : nowrap;
	overflow:hidden;
}
.epaper-box dd {
	float:left;
	width:230px;
	font-size:14px;
	text-align:center;
	margin:0 0 0 5px;
	padding:0 0 0 0px;
}
.epaper-box dd a {
	color:#000;
}
.epaper-box dd a:hover {
	color:#F60;
	text-decoration:underline;
}

.learn-text {
	width:650px;
	margin:10px 0px 20px 0px;
}
.tabMenu {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.tabMenu li {
	float:left;
	width:215px;
	height:33px;
	text-align:center;
	background:url(../images/formTab.jpg) no-repeat;
	margin:0 1px 0 0;
}
.tabMenu li a {
	display:block;
	width:215px;
	height:33px;
	padding:5px 0 0 0;
}
.tabMenu-ov {
	display:block;
	background:url(../images/formTab_ov.jpg) 0 0 no-repeat;
}
.tabContent {
	position:relative;
	min-height:400px;
	margin:15px auto 15px auto;
}

.learn-box {
	position:absolute;
	top:0px;
	left:0px;
}

.learn-form {
	margin:0 auto 30px 0px;
}
.learn-form th {
	color:#fff;
	padding:3px 0 3px 0;
	background-color:#78afc3;
}
.learn-form td {
	height:28px;
	padding:5px 10px 5px 10px;
	border-bottom:#999 1px dashed;
}
.learn-num {
	text-align:right;
	color:#fff;
	font-size:12px;
	background:url(../images/icon_orangeBox.gif) 26px 9px no-repeat;
	padding:0 3px 0 0 !important;
}
.learn-td-center {
	text-align:center;
}
.learn-td-left {
	text-align:left;
}

.btn-more-learn {
	text-align:right;
	padding:0 0px 0 0;
	margin:10px 0 10px 0;
}
.btn-more-learn a {
	color:#249ac6;
	font-size:12px;
	padding:2px 20px 0 0;
	background:url(../images/btn_more.png) right center no-repeat;
}
.btn-more-learn a:hover {
	color:#f87f04;
	background:url(../images/btn_more_ov.png) right center no-repeat;
}

.btn-back {
	position:absolute;
	top:-20px;
	right:0px;
	text-align:right;
	padding:0 50px 0 0;
}
.btn-back a {
	color:#249ac6;
	font-size:12px;
	padding:2px 20px 0 0;
	background:url(../images/btn_back.png) right center no-repeat;
}
.btn-back a:hover {
	color:#f87f04;
	background:url(../images/btn_back_ov.png) right center no-repeat;
}




.p-title {
	color:#ec5300;
	font-size:18px;
	margin:10px auto;
}

.learn_dataForm {
	margin:10px auto;
	padding:0;
	overflow:hidden;
}
.learn_dataForm dt {
	float:left;
	width:80px;
	margin:0;
}
.learn_dataForm dd {
	position:relative;
	float:left;
	width:580px;
	margin:0;
}

.btn-searchData {
	position:absolute;
	top:4px;
	left:114px;
}

.learn-list {
	position:relative;
	width:650px;
	margin:10px 45px 30px 0;
}

.learn-group {
	overflow:hidden;
	padding:10px 0 10px 0;
	border-bottom:#666 1px dashed;
}
.learn-content {
	overflow:hidden;
	padding:10px 0 10px 0;
}

.learn-pic {
	min-width:170px;
	margin:5px auto 0px auto;
}

.learn_listForm {
	margin:4px 0 4px 15px;
	padding:0;
	overflow:hidden;
}
.learn_listForm dt {
	float:left;
	width:80px;
	margin:0;
	padding:0;
}
.learn_listForm dd {
	position:relative;
	float:left;
	width:380px;
	margin:0;
	padding:0;
}
.learn_listForm dd a {
	color:#06C !important;
}
.learn_listForm dd a:hover {
	color:#ec5300 !important;
}

.learn-category {
	position:absolute;
	top:-45px;
	right:0px;
}
.learn-category dt {
	float:right;
	min-width:80px;
	margin:0;
	padding:0;
}
.learn-category dd {
	position:relative;
	float:right;
	min-width:80px;
	margin:0;
	padding:0;
}

.learn-link-form {
	word-wrap: break-word;
	word-break: break-all;
}
.learn-link-form th {
	height:38px;
}
.learn-link-form td {
	padding:7px 7px 7px 7px;
	border-bottom:#999 1px dashed;
	border-right:#999 1px dashed;
}
.learn-link-form td.first {
	border-right:none;
	border-bottom:none;
}
.learn-link-form td.last {
	border-right:none;
}
.learn-link-form td a {
	color:#06C !important;
}
.learn-link-form td a:hover {
	color:#ec5300 !important;
}

.learn-link-th-1 {
	background:url(../images/learn_linkTH_1.png) left center no-repeat;
}
.learn-link-th-2 {
	background:url(../images/learn_linkTH_2.png) center center no-repeat;
}
.learn-link-th-3 {
	background:url(../images/learn_linkTH_3.png) right center no-repeat;
}


.activity-group {
	width:660px;
	padding:15px 0 15px 0;
	border-bottom:#666 1px dashed;
	overflow:hidden;
}
.act-lf {
	width: 116px;
	padding-top: 5px;
	padding-left: 5px;
}
.act-lf ul {
	display: block;
	list-style:none;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
	margin:0;
	padding:0;
}
.act-lf li {
	position: relative;
	float: left;
	width: 33px;
	height: 24px;
	border: 1px solid #CCCCCC;
	margin: 0px 1px 0px 0px;
	padding: 0px;
	cursor: pointer;
}

.act-content {
	display: block;
	width:520px;
	margin:0 0 0 10px;
}
.act-content ul {
	margin:5px auto;
	padding:0;
	list-style:none;
}
.act-content ul li {
	background:url(../images/icon_orangeDot.png) left top no-repeat;
	background-position:0 7px;
	padding:0 0 0 10px;
	margin:3px auto;
}
.act-content ul li a {
	color:#178fc2;
	text-decoration:underline;
}
.act-content ul li a:hover {
	color:#ec5300;
}

.act-name, .act-name a {
	font-size:17px;
	color:#178fc2;
}
.act-name a:hover {
	color:#ec5300;
}

.boutique-search {
	width:580px;
	margin:0 auto 15px 0;
	padding:5px 30px 5px 30px;
	background-color:#f0f0f0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
}

.boutique-search-gph {
	float:left;
	margin:0 20px 0 10px;
}

.boutique-search-txt {
	float:left;
	padding:22px 0 0 0;
	margin:0 20px 0 0;
}

.boutique-search-input {
	float:left;
	padding:20px 0 0 0;
	margin:0 20px 0 0;
}

.btn-boutique-search {
	float:left;
	padding:17px 0 0 0;
}

.rightSide-other {
	width:200px;
	margin:30px auto 30px auto;
	overflow:hidden;
}

.boutique-rule-title {
	background:url(../images/icon_redCircle.png) left top no-repeat;
	background-position:0px 5px;
	padding:0 0 0 20px;
}
.boutique-rule {
	margin:0;
	padding:0;
	list-style:none;
}
.boutique-rule li {
	background:url(../images/icon_orangeDot.png) 7px 7px no-repeat;
	padding:0 0 0 22px;
}
.boutique-rule li span {
	font-size:12px;
}
.boutique-rule p {
	padding:0 0 0 22px;
}

.boutique-pd-name, .boutique-pd-name a {
	font-size:17px;
	color:#f57903;
}
.act-name a:hover {
	color:#06C;
}


.boutique_listForm {
	margin:4px 0 4px 15px;
	padding:0;
	overflow:hidden;
}
.boutique_listForm dt {
	float:left;
	width:130px;
	margin:0;
	padding:0 0 0 20px;
	color:#c02020;
	background:url(../images/icon_redCircle.png) 0 5px no-repeat;
}
.boutique_listForm dd {
	position:relative;
	float:left;
	width:430px;
	margin:0;
	padding:0;
}
.boutique_listForm a {
	color:#06C !important;
	text-decoration:underline;
}
.boutique_listForm a:hover {
	color:#ec5300 !important;
}



.boutique_pdForm {
	width:95%;
	margin:4px 0 4px 15px;
	padding:0;
	overflow:hidden;
}
.boutique_pdForm dt {
	margin:0;
	padding:0 0 0 30px;
	color:#c02020;
	background:url(../images/icon_book.png) 0px 2px no-repeat;
}
.boutique_pdForm dd {
	position:relative;
	margin:0;
	padding:0 0 0 30px;
}
.boutique_pdForm a {
	color:#06C !important;
	text-decoration:underline;
}
.boutique_pdForm a:hover {
	color:#ec5300 !important;
}



.boutique_agencyForm {
	margin:4px 0 4px 15px;
	padding:0;
	overflow:hidden;
}
.boutique_agencyForm dt {
	float:left;
	width:100px;
	margin:0;
	padding:0 0 0 20px;
	color:#c02020;
	background:url(../images/icon_redCircle.png) 0 5px no-repeat;
}
.boutique_agencyForm dd {
	position:relative;
	float:left;
	width:410px;
	margin:0;
	padding:0;
}
.boutique_agencyForm a {
	color:#06C !important;
	text-decoration:underline;
}
.boutique_agencyForm a:hover {
	color:#ec5300 !important;
}



.copyright_listForm {
	width:100%;
	margin:4px 0 4px 15px;
	padding:0;
	overflow:hidden;
}
.copyright_listForm dt {
	float:left;
	width:100%;
	margin:0;
	padding:0 0 0 20px;
	color:#c02020;
	background:url(../images/icon_redCircle.png) 0 5px no-repeat;
}
.copyright_listForm dd {
	position:relative;
	float:left;
	width:94%;
	margin:0;
	padding:0 10px 0 20px;
}
.copyright_listForm a {
	color:#06C !important;
	text-decoration:underline;
}
.copyright_listForm a:hover {
	color:#ec5300 !important;
}
.copyright_listForm ul {
	margin:0;
	padding:0;
	list-style:square;
}

.rule-box {
	overflow:hidden;
}

.rule-box div {
	float:left;
	width:18px;
	height:18px;
	font-size:12px;
	color:#fff;
	font-family:"Arial";
	text-align:center;
	background:url(../images/icon_redBox2.gif) no-repeat;
}
.rule-box dt {
	float:left;
	width:96%;
	font-size:15px;
	color:#249ac6;
	margin:0 0 10px 10px;
}
.rule-box dd {
	float:left;
	width:96%;
	margin:0;
	padding:0 0 0 28px;
}

.teacher-illustration {
	width:100%;
	min-height:135px;
	background:url(../images/teacher_illustration.png) no-repeat;
	margin:-10px auto 0 auto;
}

.teacher-thBox {
	width:640px;
	background-color:#cecece;
	padding:5px 10px 5px 10px;
	margin:0 0 5px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
}

.teacher-form-th-1 {
	float:left;
	width:100px;
	text-align:center;
	border-right:#fff 1px solid;
}
.teacher-form-th-2 {
	float:left;
	width:535px;
	text-align:center;
}
.teacher-form-th-3 {
	float:left;
	width:105px;
	text-align:center;
}

.teacher-tdBox {
	position:relative;
	width:640px;
	padding:5px 10px 5px 10px;
	margin:0 0 0px 0;
	border-bottom:#666 1px dashed;
	overflow:hidden;
}


.teacher-form-td-1 {
	float:left;
	width:100px;
	text-align:center;
}
.teacher-form-td-2 {
	float:left;
	width:515px;
	text-align:left;
	font-size:13px;
	padding:0 10px 0 10px;
	border-left:#666 1px dashed;
}
.teacher-form-td-2 a, .teacher-form-td-2 span {
	font-size:16px;
	color:#249ac6;
}
.teacher-form-td-2 a:hover {
	color:#f87f04;
}
.material-num {
	float:left;
	width:25px;
	height:18px;
	font-size:12px;
	color:#fff;
	font-family:"Arial";
	text-align:center;
	background:url(../images/icon_orangeWideBox.gif) no-repeat;
	margin:0 10px 0 0;
}
.material-date {
	font-size:12px;
	font-family:"Arial";
	color:#999;
	margin:2px 0 0 30px;
}
.teacher-form-td-3 {
	float:left;
	width:105px;
	font-size:12px;
	text-align:center;
}
.teacher-form-td-4 {
	float:left;
	width:100px;
	text-align:center;
}
.teacher-form-td-5 {
	float:left;
	width:515px;
	text-align:left;
	border-left:#666 1px dashed;
	padding:0 10px 0 10px;
}
.teacher-form-td-6 {
	width:640px;
	text-align:left;
	padding:0 10px 0 10px;
}
.teacher-form-td-6 span {
	color:#f87f04;
	font-weight:bold;
}

.material-view {
	width:60px;
	height:80px;
	margin:5px auto 0 auto;
	-webkit-box-shadow: 2px 3px 5px #cccccc;
	-moz-box-shadow: 2px 3px 5px #cccccc;
	box-shadow: 2px 3px 5px #cccccc;
}


.bookview {
	width:70px;
	height:96px;
	margin:5px auto 0 auto;
	-webkit-box-shadow: 2px 3px 5px #cccccc;
	-moz-box-shadow: 2px 3px 5px #cccccc;
	box-shadow: 2px 3px 5px #cccccc;
}
.bookPic {
	float:right;
	margin:10px 0px 10px 20px;
}


.learn_articleBox {
	margin:4px 0 4px 15px;
	padding:0;
	overflow:hidden;
}
.learn_articleBox dt {
	float:left;
	width:80px;
	margin:0;
	padding:0 0 0 15px;
	background:url(../images/icon_redCircle.png) 0 5px no-repeat;
}
.learn_articleBox dd {
	position:relative;
	float:left;
	width:530px;
	margin:0;
	padding:0;
}
.learn_articleBox dd a {
	color:#06C !important;
}
.learn_articleBox dd a:hover {
	color:#ec5300 !important;
}


.b-title {
	width:190px;
	background:url(../images/icon_fourGrayBox_ov.gif) 0px 7px no-repeat;
	padding:0 0 0 15px;
	margin:15px auto 0px auto;
}

.epaper-list {
	width:204px;
	margin:15px auto;
	padding:0;
	list-style:none;
	overflow:hidden;
	border:none;
}
.epaper-list li {
	line-height:22px;
	padding:0 0 0 15px;
	margin:2px auto 3px auto;
}
.epaper-list li a {
	color:#045cbf;
}
.epaper-list li a:hover {
	color:#ec5300 !important;
}
.epaper-title {
	background:url(../images/icon_redCircle.png) 0px 6px no-repeat;
}
.epaper-title a {
	color:#000 !important;
}
.epaper-title a:hover {
	color:#ec5300 !important;
}


.co-logo {
	width:200px;
	height:51px;
	text-align:center !important;
	margin:15px auto 0px auto;
	padding:0;
	overflow:hidden;
}
.co-logo img {
	margin:0px auto;
}


.read-box {
	position:relative;
	width:660px;
	margin:0px auto 0px 0px;
	padding:20px 0 20px 0;
	border-bottom:#595959 1px dotted;
	overflow:hidden;
}
.boxBottomDotLine {
	overflow:hidden;
	border-bottom:#595959 1px dotted;
}
.read-box-last {
	position:relative;
	width:660px;
	margin:0px auto 0px 0px;
	padding:20px 0 20px 0;
	overflow:hidden;
}
.read-box div, .read-box-last div {
	float:left;
	width:18px;
	height:18px;
	font-size:12px;
	color:#fff;
	font-family:"Arial";
	text-align:center;
	background:url(../images/icon_redBox2.gif) no-repeat;
}
.read-box dt, .read-box-last dt {
	float:left;
	width:525px;
	font-size:18px;
	color:#333333;
	margin:0 0 0 15px;
	text-overflow : ellipsis;
  	white-space : nowrap;
	overflow:hidden;
}
.read-box span, .read-box-last span {
	position:absolute;
	top:20px;
	right:0px;
	font-size:13px;
	color:#c3a666;
	font-weight:bold;
}
.read-box span a, .read-box-last span a {
	color:#c00;
}
.read-box dd, .read-box-last dd {
	float:left;
	width:625px;
	line-height:24px;
	margin:0;
	padding:5px 0 0 34px;
}
.read-box dd a, .read-box-last dd a {
	color:#06C;
}
.read-box dd a:hover, .read-box-last dd a:hover {
	text-decoration:underline;
}




.culture-box {
	position:relative;
	width:660px;
	margin:0px auto 0px 0px;
	padding:10px 0 10px 0;
	border-bottom:#595959 1px dotted;
	overflow:hidden;
}
.culture-box-last {
	position:relative;
	width:660px;
	margin:0px auto 0px 0px;
	padding:10px 0 10px 0;
	overflow:hidden;
}
.culture-box div, .culture-box-last div {
	float:left;
	width:25px;
	height:18px;
	font-size:12px;
	color:#fff;
	font-family:"Arial";
	text-align:center;
	background:url(../images/icon_orangeWideBox.gif) no-repeat;
}
.culture-box dt, .culture-box-last dt {
	float:left;
	width:518px;
	font-size:18px;
	color:#333333;
	margin:0 0 0 15px;
	text-overflow : ellipsis;
  	white-space : nowrap;
	overflow:hidden;
}
.culture-box span, .culture-box-last span {
	position:absolute;
	top:20px;
	right:0px;
	font-size:13px;
	color:#c3a666;
	font-weight:bold;
}
.culture-box span a, .culture-box-last span a {
	color:#c00;
}
.culture-box dd, .culture-box-last dd {
	float:left;
	width:625px;
	line-height:24px;
	margin:0;
	padding:5px 0 0 34px;
}
.culture-box dd a, .culture-box-last dd a {
	color:#06C;
}
.culture-box dd a:hover, .culture-box-last dd a:hover {
	text-decoration:underline;
}


.app-box {
	position:relative;
	width:655px;
	margin:0px auto;
	overflow:hidden;
}

.app-group {
	float:left;
	width:218px;
	margin:0;
	padding:0;
	overflow:hidden;
}
.app-group dt {
	float:left;
	width:70px;
}
.app-group dd {
	float:left;
	margin:0 0 0 15px;
}
.app-ver {
	margin:5px auto 0px auto;
	padding:0;
	list-style:none;
}
.app-ver li {
	background:url(../images/icon_orangeDot.png) 0px 7px no-repeat;
	padding:0 0 0 13px;
}
.app-ver li a {
	color:#06C;
}
.app-ver li a:hover {
	color:#ec5300;
}

.white-plate {
	width:655px;
	margin:0;
}


.game-box {
	position:relative;
	width:580px;
	margin:0px auto;
	overflow:hidden;
}

.game-group {
	float:left;
	width:290px;
	margin:0;
	padding:0;
	overflow:hidden;
}
.game-group dt {
	float:left;
	width:290px;
}
.game-group dd {
	float:left;
	width:327px;
	margin:0;
}
.game-ver {
	margin:5px auto 0px auto;
	padding:0;
	list-style:none;
}
.game-ver li {
	background:url(../images/icon_orangeDot.png) 0px 7px no-repeat;
	padding:0 0 0 13px;
}
.game-ver li a {
	color:#06C;
}
.game-ver li a:hover {
	color:#ec5300;
}

.game-name {
	width:200px;
	background:url(../images/icon_redCircle.png) 0px 5px no-repeat;
	margin:0px auto;
	padding:0 0 0 15px;
}

.game-name-2 {
	width:200px;
	background:url(../images/icon_redCircle.png) 0px 5px no-repeat;
	margin:0px auto;
	padding:0 20px 0 15px;
}

.btn-star {
	text-align:center;
	margin:5px 0 0px 0;
}


.video-group {
	width:650px;
	margin:0px 0 10px 0px;
	padding:10px 0 10px 0;
	overflow:hidden;
	border-bottom:#666 1px dashed;
}

.video-name {
	width:650px;
	margin:0;
	padding:0;
	overflow:hidden;
}
.video-name dt {
	float:left;
	width:0px;
	height:18px;
	font-size:0px;
	color:#fff;
	font-family:"Arial";
	text-align:center;
	background:url(../images/icon_orangeWideBox.gif) no-repeat;
	padding:0;
	margin:0;
}
.video-name dd {
	float:left;
	width:420px;
	padding:0;
	color:#007aae;
	font-size:18px;
	line-height:22px;
	margin:0 0 0 0px;
}
.video-name dd a {
	color:#007aae;
}
.video-name dd a:hover {
	color:#f87f04;
}


.video-name-page {
	width:650px;
	margin:0;
	padding:0;
	overflow:hidden;
}
.video-name-page dt {
	float:left;
	width:0px;
	height:18px;
	font-size:0px;
	color:#fff;
	font-family:"Arial";
	text-align:center;
	background:url(../images/icon_orangeWideBox.gif) no-repeat;
	padding:0;
	margin:0;
}
.video-name-page dd {
	float:left;
	width:650px;
	padding:0;
	color:#007aae;
	font-size:18px;
	line-height:22px;
	margin:0 0 10px 0px;
}
.video-name-page dd a {
	color:#007aae;
}
.video-name-page dd a:hover {
	color:#f87f04;
}

.video-intro {
	width:430px;
	margin:0 0 0 20px;
	overflow:hidden;
}
.video-intro p {
	height:100px;
	margin:8px auto;
	overflow:hidden;
}

.video-date {
	color:#f87f04;
	font-family:"Arial";
	font-size:13px;
	text-align:right;
	padding:0 2px 0 0;
}

.video-content {
	width:650px;
	margin:10px 0 0 0px;
	overflow:hidden;
}
.video-content p {
	margin:8px auto;
	overflow:hidden;
}

.video-play {
	text-align:center;
	margin:10px auto;
}

.video-item {
	margin:10px auto;
}

/* 20140814 */
.video-ct {
	padding:10px 0 10px 0px;
	color:#960;
	border-bottom:#666 1px dashed;
}

.btn-back-corner {
	position:absolute;
	top:30px;
	right:250px;
	text-align:right;
	padding:0 50px 0 0;
}
.btn-back-corner a {
	color:#249ac6;
	font-size:12px;
	padding:2px 20px 0 0;
	background:url(../images/btn_back.png) right center no-repeat;
}
.btn-back-corner a:hover {
	color:#f87f04;
	background:url(../images/btn_back_ov.png) right center no-repeat;
}


.btn-backParent-corner {
	position:absolute;
	top:30px;
	right:0px;
	text-align:right;
	padding:0 50px 0 0;
}
.btn-backParent-corner a {
	color:#249ac6;
	font-size:12px;
	padding:2px 20px 0 0;
	background:url(../images/btn_back.png) right center no-repeat;
}
.btn-backParent-corner a:hover {
	color:#f87f04;
	background:url(../images/btn_back_ov.png) right center no-repeat;
}

.por-title {
	font-size:16px;
	background:url(../images/icon_blueBox.gif) 0px 6px no-repeat;
	padding:0 0 0 20px;
	margin:10px auto 0px auto;
}
.por-sub-title {
	font-size:14px;
	color:#960;
	padding:0 0 0 20px;
	margin:10px auto 0px auto;
}
.por-hLine {
	height:3px;
	background:url(../images/portal_hLine.png) no-repeat;
	margin:5px auto 5px auto;
}
.por-form {
	margin:5px 0 30px 0;
}
.por-form td {
	font-size:12px;
	background:url(../images/icon_orangeArrowRight.gif) 0px 7px no-repeat;
	padding:0 0 0 10px;
}
.por-intro {
	width:660px;
	margin:5px 0 30px 0;
}
.por-intro a {
	color:#007aae;
}
.por-intro a:hover {
	color:#f87f04;
}

.company-box {
	float:left;
	width:196px;
	margin:0 24px 30px 0;
	overflow:hidden;
}
.company-logo {
	width:194px;
	height:63px;
	border:#ababab 1px solid;
}
.company-detail {
	text-align:right;
	margin:3px auto 0 auto;
}
.btn-company-detail {
	float:right;
	width:65px;
	background:url(../images/btn_more.png) 0px 3px no-repeat;
	padding:0 0px 0 10px;
}
.btn-company-detail:hover {
	color:#f87f04;
	background:url(../images/btn_more_ov.png) 0px 3px no-repeat;
}

.company-intro {
	width:650px;
	margin:0 0 20px 0;
}

.company-title {
	color:#ec5300;
	font-size:18px;
	margin:30px auto 0 auto;
}

.company-group {
	width:650px;
	padding:25px 0 25px 0;
	border-bottom:#666 1px dashed;
	overflow:hidden;
}
.company-lf {
	width: 80px;
	overflow:hidden;
	padding:2px;	
	-webkit-box-shadow: 0px 1px 4px #b5b0a2;
	-moz-box-shadow: 0px 1px 4px #b5b0a2;
	box-shadow: 0px 1px 4px #b5b0a2;
}
.company-lf ul {
	display: block;
	list-style:none;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
	margin:0;
	padding:0;
}
.company-lf li {
	position: relative;
	float: left;
	width: 33px;
	height: 24px;
	border: 1px solid #CCCCCC;
	margin: 0px 1px 0px 0px;
	padding: 0px;
	cursor: pointer;
}

.company-content {
	display: block;
	width:520px;
	margin:0 0 0 20px;
}
.company-content ul {
	margin:5px auto;
	padding:0;
	list-style:none;
}
.company-content ul li {
	background:url(../images/icon_orangeDot.png) left top no-repeat;
	background-position:0 7px;
	padding:0 0 0 10px;
	margin:3px auto;
}
.company-content ul li a {
	color:#178fc2;
	text-decoration:underline;
}
.company-content ul li a:hover {
	color:#ec5300;
}

.company-pd-name, .company-pd-name a {
	font-size:17px;
	color:#f57903;
}
.company-name a:hover {
	color:#06C;
}

.newbie-box {
	position:relative;
	width:880px;
	margin:40px auto 0 auto;
	text-align:center;
	padding:30px 20px 30px 20px;
	background-color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.btnCloseNewbie {
	position:absolute;
	top:10px;
	right:15px;
}

.mask-newbie {
	display:none;
	position:fixed;
	top:45px;
	left:0px;
	width:100%;
	height:100%;
	background:url(../images/brokenBG.png);
	z-index:20;
}

.blog-visualBg {
	position:relative;
	width:660px;
	height:220px;
	background:url(../images/blog_visualBg.png) center top no-repeat;
}

.btn-applyBlog {
	position:absolute;
	top:40px;
	right:10px;
}
.btn-manageBlog {
	position:absolute;
	top:80px;
	right:10px;
}
.btn-browseBlog {
	position:absolute;
	top:120px;
	right:10px;
}

.blog-nav {
	width:180px;
	margin:15px auto -10px auto;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.blog-nav li {
	float:left;
	width:58px;
	margin:0 2px 0 0;
}


.blog-title {
	font-size:16px;
	background:url(../images/icon_blog.png) 0px 2px no-repeat;
	padding:0 0 0 30px;
	margin:10px auto 0px auto;
}
.blog-sub-title {
	font-size:14px;
	color:#960;
	padding:0 0 0 20px;
	margin:10px auto 0px auto;
}
.blog-hLine {
	height:3px;
	background:url(../images/portal_hLine.png) no-repeat;
	margin:5px auto 5px auto;
}
.blog-form {
	margin:5px 0 30px 0;
}
.blog-form td {
	font-size:14px;
	line-height:24px;
	background:url(../images/icon_orangeArrowRight.gif) 0px 9px no-repeat;
	padding:0 0 0 10px;
	border-bottom:#cccccc 1px dashed;
}
.blog-intro {
	width:660px;
	margin:5px 0 30px 0;
}
.blog-intro a {
	color:#007aae;
}
.blog-intro a:hover {
	color:#f87f04;
}




.sitemap-box {
	width:734px;
	margin:0px auto;
}
.sitemap-home {
	width:732px;
	font-size:22px;
	text-align:center;
	padding:20px 0;
	background:url(../images/icon_home_color.png) 58% 20px no-repeat;
	border:#d0d0d0 1px solid;
	overflow:hidden;
}

.sitemap-nav {
	float:left;
	width:174px;
	min-height:570px;
	height:auto !important;
	height:570px;
	margin:0 10px 0 0;
	border-top:none !important;
	border:#d0d0d0 1px solid;
}
.sitemap-nav-end {
	float:left;
	width:174px;
	min-height:365px;
	height:auto !important;
	height:365px;
	margin:0 0px 0 0;
	border-top:none !important;
	border:#d0d0d0 1px solid;
}
.sitemap-nav ul, .sitemap-nav-end ul {
	line-height:30px;
}
.sitemap-school {
	font-size:22px;
	padding:20px 0 20px 38px;
	background:url(../images/icon_school_color.png) 80% 20px no-repeat;
	border-top:#3d66ec 2px solid;
	border-bottom:#d0d0d0 1px dashed;
}
.sitemap-teacher {
	font-size:22px;
	padding:20px 0 20px 38px;
	background:url(../images/icon_teacher_color.png) 80% 20px no-repeat;
	border-top:#ff9000 2px solid;
	border-bottom:#d0d0d0 1px dashed;
}
.sitemap-student {
	font-size:22px;
	padding:20px 0 20px 38px;
	background:url(../images/icon_student_color.png) 80% 20px no-repeat;
	border-top:#1d8fbf 2px solid;
	border-bottom:#d0d0d0 1px dashed;
}
.sitemap-other {
	font-size:22px;
	padding:20px 0 20px 38px;
	background:url(../images/icon_other_color.png) 80% 20px no-repeat;
	border-top:#727272 2px solid;
	border-bottom:#d0d0d0 1px dashed;
}

.sitemap-none {
	list-style:none !important;
}

.sitemap-subnav {
	margin:0 auto;
	padding:0;
	list-style:none;
}
.sitemap-subnav li {
	background:url(../images/icon_orangeArrowRight.gif) 5px 12px no-repeat;
	padding:0 0 0 15px;
}

.search-result {
	position:relative;
	width:900px;
	height:400px;
	background-color:#fff;
	margin:30px auto;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow:hidden;
}

.result-list {
	width:860px;
	height:360px;
	margin:20px 20px 20px 20px;
	overflow:hidden;
}

.btn-closeGSearch {
	position:absolute;
	top:10px;
	right:10px;
}

.blog-apply-gph {
	width:590px;
	text-align:left;
	margin:30px auto 20px auto;
}

.blog-apply-form {
	width:590px;
	margin:0px auto 40px auto;
	padding:0;
	list-style:none;
	border-bottom:#e4e4e4 1px solid;
	overflow:hidden;
}
.blog-apply-form li {
	height:26px;
	background:url(../images/blog_applyFormBg.png) top center no-repeat;
}
.blog-apply-form dl {
	margin:0;
	padding:0;
}
.blog-apply-form dt {
	float:left;
	width:70px;
	font-size:14px;
	color:#2b2b2b;
	margin:0;
	padding:3px 0 2px 10px;
	background:url(../images/icon_orangeArrow.png) 3px 8px no-repeat;
}
.blog-apply-form dd {
	float:left;
	font-size:14px;
	color:#000;
	margin:0;
	padding:2px 0 2px 25px;
}
.blog-apply-form dd input {
	width:480px;
	background-color:#f2f2f2;
	border:none;
	padding:2px;
}

.box2v {
	width:194px;
	height:397px;
	margin:0 7px 7px 0;
}
.b-about {
	position:relative;
	display:block;
	width:194px;
	height:397px;
}
.about-intro {
	position:absolute;
	top:10px;
	left:10px;
	width:178px;
	height:320px;
	font-family:"Arial", "新細明體" !important;
	color:#fff;
	font-size:15px;
	line-height:18px;
}

.box4h {
	position:relative;
	width:804px;
	height:194px;
	margin:0;
	padding:0;
	list-style:none;
	margin:0 0px 7px 0px;
}
.box4h li {
	float:left;
	margin:0 7px 0px 0px;
}

.box5h {
	float:left;
	width:1007px;
	height:194px;
	margin:0;
	padding:0;
	list-style:none;
	margin:0 0px 7px 0px;
}
.box5h li {
	float:left;
	margin:0 7px 0px 0px;
}


.b-news-tw {
	position:relative;
	width:395px;
	height:194px;
	background:url(../images/index/tw_news.jpg) no-repeat;
}
.b-news-en {
	position:relative;
	width:395px;
	height:194px;
	background:url(../images/index/en_news.jpg) no-repeat;
}


.news-intro {
	width:90%;
	font-size:16px;
	margin:20px auto 0px auto;
	padding:0;
	color:#fff !important;
	overflow:hidden;
}
.news-intro a {
	color:#fff !important;
}
.news-intro a:hover {
	color:#FF0 !important;
	font-weight:bold;
}
.news-intro div {
	line-height:1rem;
	background:url(../images/icon_yellowDot.png) 0px 4px no-repeat;
	padding:0 0 0 15px;
	margin:18px auto;
	text-overflow: ellipsis;
	white-space : nowrap;
	overflow:hidden;
}

.btn-oldVersion {
	position:absolute;
	top:55px;
	right:6px;
}


/*--------------------  後台 -------------------------*/

#LF {
	float: left;
	width: 150px;
	border:#bbaf93 1px solid;
	padding:10px;
	margin:0 20px 0 0;
}
#CF {
	float: left;
}

.wrapper-admin {
	width:1024px;
	margin:0px auto;
	overflow:hidden;
}

.logo-admin {
	margin:20px auto 20px auto;
	overflow:hidden;
}

.btn-home-admin {
	display:block;
	height:22px;
	background:url(../images/icon_admin_home.png) 0px 4px no-repeat;
	padding:2px 0 0 25px;
}

.btn-logout-admin {
	display:block;
	height:22px;
	background:url(../images/icon_admin_logout.png) 0px 4px no-repeat;
	padding:2px 0 0 25px;
}

.admin-form {
	width:810px;
	background-color:#fff;
	border-top:#ea6023 1px solid;
	border-left:#ea6023 1px solid;
	margin:0 0 20px 0;
	font-size:0.9rem;
}
.admin-form th {
	background-color:#f0d09a;
	border-bottom:#ea6023 1px solid;
	border-right:#ea6023 1px solid;
	font-weight:normal;
	padding:5px;
}
.admin-form td {
	border-bottom:#ea6023 1px solid;
	border-right:#ea6023 1px solid;
	padding:5px;
}
.admin-form a {
	color:#06C !important;
	text-decoration:underline;
}
.admin-form a:hover {
	color:#F30 !important;
}

.box-fixed-1 {
	position:absolute;
	top:0px;
	left:0px;
}
.box-fixed-2 {
	position:absolute;
	top:181px;
	left:402px;
}
.test {
	position:absolute;
	width:194px;
	height:194px;
}


.isnon{
	position:absolute;
	left:150px;
	top:2px;
	width:32px;
	height:33px;
	z-index:3;
	display:none;
	border:none;
	background:url(../images/btn_close.png) no-repeat;
}


.isin{
	border:none;
	position:absolute;
	left:150px;
	top:2px;
	width:32px;
	height:33px;
	z-index:4;
	display:none;
	background:url(../images/btn_addBox.png) no-repeat;	
}

.box-news-tw {
	position:relative;
	width:395px;
	height:194px;
	background:url(../images/index/tw_news.jpg) no-repeat;
}
.box-news-en {
	position:relative;
	width:395px;
	height:194px;
	background:url(../images/index/en_news.jpg) no-repeat;
}
.box-resource, .box-forum, .box-boutique, .box-ebook, .box-blog, .box-portal, .box-game, .box-cloudSchool, .box-biweekly, .box-training, .box-facebook {
	position:relative;
	z-index:2;
}


.removeBox {
	position:absolute;
	top:10px;
	right:10px;
	z-index:999;
}
.btn-removeBox {
	display:block;
	width:32px;
	height:33px;
	background:url(../images/btn_close.png) no-repeat;
}

.addBox{
	position:absolute;
	top:10px;
	right:10px;
	z-index:999;
}

.btn-addBox{
	display:block;
	width:32px;
	height:33px;
	background:url(../images/btn_addBox.png) no-repeat;
}

.btn-saveTemplate {
	margin:0px auto 0px auto;
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
.article_date {
	-webkit-text-size-adjust:none;
	font-size:11px;
}
}