/* default */

.showPointer { cursor: pointer; }
.showMove { cursor: move; }
.hide { display:none; }

body {
	background: url(../images/background.gif) top;
	background-color: #cdc79e;
	font-family:Arial, Helvetica, sans-serif, 微軟正黑體;
	margin: 0;
	color:#747474;
	font-size:13px;
	position:relative;
	margin: 0;
	padding: 0;
	height: 100%;}

img {
	border: 0;}

h1 {
	font-size: 19px;
	font-weight:bold;
	color:#000;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	margin:0;
	padding-bottom:15px;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	color: #0066FF;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	padding: 0;
	margin:0;}

h3 {
	font-size: 15px;
	color: #333;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	padding: 0px 0px 5px 0px;
	margin:0;
	line-height:26px;
}

p {
	text-decoration: none;
	font-size:16px;
	line-height:28px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif, 微軟正黑體;
	margin: 0;}

td,tr,th,div {
	text-decoration: none;
	font-size: 13px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;}

ul,li {
	padding:0;
	margin:0;}


/* Links */

a {
	font-size: 13px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;}

a:link, a:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;}

a:hover {}

#wrapper {
	width:100%;
	margin: 0 auto;
	padding: 0;
	 min-height: 100%;
 *display: table; /* For IE7 Hack */
 *height: 100%; /* For IE7 Hack */}

#header_login {
	width:100%;
	height:120px;
	margin-bottom:0px;
	background:url(../images/bk_header2.png) repeat-x top;
	float:left;
}

#header_index {
	width:100%;
	height:120px;
	background:url(../images/bk_header-index.png) repeat-x top;
	text-align:center;}

#header {
	width:100%;
	height:54px;
	background:url(../images/bk_header.png) repeat-x top;
	text-align:center;}

#content_login {
	margin:0 auto;
	width: 100%;
	float:left;
	text-align:center;
	margin-top:20px;
	/*
	position:relative;
	height:100%;
	min-height:100%; */}

#content {
	margin:0 auto;
	width: 100%;
	float:left;
	padding:15px 0;
	}

#footer_login {
	width: 100%;
	background-color: #e5e5e5;
	position: fixed;
	bottom: 0;
	height: 50px;
	z-index: 5;
	_position:absolute;
	_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);
	z-index:100000;
	text-align:center;
	float:left;}

#footer_login p {
	margin: 13px 50px 10px 50px ;
	color:#333;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif, 微軟正黑體;}


#footer {
	width: 100%;
	background-color: #cdc79e;
	text-align:center;
	float:left;}

#footer p {
	color:#333;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif, 微軟正黑體;}

#footer_box {
	width:990px;
	text-align:left;
	height:50px;
	margin: 0 auto;
	padding:10px 0;}

/*測驗頁的footer*/
#test_menu {
	width: 100%;
	background-color: #cdc79e;
	background:url(../images/bk_footer-test.png) repeat-x;
	height:85px;
	float:left;}

#test_menu_no {
	width: 100%;
	background-color: #cdc79e;
	background:url(../images/bk_footer-test.png) repeat-x;
	height:35px;
	float:left;}

/*上方區塊-----------------------*/
#top_box {
	width: 990px;
	height: 54px;
	margin: 0 auto;
	padding:0;
	text-align:left;}

#top_bar {
	width:990px;
	height:40px;
	float:left;}

#mainmenu_box {
	float:left;
	width:990px;
	height:47px;
	text-align:left;}


/*登入頁 Logo*/
#logo {
	float:left;
	margin:17px 0px 0px 40px;}

/*內頁 Logo*/
#footer_left {
	float:left;
	width:450px;
	margin:2px 0px 0px 20px;}

#top_left {
	float:left;
	width:320px;}
.LS{
	float:right;
	margin-top:10px;
	width:370px;
	height:118px;
	background:url(../images/bk_language.png) no-repeat;
	padding: 45px 0px 0px 100px;}

#language {
	float:left;
	width:150px;
	height:118px;;}

.skin{
	float:left;
	width:220px;
	height:118px;}

.skin li{
	width:50px;
	margin-top:-8px;
	float:left;
	list-style-type:none;
	padding-right:5px;
	text-align:center;
	padding:0 5px;}

.skin li p{
	margin-top:-5px;}

.skin li a{
	font-size:12px;
	color:#FFF;}

.skin li a:hover{
	font-size:12px;
	color:#000;}
#top_menu_box {
	float:right;
	margin-top:5px;}

.topmenu, .topmenu_gstore {
	float:left;
	margin-right:10px;}

 .topmenu ul, .topmenu_gstore ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;}

 .topmenu li {
	float: left;
	list-style: none;
	margin: 0px 15px 0px 0px;}

 .topmenu_gstore li {
	float: left;
	list-style: none;
	margin: 1px 4px 0px 0px;
	color:#FFF;
	font-size:12px;}


/* 首頁body區---*/
#mainbody_login  {
	width: 890px;
	margin:0 auto;
	padding:0;
	height:460px;
	background: url(../images/bk_login-background.png) no-repeat right bottom;
}

/* 內頁body區---*/
#mainbody  {
	width:990px;
	padding: 0;
	margin:0 auto;}

#login_form {
	width:350px;
	height:226px;
	background-image:url(../images/bk_login-form.png);
	background-repeat:no-repeat;
	margin-left:30px;
	padding: 170px 0px 0px 75px;
	margin: 65px 0 40px 70px;
	text-align:left;
	float:left;}
#FB_login_form {
	width:350px;
	height:226px;
	background-image:url(../images/bk_login-form.png);
	background-repeat:no-repeat;
	margin-left:30px;
	padding: 170px 0px 0px 75px;
	margin: 65px 0 40px 70px;
	text-align:left;
	float:left;}
#login_btn{
	margin:0px 0px 0px 80px;
	width:75px;
	height:35px;}

/*左側區塊----------------*/
#left_box {
	  width:170px;
	  float:left;
	  padding: 0 20px;}

#content_box {
	width:768px;
	float:left;
	margin-left:10px;
	text-align:left;
    min-height:600px;
	border-left: #E8E8E8 1px solid;
	border-right: #E8E8E8 1px solid;
	border-bottom: #ccc 1px solid;
	}

#main_box {
	width:688px;
	float:left;
	margin:0px 0px 30px 0px;
	padding:10px 40px 30px 40px;}

 #main_box h1 {
	font-size:28px;
	height:30px;
	font-weight:bold;
	color:#000;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	margin-bottom:20px;
	text-shadow: 3px 3px 3px #ccc;
	background:url(../images/item_h1.png) no-repeat left;
	padding: 10px 0px 5px 50px;}

.pathway {
	text-align:left;
	font-size: 17px;
	color: #FFF;
	text-decoration: none;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	background-color:#239987;
	float:left;
	width:676px;
	padding:5px 10px;
	height:20px;
	margin:12px 35px;
	border: #e5e5e5 0px solid;
	border-radius: 6px; /* Opera 10.5+ */
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari 和 Chrome */
}

.pathway a {
	font-size: 17px;
	color:#49e9d1;
	text-decoration: none;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;}

.pathway a:hover {
	color: #FF9}

.pathway_N {
	text-align:left;
	font-size: 17px;
	color: #FFF;
	text-decoration: none;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	background-color:#239987;
	float:left;
	width:748px;
	padding:9px 10px 10px 10px;
	height:20px;
	margin:0px 0 12px 0;
	border: #e5e5e5 0px solid;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;}
.pathway_N a {
	font-size: 17px;
	color:#49e9d1;
	text-decoration: none;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;}
.pathway_N a:hover {
	color: #FF9;}
/*頁面標題*/
#heading {
	float: left;
	width:100%;
	height:70px;
	margin-bottom: 10px;
	background:url(../images/img_li_heading.jpg) no-repeat left;}

  #heading h1 {
	color:#F00;
	font-size:24px;
	padding: 28px 0px 0px 40px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;}


#main_area {
	width:530px;
	float:left;
	margin: 0px 40px 25px 40px;}


/*頁碼----------------*/

.Page_number {
	float: left;
	width: 570px;
	padding: 20px 20px 20px 20px;
	text-align:center;}

/*好站連結*/
.good_link {
    float: left;
	width: 610px;}

 .good_link  ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;}

 .good_link  li {
	float: left;
	list-style: none;
	width: 184px;
	height:169px;
	text-align:center;
	margin: 0px 18px 35px 0px;
	background:url(../images/bk_link.png) no-repeat;
}

 .good_link img {
	float: left;
	border: #ccc 1px solid;
	width: 160px;
	height: 100px;
	margin: 10px 10px;
	padding:1px;}

 .good_link p {
	font-size: 15px;
	color: #F60;
	text-decoration: none;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	width:160px;
	height:20px;
	margin: 0px 10px 10px 10px;
	float: left;
}

#Page_number {
	float: left;
	width: 667px;
	padding: 20px 20px 20px 20px;
	text-align:center;}

/* 表單 */

select {
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;}

input {
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif, 微軟正黑體;
	padding: 2px;}

textarea{
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fefefe;
	padding: 4px;}

textfield {
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fefefe;
	padding: 4px;}

.form_style_1 {
	background-color:#fefefe;
	border: #d6dade 1px solid;
	height:20px;
	}


.form_1 {
	float:left;}

.search_input {
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif, 微軟正黑體;
	color:#333333;
	background-color:#FFFFFF;
	border: #ccc 1px solid;
	width:170px;
	height:12px;
	margin-top:2px;}

/*返回按鈕　及　至頁面上方按鈕*/
.box_top-link {
	float: left;
	width: 647px;
	padding: 20px 20px 20px 20px;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	text-align:right;}

.box_back-link {
	float: left;
	width: 670px;
	padding: 20px 20px 20px 20px;
	text-align:center;}

/* 回上一頁-------------- */

.box_back-link {
	float: left;
	width: 100%;
	padding: 20px 0;
	text-align:center;
	border-top: #ccc 1px dotted;}

.link {
	font-size:13px;}

.link a:link, .link a:visited {
	color: #FF6600;
	text-decoration: none;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
}

.link a:hover {
	color: #FF0000;
	text-decoration: none;
	font-size: 13px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
}


/*列表*/
.list_style1 {
	float: left;
	width: 530px;}

 .list_style1 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;}

 .list_style1 li {
	float: left;
	list-style-type: none;
	margin-bottom:20px;
	padding: 0px;
	width: 530px;}

 .list_style1 h1 {
	float: left;
	width: 480px;
	margin-bottom:6px;
	padding: 5px 25px;
	background: url(../images/bk_job-hd.png) repeat-x top;
	color: #f00;
	font-size:15px;
	font-weight:bold;}

 .list_style1 h2 {
	color: #069;
	font-size:15px;
	font-weight:bold;}

 .list_style1 div {
	float: left;
	width: 488px;
	padding: 15px 20px;
	background-color:#fff;
	border-bottom: #ccc 1px dotted}

 .list_style1 table {
	 float:left;}


/*文字自動斷行*/
.autoskip {
      overflow:hidden;
      text-overflow:ellipsis;
      white-space: nowrap;}

/* more icon*/

.icon_more{
	width: 52px;
	height: 26px;
	float:right;}

.icon_more a {
	font-size: 12px;
	font-weight:bold;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	width: 52px;
	height: 26px;
	display:block;
	text-align:center;
	background:url(../images/icon_more_a.png) no-repeat;
}

.icon_more a:hover {
	color:#FFF;
	background:url(../images/icon_more_b.png) no-repeat;
}


/*內頁 body 區塊-------------------*/

#page_box {
	width:990px;
	margin: 0 0 80px;
	float:left;
	background:url(../images/bk_page-box.png) repeat-y left;}

#page_left {
	width:242px;
	float:left;
	margin-left:22px;}


#page_body {
	width:660px;
	float:right;
	margin-right:22px;
	padding:0px 17px 20px 17px;
	background:url(../images/bk_page-body.png) no-repeat top left;
}


/*主選單------------------*/
.main_nav_menu {
	float: left;
	height:44px;
	margin-top:17px;
	width:620px;}

.main_nav_menu ul {
    list-style-type: none;
	margin: 0px;
	padding: 0px;}

.main_nav_menu li {
    list-style-type: none;
	margin-right: 13px;
	height:44px;
	padding-top: 7px;
	float: left;
	text-align: center;
	background:url(../images/img_li_paper.png) no-repeat;}

 .main_nav_menu a:link, .main_nav_menu a:visited {
	font-size: 24px;
	color: #fff100;
	text-decoration: none;
	line-height:28px;
	margin-left:50px;
}

  .main_nav_menu a:hover {
	color: #fff;
}

  .main_nav_menu p {
	font-size: 24px;
	color: #fff100;
	text-decoration: none;
	line-height:20px;
}

 .main_nav_menu img {
	border: 0;}

/* 嵌入字型設定 */
@font-face {
    font-family: "AR ESSENCE";
    src: url(../fonts/ARESSENCE.ttf);
}

@font-face {
    font-family: "Architects Daughter";
    src: url(../fonts/ArchitectsDaughter.ttf);
}

/* 引用嵌入字型 */
.embFont01 {
    font-family: "AR ESSENCE", "Arial", "微軟正黑體";
}

.embFont02 {
    font-size:16px;
	display:inline-block;
	width:34px;
	height:30px;
	text-align:center;
    font-family: "Arial", "Architects Daughter";
	background:url(../images/icon_blue.png) no-repeat;
}

.embFont03 {
    font-family: "AlternateGothic2 BT";
}

.normalFont{font-size:21px;}


/*----圓 角 框----------------------------------------------*/

.round_box {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:10px 15px;
	width:160px;
	border: #3fae9d 1px solid;
	float:left;
	background-color:#249987;}


/*登入資訊-----------------------------*/
#id_form_top {
	float:left;
	width:150px;
	background: url(../images/bk_id-form_top.png) no-repeat top;
	background-color:#FFF;
	padding:33px 10px 0px 10px;}

#id_form_down {
	float:left;
	margin-bottom:15px;
	width:170px;
	height:41px;
	background: url(../images/bk_id-form_down.png) no-repeat;}

.login_img {
	float:left;
	width:100px;
	height:110px;
	border:#ccc 1px solid;
	margin: 0px 24px 10px 24px;}

.login_list {
	float:left;
	width:100%;
	text-align:left;
	 }

 .login_list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

 .login_list li {
	float: left;
	list-style-type: none;
	margin:0;
	padding: 3px 0;
	width:100%;
	font-size:15px;
	color:#000;
	font-family: Arial, Helvetica, sans-serif, 微軟正黑體;
	border-bottom:#ccc 1px dotted;}


#login_who {
	height:26px;
	background: url(../images/item_people.png) no-repeat left;
	padding: 8px 0px 0px 33px;
	font-size:16px;
	font-weight:bold;
	margin-top:5px;}

/*考試項目標題及副標題*/
.header_top {
	float:left;
	width:630px;
	margin:8px 0px 0px 20px;}

.header_top h1 {
	float:left;
	font-size: 26px;
	padding:4px 0;
	text-shadow: 3px 3px 3px #1d907e;}

/*試題列表*/

.txt_list {
	width:677px;
	float:left;
	 }

 .txt_list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

 .txt_list li {
    list-style-type: none;
	margin:0;
	float: left;
	width:677px;
	padding:0;
	position:relative;}

 .txt_list-one a {
	font-size: 20px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	color:#066;
	text-decoration: none;
	line-height:30px;
	display:block;
	background:url(../images/bk_task_a01.png) repeat-y;
	padding: 10px 30px 0px 30px;
}

 .txt_list-one a:hover {
	color: #000;
	padding: 10px 30px 0px 50px;}

 .txt_list-one p {
	 width:677px;
	 height:47px;
	 display:block;
	 background:url(../images/bk_task_a02.png) no-repeat;
	 float:left;}

 .txt_list-two a {
	font-size: 20px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #369;
	text-decoration: none;
	line-height:30px;
	display:block;
	background:url(../images/bk_task_b01.png) repeat-y;
	padding: 10px 30px 0px 30px;
}

 .txt_list-two a:hover {
	color: #000;
	padding: 10px 30px 0px 50px;}

 .txt_list-two p {
	 width:677px;
	 height:47px;
	 display:block;
	 background:url(../images/bk_task_b02.png) no-repeat;
	 float:left;}

 .txt_list-one_done a {
	font-size: 20px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	color:#900;
	text-decoration: none;
	line-height:30px;
	display:block;
	background:url(../images/bk_task_a01.png) repeat-y;
	padding: 10px 30px 0px 30px;
}

 .txt_list-one_done a:hover {
	color: #000;
	padding: 10px 30px 0px 50px;}

 .txt_list-one_done p {
	 width:677px;
	 height:47px;
	 display:block;
	 background:url(../images/bk_task_a02.png) no-repeat;
	 float:left;}


 .txt_list-two_done a {
	font-size: 20px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	line-height:30px;
	display:block;
	background:url(../images/bk_task_b01.png) repeat-y;
	padding: 10px 30px 0px 30px;
}

 .txt_list-two_done a:hover {
	color: #000;
	padding: 10px 30px 0px 50px;}

 .txt_list-two_done p {
	 width:677px;
	 height:47px;
	 display:block;
	 background:url(../images/bk_task_b02.png) no-repeat;
	 float:left;}

.login-form {
	float:left;
	width:310px;}

 .login-form ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

 .login-form li {
    list-style-type: none;
	margin-bottom:8px;
	float:left;
	width:270px;
	height:28px;}

/*時間倒數*/
#clock {
	margin-right:20px;
	float:right;
	}

#clock ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

#clock li {
    list-style-type: none;
	margin: 0;
	padding: 2px 0;
	float:left;
	width:26px;
	height:34px;
	text-align:center;}

#clock p {
	font-size:28px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;}

.clock_bk_1 {
	background:url(../images/bk_clock_1.png) no-repeat;}

.clock_bk_2 {
	background:url(../images/bk_clock_2.png) no-repeat;}

/*往前一頁箭頭*/
#forward {
	float:left;
	width:45px;
	margin-right:10px;
	padding-top:170px;}

/*往後一頁箭頭*/
#next {
	float:right;
	width:45px;
	margin-left:10px;
	padding-top:170px;}

/*試題區---------------------------1-*/
#body_area {
	width:990px;
	float:left;
	margin:0;}

 #body_area h1 {
	font-size:30px;
	padding:0;
	margin-bottom:10px;
	line-height:32px;}

/*body 說明*/
.explanation {
	float:left;
	width:700px;
	text-align:left;
	margin-left:20px;}

#test_area {
	width:948px;
	background:#FFF;
	border:#cdc79e 1px solid;
	float:left;
	margin: 10px 0;
	border-radius: 6px; /* Opera 10.5+ */-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari 和 Chrome */
	padding: 30px 20px; /* 邊框空白 */}


/*試題區---------------------------0-*/

.link_list {
	margin: 0 auto;
	padding:0;
	width:100%;
	text-align:center;}

.link_list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

.link_list li {
    list-style-type: none;
	padding:0;
	margin:0 auto;
	width:100%;
	text-align:center;}

/*連連看圖的部分*/
.link_img {
	margin:0 auto;
	padding:0;
	width:100%;
	text-align:center;}

.link_img ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display:inline;}

.link_img li {
    list-style-type: none;
	padding:2px 0;
	margin:0 auto;
	float:none;
	width:115px;
	display:inline;
	font-size:20px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif, 微軟正黑體;
	color:#333;}

.link_img img {
	border:0;}

.link_img span {
	width:132px;
	background-color:#e9e2b6;
	padding: 6px;}


/*測驗頁共用區塊*/
.box_1 {
	width:990px;
	float:left;
	margin:0;
	text-align:center;}

/*上一頁,下一頁 區塊*/
.change_page {
	width:745px;
	float:left;
	margin:10px 0 10px 254px;
	text-align:center;}

/*測試頁下方*/
#test-menu_box {
	margin: 0 auto;
	padding: 0;
	width:990px;}

 #test-menu_box p {
	margin: 13px 50px 10px 50px ;
	color:#333;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif, 微軟正黑體;}

/*測驗開始大題項目選單-------------*/
.test_item-menu {
	float:left;
	margin-top:10px;}

 .test_item-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

 .test_item-menu li {
    list-style-type: none;
	padding:0;
	float:left;
	margin-right:20px; }

/*測驗開始 Icon*/
.start {
	width:47px;
	height:40px;
	text-align:center;
	font-size:18px;
	color:#000;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	background: url(../images/item_start.png) no-repeat;
	padding:10px 10px 10px 35px;
	}

/*第一層考試項目選單*/
.item_1 {
	float:left;
	width:100%;
	margin-top:3px;}

 .item_1 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

 .item_1 li {
	list-style-type: none;
	margin-right:5px;
	padding:0;
	float:left;}

 .item_1 span {
	background:#b88d2d;
	border:#fff 1px solid;
	float:left;
	text-align:center;
	font-size:14px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	border-radius: 4px; /* Opera 10.5+ */-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari 和 Chrome */
	padding: 2px 5px;}

 .item_1 a {
	border:#d7d1a9 1px solid;
	float:left;
	text-align:center;
	font-size:14px;
	color:#3c2d0b;
	font-family:Arial, Helvetica, sans-serif;
	border-radius: 4px; /* Opera 10.5+ */-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari 和 Chrome */
	padding: 2px 5px;}

 .item_1 a:hover {
	background:#000;
	border:#d7d1a9 1px solid;
	float:left;
	text-align:center;
	font-size:14px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	border-radius: 4px; /* Opera 10.5+ */-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari 和 Chrome */
	padding: 2px 5px;}

/*第二層考試項目選單*/
.item_2 {
	width:560px;}

.item_3 {
	width:470px;
	height:auto;
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	*margin: 0px auto;
	_margin: 0px auto;}

.item_2 ul, .item_3 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

.item_2 li, .item_3 li {
	list-style-type: none;
	margin-right:5px;
	padding:0;
	float:left;}

.item_2 span, .item_3 span {
	background:#000;
	border:#fff 0px solid;
	float:left;
	text-align:center;
	font-size:14px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	border-radius: 45px; /* Opera 10.5+ */-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 45px; /* Safari 和 Chrome */
	padding: 2px 9px;}

.item_2 a, .item_3 a {
	border:#d7d1a9 0px solid;
	background:#e9e2b6;
	float:left;
	text-align:center;
	font-size:14px;
	color:#3d3204;
	font-family:Arial, Helvetica, sans-serif;
	border-radius: 45px; /* Opera 10.5+ */-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 45px; /* Safari 和 Chrome */
	padding: 2px 9px;}

.item_2 a:hover, .item_3 a:hover {
	background:#bcb05f;
	border:#d7d1a9 0px solid;
	float:left;
	text-align:center;
	font-size:14px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	border-radius: 45px; /* Opera 10.5+ */-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 45px; /* Safari 和 Chrome */
	padding: 2px 9px;}


/*說明紐及評分結果按鈕 區塊*/
#right_box {
	float:right;
	margin-top:2px;
	width:270px;}

/* 文字效果 */
.big_tex_back {
	font-size: 16px;
	color:#000000;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	margin: 0;}

.big_txt {
	font-size:32px;
	font-weight:bold;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;}


.txt_black {
	color: #333;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
}

.txt_red {
	color: #FF0000;
	font-weight:bold;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;}

.txt_green {
	color: #388d80;
	font-weight:bold;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	padding:0;
	margin-left:15px;}

.txt_yellow {
	color: #fff100;
	font-weight:bold;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;}

.txt_blue {
	color: #36C;
	font-weight:bold;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;}

.txt_white {
	color: #fff;
	font-weight:bold;
	font-family:微軟正黑體, Arial, Helvetica, sans-serif;}

.icon_do {
	margin:0 auto;
	padding:0;
	width:100%;
	text-align:center;}

.icon_do ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display:inline;}

.icon_do li {
    list-style-type: none;
	padding:0px;
	margin:0 auto;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif, 微軟正黑體;
	color:#333;
	float:none;
	display: inline;}

/*index 版型 (籃底藍框)　body 共用區塊*/
.index_box {
	width:642px;
	float:left;
	margin-bottom:25px;
	background-color:#cef7ec;
	border:#b1dfd3 3px solid;
	border-radius: 6px; /* Opera 10.5+ */
    -moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari 和 Chrome */
	padding: 20px 20px; /* 邊框空白 */}

.index_box p {
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif, 微軟正黑體;}

/*說明 版型 (籃底藍框)　body 共用區塊*/
.explain_box {
	width:85%;
	float:left;
	margin-bottom:25px;
	background-color:#FFE2C9;
	border:#FFC0A2 3px solid;
	border-radius: 6px; /* Opera 10.5+ */-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari 和 Chrome */
	padding: 20px 20px; /* 邊框空白 */}

.explain_box li {
	font-size:13px;
	line-height:1.8;
	font-family:Arial, Helvetica, sans-serif, 微軟正黑體;}

/*index 版型 (無框無底)　body 共用區塊*/
.icon_box {
	width:100%;
	float:left;}

/*icon 共用區塊*/
 .icon_style_left {
	float:left;
	margin-left:20px;}

 .icon_style_right {
	float:right;
	margin-left:20px;}

 .icon_style_left2 {
	float:left;
	margin-left:20px;}

 .icon_style_right2 {
	float:left;
	margin-left:110px;}

 .icon_style_left img, .icon_style_right img, .icon_style_left2 img, .icon_style_right2 img {
	 border:0;}

.btn_1 a, .btn_2 a, .btn_3 a, .btn_4 a, .btn_5 a, .btn_6 a, .btn_7 a, .btn_8 a {
	color:#000;
	background-color:#cdc79e;
	padding:10px;
	font-size:19px;}

.btn_1 a:hover  {
	background-color:#fcb6b8;}/*紅*/

.btn_2 a:hover  {
	background-color:#ed8e41;}/*橘*/

.btn_3 a:hover  {
	background-color:#fffe94;}/*黃*/

.btn_4 a:hover  {
	background-color:#cde298;}/*淺綠*/

.btn_5 a {
	display:inline-block;}

.btn_5 a:hover  {
	background-color:#a5df88;}/*綠*/

.btn_6 a:hover  {
	background-color:#c2e7f9;}/*淺藍*/

.btn_7 a:hover  {
	background-color:#94d1ed;}/*藍*/

.btn_8 a:hover  {
	background-color:#d5afe6;}/*紫*/

.blockCustBG {
	background: url(../images/background.gif) top;
}

/*聽力練習*/
.hearing_img {
	width:300px;
	float: right; }

.hearing {
	float:left;}

 .hearing ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

 .hearing li {
	list-style-type: none;
	margin:0;
	padding:4px 8px;
	float:left;
	width:142px;
	height:152px;
	text-align:center;}

 .hearing p {
	 font-size:20px;
	 color:#333;
	 font-family:Arial, Helvetica, sans-serif, 微軟正黑體;}


/*聽力測驗*/

.hearing_test {
	float:left;
	width:620px;}

 .hearing_test ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

 .hearing_test li {
	list-style-type: none;
	margin:0;
	padding:4px 0px 8px 0px;
	float:left;
	width:100%;
	border-bottom: #ccc 1px dotted;}

 .hearing_test span {
	 float:left;}

 .hearing_test p {
	 font-size:20px;
	 color:#333;
	 font-family:Arial, Helvetica, sans-serif, 微軟正黑體;
	 float:left;
	 width:28px;
	 margin-right:5px;
	 text-align:right;}

.hearing_list {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:85px;}

 .hearing_list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

 .hearing_list li {
	list-style-type: none;
	margin-right:20px;
	padding:2px;
	float:left;
	border:0;
	width:inherit;}


.item_box {
	float:left;
	width:100px;}

.play_txt_no-show {
	border:#fff 1px solid;
	background-color:#FFF;
	width:26px;
	margin-left:10px;}

.play_txt_show {
	color:#F00;
	display:block;
	font-size:24px;
	font-weight:bold;
	font-family:微軟正黑體, Arial, Helvetica, sans-serif, 微軟正黑體 ;
	border:#EFD129 1px solid;
	background-color:#FF6;
	line-height:26px;
	width:26px;
	text-align:center;
	margin-left:10px;}

.play_li_show {
	display:block;
	border:#EFD129 1px solid;
	line-height:24px;
	background-color:#c1e79b;
	text-align:center;
	margin-right:10px;
	margin-left:10px;}

/*表格 測驗結果*/
.form_table {
	width:900px;
	margin:0px 24px 25px 24px;
	float:left;
	border:#ccc 0px solid;}

.form_table2 {
	margin:0px 24px 25px 24px;
	float:left;
	border:#ccc 0px solid;}

.form_table th, .form_table2 th {
	background-color:#333;
	padding:25px 3px;
	text-align:center;
	color:#fff;
	font-size:20px;
	font-family:微軟正黑體, Arial, Helvetica, sans-serif, 微軟正黑體 ;
	border: #e5e5e5 0px solid;
	border-radius: 6px; /* Opera 10.5+ */
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari 和 Chrome */}

.form_table td, .form_table2 td {
	background-color: #E4E4E4;
	padding:5px 10px;
	color:#333;
	font-size:20px;
	font-family:微軟正黑體, Arial, Helvetica, sans-serif, 微軟正黑體 ;
	border: #e5e5e5 0px solid;
	border-radius: 6px; /* Opera 10.5+ */
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari 和 Chrome */}


/*漸層背景 深綠*/

.form_bk_green-deep {
	background: #51a769; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #51a769 0%, #0a130d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51a769), color-stop(100%,#0a130d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #51a769 0%,#0a130d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #51a769 0%,#0a130d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #51a769 0%,#0a130d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #51a769 0%,#0a130d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a769', endColorstr='#0a130d',GradientType=0 ); /* IE6-8 */
}

.form_bk_green_1 {
	background: #a9db80; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5ZGI4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NmM1NmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a9db80 0%, #96c56f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9db80), color-stop(100%,#96c56f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a9db80 0%,#96c56f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-8 */}


.form_bk_green_hover {
background: #a9db80; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5ZGI4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NmM1NmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #EEE17D 0%, #DBD080 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DBD080), color-stop(100%,#96c56f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #EEE17D 0%,#DBD080 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #EEE17D 0%,#DBD080 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #EEE17D 0%,#DBD080 100%); /* IE10+ */
background: linear-gradient(to bottom,  #EEE17D 0%,#DBD080 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEE17D', endColorstr='#DBD080',GradientType=0 ); /* IE6-8 */
width:5em;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;}


.form_bk_green_2 {
	background: #c1e79b; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5ZGI4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NmM1NmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c1e79b 0%, #b1d889 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1e79b), color-stop(100%,#b1d889)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c1e79b 0%,#b1d889 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c1e79b 0%,#b1d889 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c1e79b 0%,#b1d889 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c1e79b 0%,#b1d889 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1e79b', endColorstr='#b1d889',GradientType=0 ); /* IE6-8 */}


/*檢視成績結果按鈕*/
.view_btn{
	background:url(../images/BTN_BG.png) no-repeat;
	width:178px;
	height:61px;
	border:0 none;
	cursor: pointer;
	margin: 0 10px;
	font-size: 16px;
	color:#FFF;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;}


/*文字超出不顯示*/
.text_break {
	text-decoration: none;
	font-size:16px;
	line-height:28px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif, 微軟正黑體;
	margin: 0;
    width:25em;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;}

/*評分小圖示*/
.score {
	float:left;
	margin:15px;
	width:900px;
	margin: 0px 24px 25px 24px;
	}

 .score ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

 .score li {
	list-style-type: none;
	margin-right:20px;
	padding:0;
	float:left;
	width:inherit;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;}


/*頁碼*/
.page {
	width:102px;
	height:128px;
	margin:0 32px;
	background:url(../images/bk_page.png) no-repeat;
	float:left;
	text-align:center;}

.page p {
	font-size:62px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding: 50px 10px;}

/*2013-06-20 新增 css*/
/*會員登入*/
.sign-up_box {
	width:660px;
	margin-bottom:10px;
	padding:10px 0;}

.sign-up_header {
	width:660px;
	height:112px;
	background:url(../images/bk-sign_up_header.png) no-repeat;
	margin-bottom:5px;}

.sign-up_form {
	width:490px;
	margin-bottom:50px;
	padding: 20px 80px;
	border:#ccc 5px solid;
	font-family:Arial, Helvetica, sans-serif;
	border-radius: 22px; /* Opera 10.5+ */-moz-border-radius: 22px; /* Firefox */
	-webkit-border-radius: 22px; /* Safari 和 Chrome */}

.profile_form {
	width:520px;
	margin-bottom:50px;
	padding: 20px 80px;
	border:#ccc 5px solid;
	font-family:Arial, Helvetica, sans-serif;
	border-radius: 22px; /* Opera 10.5+ */-moz-border-radius: 22px; /* Firefox */
	-webkit-border-radius: 22px; /* Safari 和 Chrome */}

.forgot-id_header {
	width:660px;
	height:112px;
	background:url(../images/bk-forgot_id_header.png) no-repeat;
	margin-bottom:5px;}

.form_box {
	width:520px;
	margin:0px 50px 20px 50px;
	text-align:left;
	padding: 20px;}

.fields {
	width:100%;
	text-align:left;
	}

.fields ul  {
	list-style-type: none;
	margin:0;
	padding:0;}

.fields li {
	list-style-type: none;
	padding:5px;
	margin: 0;
	width:520px;
	font-size:16px;
	border-bottom:#b2efc1 0px dotted;}

.fields p {
	width:90px;
	font-size:15px;
	color:#000;
	font-family:微軟正黑體, Arial, Helvetica, sans-serif, 微軟正黑體 ;
	float:left;}


.input {
	border:#d6dade 1px solid;
	background-color:#fff;
	font-size:15px;
	padding:3px 5px;}

.select {
	border:#d6dade 1px solid;
	background-color:#fff;
	font-size:15px;
	font-family:微軟正黑體, Arial, Helvetica, sans-serif, 微軟正黑體 ;
	padding:2px;
	margin:0;}

/*icon_check 按鈕*/
.icon_check {
	border:#F90 0px solid;
	text-align:center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#CCC;
	padding:5px 10px;
	border-bottom:#999 1px solid;
	border-right:#999 1px solid;
	color:#000;
}

.icon_check a:link, .icon_check a:visited {
	font-size:16px;
	color: #666;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif, 微軟正黑體;
	font-weight:bold;
}

.icon_check a:hover {
	color:#000;
}

/* icon 送出資料,清除重寫 按鈕*/
.icon_input {
	border:#F90 0px solid;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#ffcf06;
	padding:5px 10px;
	border-bottom:#cca605 1px solid;
	border-right:#cca605 1px solid;
	background:url(../images/bk_icon.png) repeat-x;
	color:#FFF;
	}

.icon_input a:link, .icon_input a:visited {
	font-size:16px;
	color: #fff;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif, 微軟正黑體;
	font-weight:bold;}

.icon_input a:hover {
	color:#FF0;
}


/*Your courses*/
.Yourcourses{
	float:left;
	padding:0;
	margin:0;}

.Yourcourses ul{
	float:left;
	padding:0;
	list-style-type:none;}

.Yourcourses li{
	float:left;
	padding:0;
	position:relative;}

.Yourcourses_btn{
	background:url(../images/btn_test.png) no-repeat;
	width:107px;
	height:27px;
	border:0 none;
	cursor: pointer;
	margin: 0 5px;
	font-size: 12px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
	color:#8E501A;}

.Yourcourses_btn2{
	background:url(../images/btn_test2.png) no-repeat;
	width:107px;
	height:27px;
	border:0 none;
	cursor: pointer;
	margin: 0 5px;
	font-size: 12px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
	color:#8E1A1A;}

.Yourcourses_btn3{
	background:url(../images/btn_test3.png) no-repeat;
	width:107px;
	height:27px;
	border:0 none;
	cursor: pointer;
	margin: 0 5px;
	font-size: 12px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
	color:#8E1A1A;}

.Yourcourses_btn4{
	background:url(../images/btn_test4.png) no-repeat;
	width:78px;
	height:27px;
	border:0 none;
	cursor: pointer;
	margin: 0 0 0 3px;
	font-size: 12px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color:#46622A;
	text-align:right;}

.Yourcourses_btn5{
	background:url(../images/btn_test5.png) no-repeat;
	width:78px;
	height:27px;
	border:0 none;
	cursor: pointer;
	margin: 0;
	font-size: 12px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color:#46622A;
	text-align:right;}

.Yourcourses_btn6{
	background:url(../images/btn_test6.png) no-repeat;
	width:78px;
	height:27px;
	border:0 none;
	cursor: pointer;
	margin: 0;
	font-size: 12px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color:#7C7840;
	text-align:right;}

.Yourcourses_btn_view{
	background:url(../images/btn_view.png) no-repeat;
	width:78px;
	height:27px;
	border:0 none;
	cursor: pointer;
	margin: 0;
	font-size: 12px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color:#069;
	text-align:right;}

/*左側共用區塊 (Menu)*/
.leftbox {
	width:100%;
	float:left;
	margin-bottom:10px;}

 .leftbox ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;}

 .leftbox li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float:left;}

.leftform_body {
	width:100%;
	float:left;}


/*左側選單 第一層選單----------------*/
.active_menu {
	float:left;
	width:100%;
	text-align:left;}

.active_menu a {
	font-size:16px;
	font-weight:bold;
	display: block;
	text-decoration:none;
	line-height:30px;
	color:#333;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	padding-left:10px;}

/*.active_menu a:hover {
	color:#994423;
	padding-left:25px;}*/

.menu_border {
	border-bottom:#CCC 1px dotted;}

.active_menu_head{
	float:left;
	width:100%;}

.active_menu_head p{
	font-size:24px;
	padding-bottom:5px;
	color:#A8D3CD;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-weight:bold;}

.active_menu_title{}

.active_menu_title p{
	font-weight:bold;
	font-size:14px;
	line-height:35px;
	color:#239987;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;}

.active_menu_title span{
	font-size:18px;
	font-weight:bold;}


/* 左側選單第二層導覽 Menu--------------------------------*/

.sublevel {
	float:left;
	margin-bottom:10px;
	text-align:left;}

.sublevel ul {
    list-style-type: none;
	margin: 0px;
	padding: 0px;}

.sublevel li {
    list-style-type: none;
	margin:0;
	padding-left:10px;
	width:150px;
	float:left;}

.sublevel a {
	font-size:13px;
	font-weight:bold;
	display: block;
	text-decoration:none;
	line-height:30px;
	color:#239987;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;}

.sublevel a:hover {
	color:#994423;
	padding-left:15px;}

.left_gstore_list {
	float:left;
	width:100%;
	text-align:left;
	padding-top:20px;}

 .left_gstore_list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

 .left_gstore_list li{
	float: left;
	margin:0;
	padding: 3px 0;
	width:100%;
	text-align:right;}

.left_gstore_list li a{
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	line-height:26px;
	color:#239987;
	padding-right:5px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;}

.left_gstore_list li a:hover{
	color:#994423;
	text-decoration:underline;}

.Gstore_mainList{
	float:right;
	width:auto;
	height:auto;
	padding-right:6px;}

.Gstore_mainList p{
	color:#239987;}

.Gstore_mainList a{
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	line-height:26px;
	color:#333;
	padding-right:5px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;}

.Gstore_mainList a:hover{
	color:#994423;
	text-decoration:none;}

/*Gstore - 頁碼*/
div.gstore_page{padding:0;margin:3px;text-align:center;}
div.gstore_page a{border:#bbb 1px solid;padding:2px 5px;margin:2px;color:#666;text-decoration:none;}
div.gstore_page a:hover{border:#f0f0f0 1px solid;color:#FFF;background-color:#333;}
div.gstore_page a:active{border:#f0f0f0 1px solid;color:#666;}
div.gstore_page span.current{border:#239987 1px solid;padding:2px 5px;font-weight:bold;margin:2px;color:#fff;background-color:#239987;}
div.gstore_page span.disabled{border:#ddd 1px solid;padding:2px 5px;margin:2px;color:#ddd;}

/*Gstore - 訂購步驟*/
.steps {
    background: none repeat scroll 0 0 #F2F2F2;
	border:1px solid #ABBFBC;
    color: #CCCCCC;
    font-size: 9pt;
    height: 23px;
    line-height: 23px;
    margin-top: 3px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}
* {
    outline: medium none;
}
.steps strong {
	font-weight: bold;
	color: #994423;
	padding-bottom:2px;
	border-bottom:1px solid #994423;
	font-size:12px;
}
#steps {
	height:23px;
	line-height:23px;
	text-align:center;
	vertical-align:middle;
	padding: 5px;
	margin-top: 3px;
	font-size: 9pt;
	color: #999;
	border:1px solid #ABBFBC;
	background:#F2F2F2;
}

.StepTitle { color:#239987; padding-right:15px;}
.Step01 { padding-right:10px;}
.Step01:after { content:'　＞' ;color:#239987;}
.Step02 { padding-right:10px;}
.Step02:after { content:'　＞' ;color:#239987;}
.Step03 { padding-right:10px;}
.Step03:after { content:'　＞' ;color:#239987;}


/*Gstore - 0元專區*/
.Gstore_0free_head{
	float:left;
	width:100%;
	height:78px;
	background:url(../images/Gstore_0free_head.png) no-repeat;}

.Gstore_0free_head p{
	padding:16px 0 0 40px;
	color:#239987;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-weight:bold;}

.Gstore_0free_body{
	float:left;
	width:100%;
	height:auto;
	background:url(../images/Gstore_0free_body.png) repeat-y;
	text-align:center;
	padding:10px 0 15px 0;
	position: relative;}

.Gstore_0free_L{
	float:left;
	width:60px;
	height:auto;
	text-align:right;
	padding-top:80px;}
.Gstore_0free_R{
	float:right;
	width:60px;
	height:auto;
	text-align:left;
	padding-top:80px;}
.Gstore_0free_L a,.Gstore_0free_R a{
	color:#FFF;
	font-size:26px;}
.Gstore_0free_L a:hover, .Gstore_0free_R a:hover{
	color:#CCC;}

.Gstore_0free_books{
	float:left;
	width:566px;
	height:auto;}
.Gstore_0free_books ul{
	float:left;
	list-style-type:none;}
.Gstore_0free_books li{
	float:left;
	width:140px;
	height:220px;
	text-align:center;
	position:relative;}
.Gstore_0free_books p{
	text-align:center;
	font-size:13px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	line-height:25px;}

.Gstore_0free_books a{
	color:#FFF;
	font-size:13px;}
.Gstore_0free_books a:hover{
	color:#CCC;}

.Gstore_0free_footer{
	float:left;
	width:100%;
	height:17px;
	background:url(../images/Gstore_0free_footer.png) top no-repeat;
	padding-bottom:10px;}


/*Gstore - 綠紅標題*/
.Gstore_green_head{
	float:left;
	width:100%;
	height:76px;
	background:url(../images/Gstore_green_head.png) no-repeat;}

.Gstore_red_head{
	float:left;
	width:100%;
	height:76px;
	background:url(../images/Gstore_red_head.png) no-repeat;}

.Gstore_green_head p, .Gstore_red_head p{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-weight:bold;}

.Gstore_green_head_txt{
	float:left;
	padding:15px 0 0 18px;
	width:120px;
	text-align:center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;}

.Gstore_green_head_txt p{
	color:#FFF;}

.Gstore_green_head_txt2{
	float:left;
	padding:13px 0 0 18px;
	width:500px;
	text-align:left;
    overflow:hidden; 
    white-space:nowrap;
    text-overflow:ellipsis;}
	
.Gstore_green_head_txt2 p{
	color:#239987;}

/*Gstore - book列表*/
.Gstore_books_list{
	float:left;
	padding:0 0 0 8px;
	margin:0;}
	
.Gstore_books_list ul{
	float:left;
	padding:0;
	list-style-type:none;}
	
.Gstore_books_list li{
	float:left;
	padding:0;}
	
.Gstore_books{
	width:125px;
	height:auto;
	float:left; 
	margin:0px 15px 20px; 
	border:1px #e4e4e4 solid; 
	padding:5px;}
	
.Gstore_books img{
	border:0;}

.Gstore_books_txt_black{
	font-size:13px;
	font-weight:bold;
	padding:5px 0 0 3px;
	line-height:190%;
    overflow:hidden; 
    white-space:nowrap;
    text-overflow:ellipsis;}
	
.Gstore_books_txt_gray{
	font-size:12px; 
	color:#666; 
	padding-left:4px;
	line-height:190%;}
	
.priceList{
	/*display:none;*/
	width:120px; 
	position:absolute; 
	padding:10px 5px 15px 10px; 
	top:50px;
	left:20px; 
	color:#FB9300;
	background: #333;
    border: #CCC 2px solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;}
.priceList span{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFF;}
	
.priceList_btn{
    margin:4px 4px 0 4px;
    padding:2px 10px 4px 10px;
    color:#FFF;
    background-color: #FB9300;
    font-size:13px;
    border: #CCC 0px solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;}


/*Gstore - 購物清單表格*/
.GstoreForm{}
.GstoreForm table{}
.GstoreForm th{
	height:36px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333;
	background:url(../images/GstoreFormBG.png) repeat-x;}

.GstoreForm td{
	padding:10px 5px;}

.GstoreForm_green_txt{
	color:#097565;}

.GstoreForm_red_txt{
	color:#C40000;}

.GstoreForm_gray_bg{
	background-color:#F3F3F3;
	border-top:1px #E2E2E2 solid;
	border-bottom:1px #E2E2E2 solid;
	}
.GstoreForm_green_bg{
	height:30px;
	background-color:#BCE0DA;
	}

.GstoreForm_gray_border{
	border-bottom:1px #E2E2E2 solid;
	}


.GstoreForm_money{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color:#C40000;
	}
.GstoreForm_money span{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color:#C40000;
	font-size:18px;
	font-weight:bold;
	}

.GstoreForm_del{
	}
.GstoreForm_del a{
	color:#333;
	text-decoration:underline;
	}
.GstoreForm_del a:hover{
	color:#999;
	text-decoration:none;
	}


/*Gstore - 商品總金額*/
.GstoreForm_total{
	float:left;
	width:100%;
	height:50px;
	background-color:#D3EAE7;
	border-top:4px #BFBFBF solid;
	border-bottom:4px #239987 solid;}

.GstoreForm_total p{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:17px;
	font-weight:bold;
	text-align:right;
	padding:10px 15px 0 0;}

.GstoreForm_total span{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color:#C40000;
	font-size:17px;}

/*Gstore - 付款人表單*/
.GstoreForm_payer_title{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color:#239987;
	font-size:15px;
	padding-left:10px;}

.GstoreForm_payer_star{
	padding-left:5px;
	color:#F00;}

.GstoreForm_payer_txt{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
	padding-left:10px;}


/*Gstore - 廣告區*/
.ad_top{
	float:left;
	width:100%;
	padding-top:10px;
	text-align:center;}

.ad_left{
	float:left;
	padding:0;
	margin:0;}
.ad_left ul{
	float:left;
	list-style-type:none;
	padding:0;
	margin:0;}
.ad_left li{
	float:left;
	padding-bottom:10px;
	margin:0;
	width:168px;
	height:75px;}
.ad_left img{
	border-top:1px #AAA solid;
	border-left:1px #AAA solid;
	border-right:1px #555 solid;
	border-bottom:1px #555 solid;
	max-width:168px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
.ad_left a:hover img{
	border:1px #FFF solid;}

.ad_bottom{
	float:left;
	padding:10px 0 0 0;
	margin:0;
	width:100%;
	height:auto;
	background-image: url(../images/background.gif);
	background-color: #cdc79e;}
.ad_bottom ul{
	float:left;
	list-style-type:none;
	padding:0;
	margin:0;}
.ad_bottom li{
	float:left;
	padding-right:12px;
	margin:0;
	width:235px;
	height:75px;}
.ad_bottom img{
	border:1px #ccc solid;}
.ad_bottom a:hover img{
	border:1px #333 solid;}

.top_banner{
	float:left;
	width:100%;
	margin:40px auto -10px auto;
	text-align:center;}

.top_banner img {
	width:985px;
	height:150px;
	border:1px #CCC solid;
	-moz-box-shadow:0px 1px 10px 1px rgba(20%,20%,20%,0.5);
	-webkit-box-shadow:0px 1px 10px 1px rgba(20%,20%,20%,0.5);
	box-shadow:0px 1px 10px 1px rgba(20%,20%,20%,0.5);}


/*Gstore書籍詳細資訊－浮動視窗*/
.GSDetail_body{
	float:left;
	z-index: 99;
	position: absolute;
	width:300px;
	height:auto;}
.GSDetail_content{
	float:left;
	width:250px;
	min-height:120px;
	border:#333 4px solid;
	margin: 0;
	padding: 10px 15px; /* 邊框空白 */
	border-radius: 6px; /* Opera 10.5+ */-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari 和 Chrome */
	text-align:left;
	background:url(../images/bg_GSDetail.png) top repeat-x #333;}
.GSDetail_content p{
	text-align:left;
	color:#FFF;
	font-size:14px;
	font-family: "Comic Sans MS", "微軟正黑體", Arial, Helvetica, sans-serif;
	border-bottom:1px #333 dotted;}
.GSDetail_content p span{
	color:#FC0;
	font-size:14px;
	font-family: "Comic Sans MS", "微軟正黑體", Arial, Helvetica, sans-serif;}
.GSDetail_X a {
	float:right;
	z-index: 100;
	position: relative;
	top:-25px;
	left:18px;
	text-decoration:none;
	display:block;
	background: url(../images/icon_x_a.png) right no-repeat;
	width:39px;
	height:39px;
	margin:0;
	padding:0;
	font-size:0;
    *text-indent:-9999px;}
.GSDetail_X a:hover {
	background: url(../images/icon_x_b.png) right no-repeat;}
.GSDetail_arrow {
	float:left;
	z-index: 101;
	position: relative;
	text-decoration:none;
	display:block;
	width:39px;
	height:39px;
	margin:0;
	padding:0;
	font-size:0;
    *text-indent:-9999px;}
.arrow_top {
	background: url(../images/arrow_top.png) right no-repeat;}
.arrow_bottom {
	background: url(../images/arrow_bottom.png) right no-repeat;}
.arrow_left {
	background: url(../images/arrow_left.png) right no-repeat;}
.arrow_right {
	background: url(../images/arrow_right.png) right no-repeat;}



/*新試題列表 2014-01-16新增*/
.task_list {
	width:100%;
	float:left;}

 .task_list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}

 .task_list li {
    list-style-type: none;
	margin:0 4px 20px 4px;
	float: left;
	width:164px;
	height:181px;
	padding:0;
	-moz-box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5);
	-webkit-box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5);
	box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5);}

.task_list_bg {
	background:url(../images/bg_task.png) no-repeat;}
.task_list_bg:hover {
	background:url(../images/bg_task_select.png) no-repeat;}
.task_list_bg .year {
	float:left;
	width:97%;
	height:35px;
	line-height:33px;
	color:#6CD4DD;
	font-size: 18px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;}
.task_list_bg_select .year {
	float:left;
	width:97%;
	height:35px;
	line-height:33px;
	color:#76C350;
	font-size: 18px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;}
.task_list_bg .month, .task_list_bg_select .month {
	float:left;
	width:40%;
	height:45px;
	line-height:35px;
	color:#FFF;
	font-size: 40px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;}
.task_list_bg .day, .task_list_bg_select .day {
	float:right;
	width:45%;
	height:45px;
	line-height:45px;
	color:#FFF;
	font-size: 40px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	padding-top:10px;}
.task_list_bg .school, .task_list_bg_select .school{
	float:left;
	width:95%;
	height:20px;
	line-height:20px;
	color:#444;
	font-size: 14px;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	margin-left:5px;
    overflow:hidden; 
    white-space:nowrap;
    text-overflow:ellipsis;}
.task_list_bg .quantity, .task_list_bg_select .quantity {
	float:left;
	width:95%;
	height:56px;
	line-height:56px;
	color:#FFF;
	font-size: 26px;
	text-align:right;}
.task_list_bg .quantity span, .task_list_bg_select .quantity span {
	font-family: "Comic Sans MS", 微軟正黑體, Arial;
	font-size: 30px;
	margin:0 5px;}

/*重發認證信*/
.remail_header {
	width:660px;
	height:112px;
/*	background:url(../images/bk-remail_header.png) no-repeat;*/
	margin-bottom:5px;}

/*按鈕*/
.btn_mail{
    margin:4px 4px 0 4px;
    padding:2px 10px 4px 10px;
    color:#FFF;
    background-color: #21AC96;

    background: #34c3ae; /* Old browsers */
    background: -moz-linear-gradient(top,  #34c3ae 0%, #34c3ae 6%, #239987 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34c3ae), color-stop(6%,#34c3ae), color-stop(100%,#239987)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #34c3ae 0%,#34c3ae 6%,#239987 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #34c3ae 0%,#34c3ae 6%,#239987 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #34c3ae 0%,#34c3ae 6%,#239987 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #34c3ae 0%,#34c3ae 6%,#239987 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c3ae', endColorstr='#239987',GradientType=0 ); /* IE6-9 */

    font-size:13px;
    border: #CCC 0px solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;}

/*信箱提示*/
.avert_mail{
	text-align:left;
	margin-bottom:10px;}
.avert_mail ul{
	list-style-type:none;}
.avert_mail ul li{
	padding-left:100px;}
.avert_mail_deepgray{
	color:#777;}
.avert_mail_gray{
	color:#999;}

/*選單所在位置*/
.light{
	width:219px;
	height:108px;
	z-index: 999;
	position: absolute;
	top:0;
	margin:0;
	padding:0;
	background:url(../images/now_light.png) no-repeat;}
.now_menu1{
	left:0;}
.now_menu2{
	left:200px;}
.now_menu3{
	left:405px;}
.now_menu4{
	left:620px;}
.now_menu5{
    left:805px;}

/*雲端目錄頁*/	
#cc_title h1 {
	font-size:28px;
	height:30px;
	font-weight:bold;
	color:#FFF;
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
	margin:5px 0 20px 0;
	text-shadow: 3px 3px 3px #000;
	background:transparent;
	padding: 10px 0 5px 0;}
	
.cc_text{
	color:#333;
	font-family:'Comic Sans MS', "微軟正黑體";
	font-weight:bold;
	text-shadow:0px 1px 0px #ccc;
	height:20px;
	line-height:20px;
	overflow:hidden; 
    white-space:nowrap;
    text-overflow:ellipsis;
}
	
.cc_star{
	z-index: 99; 
	position: absolute;
	width:60px; 
	height:25px;
	text-align:center;
	position:relative;}
.cc_star ul{
	float:left;
	list-style-type:none;
	width:100%;
	height:auto;
	margin:5px 0 0 0;}
.cc_star li{
	float:left;
	width:20px;
	height:20px;
	margin:0;}
.icon_starX{
	background:url(../images/icon_starX.png) top center no-repeat;}
.icon_star{
	background:url(../images/icon_star.png) top center no-repeat;}


/*搜尋列*/
.cf:before, .cf:after{
    content:"";
    display:table;}
 
.cf:after{
    clear:both;}
 
.cf{
    zoom:1;}    
/* Form wrapper styling */
.form-wrapper {
    width: 660px;
    padding: 5px;
    margin: 10px auto -5px auto;
    background: #444;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);}
 
/* Form text select */ 
.form-wrapper select {
    width: 80px;
    height: 30px;
    padding: 0 0 0 10px;
    float: left;    
    font: bold 15px "微軟正黑體", 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    border-radius: 3px 0 0 3px;
	color:#666;} 
.form-wrapper select:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;}
.form-wrapper select::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;} 
.form-wrapper select:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;} 
.form-wrapper select:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;} 
 
/* Form text input */ 
.form-wrapper input {
    width: 300px;
    height: 30px;
    padding: 0 5px;
    float: left;    
    font: bold 15px "微軟正黑體", 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;} 
.form-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;}
.form-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;} 
.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;} 
.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;}    
 
/* Form submit button */
.form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 30px;
    width: 110px;
    font: bold 15px/30px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #FFA400;
    border-radius: 0 3px 3px 0;      
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);}     
.form-wrapper button:hover{     
    background: #e54040;}     
.form-wrapper button:active,
.form-wrapper button:focus{   
    background: #c42f2f;
    outline: 0;} 
.form-wrapper button:before { /* left arrow */
    /*content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #FFA400 transparent;
    top: 7px;
    left: -6px;*/} 
.form-wrapper button:hover:before{
    border-right-color: #e54040;} 
.form-wrapper button:focus:before,
.form-wrapper button:active:before{
        border-right-color: #c42f2f;}  
.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;} 


/*雲端課程主目錄*/
.cc_list_search {
	float:left;
	width:770px;
	height:60px;
	margin:-15px 0 0 -40px;
	background:url(../images/cc_searchBG.png) no-repeat;}
.cc_list_search input{
	margin:10px 0 0 20px;
	padding:2px 10px;
	width:150px;
	height:20px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;}
.cc_search a{
	float:left;
	text-decoration:none;
	display:block;
	background: url(../images/cc_icon_search.png) no-repeat;
	width:26px;
	height:26px;
	margin:10px 0 0 10px;
	font-size:0;
    *text-indent:-9999px;}
.cc_search a:hover {
	background:  url(../images/cc_icon_search_hover.png) no-repeat;}
.cc_list_search select{
	margin:10px 20px 0 0;
	padding:2px 10px;
	width:auto;
	height:28px;
	border:0px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;}

.cc_list_title {
	float:left;
	width:770px;
	height:56px;
	margin-left:-40px;
	position:relative;}
.cc_list_title p{
	margin-left:50px;
	height:50px;
	width:340px;
	font-size:16px;
	line-height:50px;
	font-weight:bold;
	color:#FFF;
	font-family:"微軟正黑體", Arial;
    	overflow:hidden; 
    	white-space:nowrap;
    	text-overflow:ellipsis;}	
.cc_list_title .arrow{
	float:right;
	margin-top:-30px;
	width:40px;
	height:30px;}
.cc_title_blue{
	background:url(../images/cc_title_blue.png) no-repeat;}
.cc_title_green{
	background:url(../images/cc_title_green.png) no-repeat;}
.cc_title_date{
	position:absolute; 
	top:0; 
	left:370px; }
.cc_title_date p{
	font-weight:normal; 
	font-size:14px; 
	color:#666;}
.cc_list {
	width:770px;
	float:left;
	margin-left:-40px;}
 .cc_list ul {
	float:left;
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;}
 .cc_list li {
    list-style-type: none;
	margin:5px 4px;
	float: left;
	width:246px;
	height:171px;
	padding:0;
	border:1px #DDD solid;
	-moz-box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5);
	-webkit-box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5);
	box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5);
	position:relative;}

.cc_list .num{
	float:left;
	width:80px;
	height:45px;
	text-align:center;}
.cc_list .num p{
	text-align:center;
	margin:10px 0 0 15px;
	width:60%;
	height:25px;
	line-height:25px;
	font-size:20px;
	color:#FFF;
	background:#CCC;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;}

.cc_list .star{
	float:left;
	width:30px;
	height:45px;
	background:url(../images/cc_icon_star.png) center center no-repeat;}
.cc_list .starX{
	float:left;
	width:30px;
	height:45px;
	background:url(../images/cc_icon_starX.png) center center no-repeat;}


.cc_list .img{
	float:left;
	width:125px;
	height:125px;
	text-align:center;}
.cc_list .img img{
	margin:25px 0 0 0;
	width:100px;
	height:65px;
	border:4px #FFF solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}

.cc_list .unit{
	float:left;
	width:120px;
	height:125px;
	text-align:center;
	background:url(../images/cc_circleBG.png) center center no-repeat;}
.cc_list .unit p{
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#333;
	font-family:"微軟正黑體";}


/*Your Courses維護中*/	
.maintenancing{
	float:left;
	z-index: 99; 
	position: absolute;
	width:170px;
	height:240px;
	top:6px;
	left:26px;
	background:url(../images/maintenancing.png) no-repeat;}
.maintenancing p{
	margin-top:115px;
	letter-spacing:1px;
	text-align:center;
	color:#FFF;
	font-family:"微軟正黑體";
	font-size:26px;}
.maintenancing2{
	float:left;
	z-index: 99; 
	position: absolute;
	width:125px;
	height:175px;
	top:6px;
	left:21px;
	background:url(../images/maintenancing.png) center no-repeat; }
.maintenancing2 p{
	margin-top:80px;
	letter-spacing:1px;
	text-align:center;
	color:#FFF;
	font-family:"微軟正黑體";
	font-size:22px;}	
/*Your Courses關閉中*/	
.bookclosing{
float:left;
z-index: 999; 
position: absolute;
width:170px;
height:240px;
top:6px;
left:26px;
background:url(../images/closing.png) no-repeat;}
.bookclosing p{
margin-top:115px;
letter-spacing:1px;
text-align:center;
color:#FFF;
font-family:"微軟正黑體";
font-size:26px;}
/*加入學習點*/
.addSchool_title{
	float:left;
	margin:-15px 0 0 0;
	padding:5px 0;
	width:170px;
	height:auto;
	background:#3D2222;
	font-size:14px;
	font-family:"微軟正黑體";
	color:#FFF;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;}
.addSchool{
	float:left;
	margin:0 0 10px 0;
	padding:10px;
	width:150px;
	height:auto;
	/*background:#FFCF52;*/
	background:#FAF7E0;}
.addSchool ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}
.addSchool li {
	float: left;
	list-style-type: none;
	margin:0 0 0 5px;
	padding: 3px  0 3px 15px;
	width:120px;
	font-size:13px;
	text-align:left;
	color:#600;
	background:url(../images/icon_next-item_2.png) left no-repeat;
	font-family:"微軟正黑體";
	border-bottom:#ccc 0px dotted;
    overflow:hidden; 
    white-space:nowrap;
    text-overflow:ellipsis;}
.addSchool_Btn a{
	float:left;
	width:100px;
	height:24px;
	font-size:14px;
	line-height:21px;
	font-weight:bold;
	color:#000;
	text-shadow:0px 1px 0px #fff;
	font-family:"微軟正黑體";
	margin:3px 0 0 40px;	
	padding:0 0 0 18px;
	background:url(../images/btn_add.png) left no-repeat;}
.addSchool_Btn a:hover{
	color:#666;
	background:url(../images/btn_add_hover.png) left no-repeat;}
	
.schoolhome_box{
	float:left;
	margin:0 0 10px 0;
	padding:10px;
	width:150px;
	height:auto;
	font-family:"微軟正黑體";
	background:#006B59;
	color:#FF0;
	margin:5px 0 15px -20px;
	width:190px;}
	
/*Gstore完成訊息提示*/
.Gstore_completed{
	color:#C40000;
	font:16px '微軟正黑體';
	font-weight:bold;
	line-height: 28px;
	margin-top:15px;}
.Gstore_completed a{
	color:#C40000;
	border-bottom:1px #C40000 dashed;
	font:16px '微軟正黑體';
	font-weight:bold;
	line-height: 28px;}
.Gstore_completed a:hover{
	color:#AAA;
	border-bottom:1px #AAA dashed;}
	
	
	
	
/*主選單------------------*/
.main_menu {
	float: left;
	margin-top:15px;
	width:100%;}
.main_menu ul {
    list-style-type: none;
	margin: 0px;
	padding: 0px;}
.main_menu li {
    list-style-type: none;
	margin-right: 16px;
	height:44px;
	padding: 7px 16px 0 0;
	float: left;
	text-align: center;}

.main_menu a {
	font-size: 24px;
	color: #FFF;
	text-decoration: none;
	line-height:28px;
	margin-left:40px;
	text-shadow:1px 1px 3px #12564A;}
.main_menu a:hover {
	color: #F8DF3A;}

.main_menu p {
	font-size: 24px;
	color: #fff100;
	text-decoration: none;
	line-height:20px;}

.main_menu img {
	border: 0;}
	
.menu_icon1{	
	background:url(../images/menu_icon1.png) no-repeat;}
.menu_icon2{	
	background:url(../images/menu_icon2.png) no-repeat;}
.menu_icon3{	
	background:url(../images/menu_icon3.png) no-repeat;}
.menu_icon4{	
	background:url(../images/menu_icon4.png) no-repeat;}
.menu_icon5{	
	background:url(../images/menu_icon5.png) no-repeat;}
	
.menu_total {
	color:#239987;
    font-size:14px;
	display:inline-block;
	margin-left:5px;
	width:36px;
	height:30px;
	text-align:center;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:url(../images/menu_icon0.png) no-repeat;
	text-shadow:0px 0px 0px #555;}

.menu_now{	
	color: #F8DF3A;}

.menu_special a {	
	color: #FFAB3C;}
.menu_special a:hover {
	color: #F8DF3A;}

#login_area  {
	width:525px;
	height:525px;
	margin:30px auto;
	padding:0 10px 0 10px;
	background:#eee url(../images/background.gif);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow:0 0 12px 0 rgba(20%,20%,20%,0.5);
	-webkit-box-shadow:0 0 12px 0 rgba(20%,20%,20%,0.5);
	box-shadow:0 0 12px 0 rgba(20%,20%,20%,0.5); 
        
position: absolute;   
    
z-index: 999;   
  
     
}
#FB_login_area  {
	width:525px;
	height:525px;
	margin:30px auto;
	padding:0 10px 0 10px;
	background:#eee url(../images/background.gif);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow:0 0 12px 0 rgba(20%,20%,20%,0.5);
	-webkit-box-shadow:0 0 12px 0 rgba(20%,20%,20%,0.5);
	box-shadow:0 0 12px 0 rgba(20%,20%,20%,0.5);
        
position: absolute;   
    
z-index: 999;   
  
     
}
#FB_login_area ul a {
    overflow: visible;
    position: relative;
    float: left
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 30px;
    
    font: bold 15px/30px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #FFA400;
    border-radius: 0 3px 3px 0;      
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);} 

#WB_login_area  {
	width:525px;
	height:525px;
	margin:30px auto;
	padding:0 10px 0 10px;
	background:#eee url(../images/background.gif);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow:0 0 12px 0 rgba(20%,20%,20%,0.5);
	-webkit-box-shadow:0 0 12px 0 rgba(20%,20%,20%,0.5);
	box-shadow:0 0 12px 0 rgba(20%,20%,20%,0.5);
        
position: absolute;   
    
z-index: 999;   
  
     
}
#WB_login_area ul a {
    overflow: visible;
    position: relative;
    float: left
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 30px;
    
    font: bold 15px/30px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #FFA400;
    border-radius: 0 3px 3px 0;      
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);} 

.icon_close a {
	float:right;
	z-index: 100;
	position:absolute;
	top:-8px;
	left:519px;
	text-decoration:none;
	display:block;
	background: url(../images/icon_x_a.png) right no-repeat;
	width:39px;
	height:39px;
	margin:0;
	padding:0;
	font-size:0;
    *text-indent:-9999px;} 
.icon_close a:hover {
	background: url(../images/icon_x_b.png) right no-repeat;
}

.loginidtext {
	float: left;
	list-style: none;
	margin: 1px 4px 0px 0px;
	color:#000;
	font-size:12px;}
	
/*測驗送出後總結畫面*/
.finishquiz_area{
	width:948px;
	min-height:380px;
	background:#FFF;
	border:#cdc79e 1px solid;
	float:left;
	margin: 10px 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 30px 20px;
	background:#FFF url(../images/bg_finishquiz.png) left repeat-y;}	
		
.finishquiz_sorce{
	float:left;
	width:251px;
	height:251px;
	margin:35px 0 0 5px;
	background:url(../images/bg_finishquiz_score.png) no-repeat;}
.finishquiz_sorce p{
	font-weight:bold;
	font-family:Arial, "微軟正黑體";
	color:#249987;}
.finishquiz_sorce .title{font-size:30px; text-align:left; margin:50px 0 0 40px;}
.finishquiz_sorce .score{font-size:83px; margin-top:50px; width:204px; text-align:center;}
.finishquiz_sorce .ps{font-size:40px; text-align:right; color:#fff; margin-right:-5px; line-height:110px;}

.finishquiz_content{
	float:right;
	width:645px;}
.finishquiz_content p, .finishquiz_content span{
	font-family:Arial, "微軟正黑體";}
	
.finishquiz_view_area {
	width:560px;
	min-height:120px;
	background:#EEE;
	border:#B2B2B2 1px solid;
	float:left;
	margin: 10px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px; 
	padding: 30px;}	

.finishquiz_view{
	float:left;
	margin:0;
	padding:0;}
.finishquiz_view ul{
	float:left;
	list-style-type:none;
	margin:10px 0 0 0;
	padding:0;}
.finishquiz_view li{
	float:left;
	margin:0 0 0 5px;
	padding:0;
	width:50px;
	height:70px;
	text-align:center;}
.finishquiz_view span{
	display:inline-block;
	width:27px;
	height:27px;
	line-height:27px;
	background:#FFF;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;}
.finishquiz_view .correct span{
	border:#A6A280 6px solid;}
.finishquiz_view .incorrect span{
	border:#C40000 6px solid;
	color:#C40000;}
.finishquiz_view .incorrect p{
	color:#C40000;}

.btn_icon_view a{
	float:right;
	display:inline-block;
	color:#FFF;
	margin-right:8px;
	background:#C40000 url(../images/btn_icon_view.png) no-repeat;
	background-position:17% center;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding:15px 20px;
	min-width:17%;
	text-align:center;
	font-size:16px;
	font-family:Arial, "微軟正黑體";}
.btn_icon_view a:active{
	background:#CCC url(../images/btn_icon_view.png) no-repeat;
	background-position:17% center;}
	
.btn_icon_replay a{
	float:right;
	display:inline-block;
	color:#FFF;
	margin-right:8px;
	background:#249987 url(../images/btn_icon_replay.png) no-repeat;
	background-position:18% center;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding:15px 20px;
	min-width:17%;
	text-align:center;
	font-size:16px;
	font-family:Arial, "微軟正黑體";}
.btn_icon_replay a:active{
	background:#CCC url(../images/btn_icon_replay.png) no-repeat;
	background-position:18% center;}
	
.btn_icon_next a{
	float:right;
	display:inline-block;
	color:#FFF;
	margin-right:8px;
	background:#8D8960 url(../images/btn_icon_next.png) no-repeat;
	background-position:17% center;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding:15px 20px;
	min-width:17%;
	text-align:center;
	font-size:16px;
	font-family:Arial, "微軟正黑體";}	
.btn_icon_next a:active{
	background:#CCC url(../images/btn_icon_next.png) no-repeat;
	background-position:17% center;}
/*MRT選單*/
.MRT{
	float:left; width:660px; height:53px; line-height:53px;}
.MRT ul{
	float:left;
	list-style-type:none;}
.MRT ul li{
	float:left;
	margin:0;
	width:55px;
	height:53px;
	line-height:53px;
	font-weight:bold;
	font-family:Arial;
	text-align:center;}
.MRT ul li a{
	color:#333;}
	
.MRT_bg{
	background: url(../images/round_bg.png) center center no-repeat;}
.MRT_bg_pink{
	color:#EA1261;
	background: url(../images/round_bg2.png) center center no-repeat;}
.MRT_first{
	background: url(../images/round_first.png) center center no-repeat;}
.MRT_bg_arrow{
background: url(../images/round_bg_arrow.png) center center no-repeat;}
.MRT_end{
background: url(../images/round_end.png) center center no-repeat;}
.MRT_end_pink{
background: url(../images/round_end2.png) center center no-repeat;}
.MRT_end_arrow{
background: url(../images/round_end_arrow.png) center center no-repeat;}
.txttxt{
	float:left;
	width:100%;
	min-height:40px;
	height:auto;}
.txttxt p{
	float:left;
	max-width:90%;
	margin-left:10px;
	font-family:'微軟正黑體';
	line-height:40px;}

/*關卡目錄*/	
.menu_level{
	width:100%;
	height:auto;}
.menu_level ul{
	float:left;
	list-style-type:none;
	padding:0;
	margin:10px 0 20px 0;}
.menu_level li{
	float:left;
	width:335px;
	height:100px;
	margin-bottom:15px;
	position:relative;}
.menu_level table{
	padding:0 5px 0 10px;}	
.menu_level th{
	padding:0 8px;
	width:10px;
	height:92px;
	color:#FFF;
	font-size:20px;
	font-family:Arial;
	text-shadow:1px 1px 0 rgba(0%,0%,0%,0.5);}
.menu_level td{
	padding:0 5px;
	color:#FFF;
	font-size:15px;
	font-family:Arial,"微軟正黑體";
	font-weight:bold;
	letter-spacing:0.5px;
	text-shadow:1px 1px 0 rgba(0%,0%,0%,0.5);}
.menu_level a{
	color:#FFF;
	font-size:15px;
	font-family:Arial,"微軟正黑體";
	font-weight:bold;
	letter-spacing:0.5px;
	text-shadow:1px 1px 0 rgba(0%,0%,0%,0.5);}
	
.level_normal{
	background:url(../images/menu_level_bg1.png) no-repeat;}
.level_now{
	background:url(../images/menu_level_bg2.png) no-repeat;}
.level_locked{
	background:url(../images/menu_level_bg3.png) no-repeat;}
	
.level_score{
	position:absolute;
	z-index:99;
	width:53px;
	height:58px;
	top: -28px;
	right: 32px;
	background:url(../images/menu_level_score.png) no-repeat;
	text-align:center;}
.level_score span{
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#666;
	line-height:52px;}

/*序號兌換*/	
.sn_area{
	float:left;
	width:318px;
	height:430px;
	background:url(../images/bg_sn.png) no-repeat;
	margin:-13px 0 -70px -35px;
	padding: 95px 0 0 440px;}
.sn_area p{
	font-size:15px;
	font-family:Arial,"微軟正黑體";
	font-weight:bold;
	margin-left:10px;}
.sn_area input {
	border:#d6dade 1px solid;
	background-color:#fff;
	font-family:Arial,"微軟正黑體";
	font-size:14px;
	padding:10px 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;}
	
.sn_button a {
	text-decoration:none;
	display:block;
	color:#fff;
	background: #FF642F;
	box-shadow:0px 4px 0 #C93B17;
	width:100%;
	height:45px;
	line-height:49px;
	font-size:18px;
	font-family:Arial,"微軟正黑體";
	text-align:center;
	font-weight:bold;
	padding:1%;
	margin:25px 0 0 10px;
	border:#fff 0px solid;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.sn_button a:active{
	color:#fff;
	margin-top:28px;
	box-shadow:0px 1px 0 #C93B17;}
.icon_sn {
    background: url("../images/icon_sn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 27px;
    position: absolute;
    right: 0;
    top: 0;
    width: 27px;
}	
.img_player26 a {
width:26px;
height:26px;
background: url(../images/img_player26a.png) no-repeat left;
padding: 0;
margin:0;
font-size:0; 
    *text-indent:-9999px;}
 .img_player26  a:hover {
background:url(../images/img_player26b.png) no-repeat left;}	

.gsotre_cloud_list{
	float:left;
	width:100%;
	height:auto;
	border-top:4px #E2E2E2 solid;
	border-bottom:4px #E2E2E2 solid;
	padding:20px 0 10px 0;
	margin:10px 0 30px 0;}
.gsotre_cloud_list ul{
	width:625px;
	height:auto;
	margin:0 auto;
	padding:0;
	list-style-type:none;}	
.gsotre_cloud_list li{
	float:left;
	width:125px;
	height:auto;
	margin:0;
	padding:0;
	text-align:center;
	position:relative;}	
.gsotre_cloud_list li p{
	font-size:13px;
	font-family:Arial, "微軟正黑體";
    overflow:hidden; 
    white-space:nowrap;
    text-overflow:ellipsis;}
.gsotre_cloud_list li img{
	padding:4px;
	border:1px #CDCDCD solid;}

/*書籍詳細頁*/
.books_pic{
	width:170px; height:241px; margin-bottom:30px; padding:10px; background:#FFF; border:1px #DDD solid; box-shadow:0px 5px 10px #ddd;}	
	
.book_detail_area p{
	font-family:'微軟正黑體'; font-size:14px;}
	
.books_title{
	margin:5px 0 20px 0;}
.books_title p{ 
	font-family:'微軟正黑體'; font-size:16px; font-weight:bold; line-height:37px;}
	
.tag_green{
	background:#37A603; color:#FFF; padding:5px 10px; margin-right:10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow:2px 3px 3px #ddd;}
	
.tag_blue{
	background:#1193E4; color:#FFF; padding:5px 10px; margin-right:10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow:2px 3px 3px #ddd;}

.books_via{
	font-family:'微軟正黑體'; font-size:14px; font-weight:bold; text-align:right; display:block; margin-top:30px;}

input[type=radio].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}

input[type=radio].css-checkbox + label.css-label {
	padding-left:25px;
	height:20px;
	font-size:14px;
	font-weight:bold;
	font-family:"微軟正黑體";
	color:#555;
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;}

input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -20px;}
	
label.css-label {
	background-image:url(../images/csscheckbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;}

/*維護中*/
.item_block_book {
  width: 170px;
  height: 145px;
  padding-top:95px;
  line-height:170%;
  font-size: 18px;
  color: #FFF;
  font-family: "微軟正黑體";
  text-align: center;
  z-index: 99;
  position: absolute;
  top: 6px;
  left: 26px;
  background: rgba(25, 25, 25, 0.8);}
  
.item_block {
  width: 107px;
  height: 74px;
  line-height: 74px;
  font-size: 15px;
  color: #FFF;
  font-family: "微軟正黑體";
  text-align: center;
  z-index: 99;
  position: absolute;
  top: 0;
  left: 9px;
  background: rgba(35, 153, 135, 0.6);}

.item_block_big {
  width: 246px;
  height: 111px;
  padding-top:60px;
  line-height:170%;
  font-size: 18px;
  color: #FFF;
  font-family: "微軟正黑體";
  text-align: center;
position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  background: rgba(25, 25, 25, 0.8);}

/*浮動選單*/  
#dropdown{
	position:absolute;
	width:120px;
	height:auto;
	padding:10px 10px;
	z-index:999;
	top:50px;
	left:6px;
	border:2px #CCC solid;
	background:rgba(100%, 100%, 100%,0.9);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;}
#dropdown ul{
	margin:0;
	padding:0;}	
#dropdown ul li{
	margin:0;
	padding:0 0 0 10%;
	width:90%;
	height:auto;
	border-top:1px #FFF solid;
	border-bottom:1px #CCC solid;}
#dropdown ul li a p{
	text-align:left;
	font-size:16px;
	color:#555;
	text-shadow:0px 1px 0px #FFF;
	font-family:"微軟正黑體";
	font-weight:bold;
	line-height:200%;}
#dropdown ul li a:hover p{
color:#000;}
	
.number_menu {
  color: #fff;
  font-size: 10px;
  font-family: Arial;
  font-weight:normal;
  background-color: #CA4744;
  padding: 2px 6px;
  margin-left:5px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;}

/*彈跳視窗*/
.dailog_gstore_area { 
	width:100%; 
	height:auto; 
	position:absolute; 
	top:200px; 
	z-index:99999;}

.dailog_gstore{
	width:400px; 
	height:auto; 
	background:#FFF; 
	margin:0 auto; 
	padding:25px 20px 30px 20px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;}
.dailog_gstore p{
	font-family: "微軟正黑體";
	font-size:16px;
	text-align:center;}
.dailog_gstore span{
	font-family: "微軟正黑體";
	font-size:14px;
	text-align:center;}
.dailog_gstore a{
	font-family: "微軟正黑體";}

.dailog_gstore_line{
	width:100%;
	height:3px;
	background:#EEE;
	margin:10px 0;}
.dailog_gstore_detail p{
	text-align:left;
	font-size:14px;}

/*黑屏*/	
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 998;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.6;
  display: none;}

.toolBox a {
    color: #333;
}

/*白屏*/	
.lightboxOverlay_white {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;}

		
/*新線上作業結果*/
.result_view{
	width:397px; 
	height:461px; 
	background:url(../../../rwd/images/game/bg_results.png) bottom center no-repeat;
	margin:0 auto; 
	padding:0;
	position:relative;}
.result_view .info{
	text-align:center;
	color:#40220F;
	font-size:30px;
	padding:90px 0 0 10px;
	line-height:160%;
	font-weight:bold;
	font-family:"微軟正黑體";} 
.result_view .info span{
	color:#9F3224;
	font-size:35px;}
.result_view .btn{
	width:100%;
	height:auto;
	float:left;
	margin:20px auto 0 60px;}
.result_view .btn a{
	float:left;
	display:block;
	text-align:center;
	width:130px;
	height:50px;
	line-height:50px;
	color:#FFF;
	font-size:20px;
	background:#9F3224;
	margin:5px;
	font-family:"微軟正黑體";
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.5);}


/*巨幣消費*/
.gover_tw{
	width:335px; height:434px; margin:0 auto; background:url(../images/Gover_tw.png) no-repeat; position:relative;}	
.gover_cn{
	width:335px; height:434px; margin:0 auto; background:url(../images/Gover_cn.png) no-repeat; position:relative;}	
	
/*巨幣消費*/
.front_stage_area{
	width:666px; height:602px; margin:0 auto; position:relative;}	
.front_stage{
	width:666px; height:602px; background:url(../images/front0908_tw.png) no-repeat; position:absolute; top:-94px; left:43px;}	
.front_stage_cn{
	width:666px; height:602px; background:url(../images/front0908_cn.png) no-repeat; position:absolute; top:-94px; left:43px;}	
.front_stage_arrow{
	width:198px; height:276px; background:url(../images/arrow_up.gif) no-repeat; position:absolute; top:-95px; left:75px;}