/* 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: 97%;
     float: left;
     text-align: center;
     margin-top: 10px;
}

#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: 1100px;
     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 {
     position: relative;
     width: 1100px;
     /*float: left;*/
     margin: 0px auto;
}

#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: 97%;
     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 {
     text-align: center;
     margin: 0px auto;
     bottom: 0px;
     width: 1160px;
     z-index: 500;
}
/*測試頁下方*/

#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: 5px;
}

.icon_style_right2 {
     float: right;
}

.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;
}

.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: 150px;
     height: 212px;
     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;
}
/*對錯特校*/

.effectDone {
     position: absolute;
     right: 20px;
     top: 20px;
     z-index: 200;
     width: 50px;
     height: 50px;
     background: url(../images/effect/done.png) no-repeat;
}

.effectbg {
     display: none;
     position: absolute;
     border-radius: 8px;
     left: 0px;
     top: 0px;
     z-index: 100;
     background: rgba(0, 0, 0, 0.2);
     height: 90%;
     width: 100%;
}

#effectox {
     background-image: url();
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-position: center;
     width: 100%;
     height: 100%;
}