@charset "utf-8";
/* common共用區塊 */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
div, h1, h2, h3, h4, hr, p, form, label, textarea, img, span{
	margin:0; padding:0;
	line-height:150%;
}

td {word-break:break-all} 
link {
	COLOR: #0066ff;
	TEXT-DECORATION: none
}
a:link {
	COLOR: #0066ff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	COLOR: #ff9900;
	TEXT-DECORATION: underline
}
.wordwrap { 
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
-moz-binding: url('../Style/wordwrap.xml#wordwrap'); 
}

.clear {zoom:1; clear:both;} 
.clear:after {content:''; display:block; clear:both; visibility:hidden; height:0;}
/* common共用區塊 */

.MainFont12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	color: #333333;
}
H1 {
	font-size: 18px;
	line-height: normal;
	color: #0298B4;
	font-weight: bold;
	display: inline;
}
H2 {
	font-size: 16px;
	line-height: normal;
	color: #333333;
	font-weight: bold;
	display: inline;
}
H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	color: #999999;
	font-weight: normal;
	display: inline;
	padding-bottom: 10px;
}
.MainFont14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #0066ff;
}
.tableline2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: inherit;
	border-bottom-width: 1pt;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #F0F0F0;
	border-left-color: #FFFFFF;
	border-right-width: 0pt;
	border-left-width: 0pt;
	border-top-width: 1pt;
	border-top-style: solid;
	padding-right: 5px;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 5px;
	color: #777777;
}
.tableline {
	border: 1pt solid #CCCCCC;
}
.tableline1 {
	border: 2pt solid #CCCCCC;
}
.BookDetailTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: inherit;
	padding: 8px;
}
/*指定區域產生捲軸*/
#OverHide {
	width:700px;
	overflow:auto;
    font-size: 16px;
	color: #333333;
	line-height: 150%;
}
.tableline4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: inherit;
	border-bottom-width: 1pt;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #F0F0F0;
	border-left-color: #FFFFFF;
	border-right-width: 0pt;
	border-left-width: 0pt;
	border-top-width: 1pt;
	border-top-style: solid;
	padding-left: 23px;
	padding-top: 8px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #777777;
	padding-right: 23px;
}
.BookDetailPageViewBT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #CCCCCC;
	font-weight: bold;
}
.BookHotBookTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
	color: #FFFF33;
	font-weight: bold;
	display: inline;
}
.BookHotBookTitle2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
	color: #FFFFFF;
	font-weight: bold;
	display: inline;
}
.BookKindTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 150%;
	text-decoration: none;
}
.BookKindTitle:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 150%;
	text-decoration: none;
}
.BookKindTitle:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #FFCC00;
	font-weight: bold;
	line-height: 150%;
	text-decoration: none;
}
.form {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: inherit;
	font-variant: inherit;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 0px;
	margin: 0px;
}
.NoDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
	color: #666666;
	font-weight: bold;
	display: inline;
}
.FootEliteinfoLink {
	FONT-SIZE: 12px; COLOR: #0066ff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.FootEliteinfoLink:link {
	FONT-SIZE: 12px; COLOR: #0066ff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.FootEliteinfoLink:hover {
	FONT-SIZE: 12px; COLOR: #ff9900; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.AllGap {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.Summary {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 150%;
	color: #333333;
}
.SBMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #999999;
	font-weight: bold;
	line-height: 150%;
	text-decoration: none;
}
.SBMenu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #999999;
	font-weight: bold;
	line-height: 150%;
	text-decoration: none;
}
.SBMenu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #333333;
	font-weight: bold;
	line-height: 150%;
	text-decoration: none;
}
.Keyword {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	line-height: 150%;
	text-decoration: none;
}
.Keyword:link {
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	line-height: 150%;
	text-decoration: none;
}
.Keyword:hover {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	line-height: 150%;
	text-decoration: none;
}
.Commend {
	FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	font-weight: bold;
}
.Commend:visited {
	FONT-SIZE: 12px;
	COLOR: #FFFF00;
	TEXT-DECORATION: none;
	font-weight: bold;
}
.Commend:hover {
	FONT-SIZE: 12px;
	COLOR: #FFFF00;
	font-weight: bold;
}
.Commend:link {
	FONT-SIZE: 12px;
	COLOR: #FFFF00;
	TEXT-DECORATION: none;
	font-weight: bold;
}
.CommendSub {
	FONT-SIZE: 12px; COLOR: #E4E4E4; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.CommendSub:visited {
	FONT-SIZE: 12px; COLOR: #E4E4E4; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.CommendSub:hover {
	FONT-SIZE: 12px;
	COLOR: #FFFF00;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.CommendSub:link {
	FONT-SIZE: 12px; COLOR: #E4E4E4; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.GoodBk {
	FONT-SIZE: 12px;
	COLOR: #FF6600;
	TEXT-DECORATION: none;
	font-weight: bold;
}
.GoodBk:visited {
	FONT-SIZE: 12px;
	COLOR: #0066CC;
	TEXT-DECORATION: none;
	font-weight: bold;
}
.GoodBk:hover {
	FONT-SIZE: 12px;
	COLOR: #0066CC;
	font-weight: bold;
}
.GoodBk:link {
	FONT-SIZE: 12px;
	COLOR: #0066CC;
	TEXT-DECORATION: none;
	font-weight: bold;
}
.GoodBkTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #FF6600;
	font-weight: bold;
	display: inline;
}
.Orange14 {
	font-size: 14px;
	line-height: normal;
	color: #FF6600;
	font-weight: bold;
	display: inline;
}
.Gery12 {
	word-break:break-all;
	FONT-SIZE: 12px;
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: normal;
	line-height: 130%;
}
.Gery12:visited {
	text-decoration: none;
	COLOR: #666666;
}
.Gery12:hover{
	text-decoration: none;
	COLOR: #333333;
}
.Gery12:link{
	text-decoration: none;
	COLOR: #666666;
}
.NewsUnderDot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.NewsUnderDot:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.NewsUnderDot:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.MainFont14Bo {
	font-size: 14px;
	line-height: 130%;
	color: #666666;
	font-weight: bold;
}
.MainFont16 {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 150%;
	color: #333333;
}
.Gery12Bo {

	FONT-SIZE: 12px;
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: bold;
	line-height: 130%;
}
.QKLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 130%;
}
.ImgBT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	line-height: normal;
	cursor: hand;
}.MainFont12Wit {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	color: #FFFFFF;
}
.MainFont12Red {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	color: #FF3300;
}
.Font16BlueButton {font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #3366ff;
	font-weight: bold;
	height: 60px;
	width: 140px;
}
.CommendTitle {
	FONT-SIZE: 16px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: bold;
}
.tableline3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: inherit;
	border: 1pt solid #333333;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 2px;
}
.tableline4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: inherit;
	border: 1pt solid #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 2px;
}
#TopMenu ul li{
	list-style-type:none;
	margin:0px;
/*	font-size: 14px;*/
	color: #FFFFFF;
	padding: 20px 30px 20px 0px;
/*	width:100px;*/
	float:right;
}
.Green16B {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 150%;
	color: #4B7A21;
	font-weight: bold;
	display: inline;
	text-decoration: none;
}
/*-------Send Mail Start ----------*/
#SendMail table{
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #95C668;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #95C668;
}
#SendMail td{
	color: #52613D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFE2B0;
	font-size: 14px;
	line-height: 150%;
	background-color: #E1F0FF;
}
#SendMail input.submit {
	background-color: #76B900;
	color: #FFFFFF;
	font-size: 14px;
	height: 30px;
	border: 0px;
   _padding: 5px 0 0 0 ;/*firefox*/ /*左右間繫*/
	margin: 30px 10px !important;/*firefox*/ /*2個按鈕間隔*/
	background: url(../images/ButtonBG.gif) repeat-x;
	font-weight: bold;
	width: 120px;
}
.SendMailTitle {
	background-color: #0099CC;
	color: #FF6;
	font-size: 16px;
	font-weight: bold;
	line-height:30px;
}
/*-------Send Mail End ----------*/

#SignUpOverHide {
	width:730px;
	overflow:auto;
	margin-top: 15px;
	margin-bottom: 15px;
	height: auto;
}

/*側選*/
#leftBar {
	width:194px;
	height:100%;
	float:left;
	clear:both;
}


/*內容*/
#title {
	width:744px;
	height:72px;
	background-image: url(../images/AllPage/AllPage_4.jpg);
	background-repeat: no-repeat;
	margin-right: 0px;
	display: block;
	margin-top: 15px;
	margin-bottom: 8px;
	margin-left: 0;
}
#rightContent {
	width:744px;
	float:right;
	height:1180px;
	height:auto;
	min-height:1180px;
	text-align: left;
}
#summary {
/*	height:70px;*/
	padding-left: 8px;
}


/*----------多益報名表-----------*/
#signAll {
	width:720px;
/*	padding-left:10px;*/
	margin:10px;
/*	border: 1px solid #CCC;	*/
}
#signAll ul{
	padding:60px 100px 100px;
	list-style-type: none;
}
#signAll h3 {
	font-size:18px;
	height:30px;
	line-height:30px;
	/*	background-color: #D7D7D7;*/
	color:#043D6A;
	display: block;
	padding:5px 10px;
	margin:10px 10px 0px 10px;
	border-top: 2px solid #CCCCCC;
}

#signAll li{
	padding:10px;
}

#signButton {
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	height: 30px;
	border: 0px;
    _padding: 5px 0 0 0 ;/*firefox*/ /*左右間繫*/
	margin: 30px 10px !important;/*firefox*/ /*2個按鈕間隔*/
	background: url(../images/ButtonBG.gif) repeat-x;
	font-weight: bold;
	width: 120px;
}
#signButton input.leftSubmit {

}
#signButton input.rightSubmit {
	color: #FFFFFF;
	font-size: 14px;
	height: 30px;
	border: 0px;
    _padding: 5px 0 0 0 ;/*firefox*/ /*左右間繫*/
	margin: 30px 10px !important;/*firefox*/ /*2個按鈕間隔*/
	background: url(../images/ButtonBG.gif) repeat-x;
	font-weight: bold;
	width: 120px;
}

/*報名類別選擇*/
.signkindBlock {
	margin:30px 10px 10px;
	padding:10px;
	_padding-bottom: -10px; /*IE6或更舊的版本*/
	border: 1px solid #CCC;
}
.signkindBlock a {
	text-decoration: none;	
}
.signkindBlock span {
	line-height:40px;	
}
.OtherSignUp {
	margin-top:20px;
}

/*報名類別選擇 end*/


#signupTable th{
	width:120px;
	height:35px;
	text-align: right;
}


/*-----報名表FB Look------*/
#reqTable{ 
	width:98%; 
	border-left:#D7D7D7 solid 1px;
	border-top:#D7D7D7 solid 1px;
	border-collapse:collapse;
	margin:7px;
	font-size:13px;
}
#reqTable th{
	border-bottom:#fff solid 1px;
	padding:5px;
	vertical-align: middle;
	color: #0B5295;
	background-color: #D7D7D7;
}
#reqTable td{
	border-right:#D7D7D7 solid 1px;
	border-bottom:#D7D7D7 solid 1px;
	padding:5px;
	vertical-align: middle;
}

/*ToeicSignUp3.asp*/
#schoolLavel {
	margin-top:80px;
}

#schoolLavel li {
	background-color: #CCCCCC;
	text-align: center;
	float: left;
	width: 80px;
	margin: 10px;
	padding: 15px;
	list-style-type: none;
	vertical-align: middle;
}


.signupTable{
	background-color: #fff;
	line-height:150%;
}

.signupTable input, select{
	padding:3px;
	margin:2px 0;
}

.signupTable th{
	width: 155px;
	padding: 5px 0px 5px 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	text-align: right;
}

.signupTable td{
	padding: 10px 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}

.alt {
	background-color: #EEE;
}
.formBox{
	font-size: 15px;
	color: #333;
	line-height: 24px;
	padding: 10px;
	text-align: left;
	list-style-type: none;
}


/*選擇學級ToeicSignUp3.asp*/
/* Tutorial button with jQuery */
.school3 {
	clear: both;
	position:relative;
	display:block;
	height: 64px;
	width: 570px;
	background-position:0 0;
	cursor: pointer;
	background-image: url(../images/school3.png);
	background-repeat: no-repeat;
}	
.school3 span.hover {
	position: relative;
	display: block;
	height: 64px;
	width: 570px;
	background: url(../images/school3.png) no-repeat;
	background-position: bottom;
}
.school2 {
	clear: both;
	position:relative;
	display:block;
	height: 64px;
	width: 570px;
	background-position:0 0;
	cursor: pointer;
	background-image: url(../images/school2.png);
	background-repeat: no-repeat;
}	
.school2 span.hover {
	position: relative;
	display: block;
	height: 64px;
	width: 570px;
	background: url(../images/school2.png) no-repeat;
	background-position: bottom;
}

.red {
	color:#FF0000;
}