﻿@charset "utf-8";
/* CSS Document */

/*上方選單按鈕 , 包含以下3個 回首頁,測驗記錄,設定 icon*/
.txt_style a {
	color: #fff;
	display:block;
	font-size:14px;
	text-shadow: 2px 2px 0px #2b786c;
	/*text-shadow: 3px 3px 3px #2b786c;*/
	font-family:微軟正黑體, Arial, Helvetica, sans-serif, 微軟正黑體 ;}
	
.txt_style  a:hover {
	color:#fff100;}

/*回首頁 icon*/
 .icon_home a {
	width:50px;
	height:26px;
	background: url(../images/icon_home-a.png) no-repeat left;
	padding: 8px 0px 0px 33px;}

 .icon_home  a:hover {
	background:url(../images/icon_home-b.png) no-repeat left;}

/*測驗記錄 icon*/
 .icon_record a {
	width:60px;
	height:26px;
	background: url(../images/icon_record-a.png) no-repeat left;
	padding: 8px 0px 0px 33px;}

 .icon_record  a:hover {
	background:url(../images/icon_record-b.png) no-repeat left;}

/*設定 icon*/
 .icon_set a {
	width:35px;
	height:26px;
	background:url(../images/icon_setting-a.png) no-repeat left;
	padding: 8px 0px 0px 33px;}

 .icon_set  a:hover {
	background:url(../images/icon_setting-b.png) no-repeat left;}

/*意見反應 icon*/
 .icon_feedback a {
	width:60px;
	height:26px;
	background:url(../images/icon_feedback-a.png) no-repeat left;
	padding: 8px 0px 0px 33px;}

 .icon_feedback  a:hover {
	background:url(../images/icon_feedback-b.png) no-repeat left;}

/*寻求协助 icon*/
 .icon_help a {
	width:60px;
	height:26px;
	background: url(../images/icon_help-a.png) no-repeat left;
	padding: 8px 0px 0px 33px;}

 .icon_help a:active {
	background:url(../images/icon_help-b.png) no-repeat left;}

/*說明 icon 文字*/
 .icon_explain a {
	width:40px;
	height:26px;
	background: url(../images/icon_explain-a.png) no-repeat left;
	padding: 8px 0px 0px 33px;}

 .icon_explain a:active {
	background: url(../images/icon_explain-b.png) no-repeat left;}


/*錯誤回報 icon*/
 .icon_errorreport a {
	width:110px;
	height:35px;
	background: url(../images/icon_errorreport-a.png) no-repeat left;
	padding: 8px 0px 0px 28px;}

 .icon_errorreport a:active {
	background: url(../images/icon_errorreport-b.png) no-repeat left;
	color:#F00;}


 .icon_errorreport span{
	 border-bottom:3px #ccc dotted;}


/*下方選單按鈕 , 送出測驗 icon*/
.tast_sent {
	float:left;
	margin-right:10px;}

.tast_sent a {
	color: #fff;
	display:block;
	font-size:18px;
	font-weight: normal;
	font-family:微軟正黑體, Arial, Helvetica, sans-serif, 微軟正黑體 ;
	height:33px;
	padding: 12px 20px 0px 13px;}

.tast_sent a:hover {
	color: #fff;
}

/*送出測驗 icon 文字*/
.tast_sent_txt a {
	width:84px;
	height:34px;
	background: url(../images/icon_result_a.png) no-repeat left;}

.tast_sent_txt a:active {
	background: url(../images/icon_result_b.png) no-repeat left;}


/*放弃作答 icon*/
.icon_give-up {
	float:left;
	margin-left:10px;}

.icon_give-up a {
	color: #fff;
	display:block;
	font-size:18px;
	font-weight: normal;
	font-family:微軟正黑體, Arial, Helvetica, sans-serif, 微軟正黑體 ;
	height:33px;
	padding: 12px 7px 0px 26px;}

 .icon_give-up a:hover {
	color: #fff;}

.icon_give-up_txt a {
	width:84px;
	height:34px;
	background: url(../images/icon_give-up-a.png) no-repeat left;}

.icon_give-up_txt a:active {
	background: url(../images/icon_give-up-b.png) no-repeat left;}



/*登出 icon----------------------------------------------------------*/
 .icon_logout a {
	color:#8bfc1b;
	width:60px;
	height:26px;
	display:block;
	background-image: url(../images/icon_logout-a.png);
	background-repeat:no-repeat;
	background-position:left;
	font-size:15px;
	text-shadow: 3px 3px 3px #2b786c;
	font-family:微軟正黑體, Arial, Helvetica, sans-serif, 微軟正黑體 ;
	padding: 8px 0px 0px 33px;}

 .icon_logout  a:hover {
	color:#fff100;
	background-image: url(../images/icon_logout-b.png);
	background-repeat:no-repeat;
	background-position:left;}


/*黑字無陰影樣式*/
.txt_style_2 a {
	color: #333;
	display:block;
	font-size:13px;
	font-family:微軟正黑體, Arial, Helvetica, sans-serif, 微軟正黑體;
}

.txt_style_3  a:hover {
	color:#900;}

/*上下題 icon , 包含 icon_forward*/

.txt_style_3 a {
	color: #7a7346;
	display:block;
	font-size:32px;
	font-family:微軟正黑體, Arial, Helvetica, sans-serif, 微軟正黑體;
}

.txt_style_3  a:hover {
	color:#000;}

/*上一題 icon*/
 .icon_forward a {
	width:176px;
	height:22px;
	background:  url(../images/icon_forward-a.png) no-repeat left;
	padding: 26px 0px 34px 15px;
	margin:0 20px;
	float:left;}

 .icon_forward  a:hover {
	background:url(../images/icon_forward-b.png) no-repeat left;}

/*下一題 icon*/
 .icon_next a {
	width:176px;
	height:22px;
	background:  url(../images/icon_next-a.png) no-repeat left;
	padding: 26px 15px 34px 0px;
	margin:0 20px;
	float:left;}

 .icon_next  a:hover {
	background:url(../images/icon_next-b.png) no-repeat left;}


/*TOP, (文字隱藏按鈕)*/
.icon_top a {
	text-decoration:none;
	display:block;
	background:  url(../images/icon_top_a.png) no-repeat;
	float:left;
	width:75px;
	height:29px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;
	float:right;
	margin-right:20px;}

.icon_top a:hover {
	background: url(../images/icon_top_b.png)no-repeat;}


/*取消_往前一頁icon, (文字隱藏按鈕)*/
.icon_next2 a {
	text-decoration:none;
	display:block;
	background: url(../images/icon_stop_a.png) no-repeat;
	width:124px;
	height:122px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.icon_next2 a:hover {
	background:  url(../images/icon_stop_b.png) no-repeat;}



/*開始作答icon, (文字隱藏按鈕)*/
.icon_start a {
	text-decoration:none;
	display:block;
	background: url(../images/icon_start_a.png) no-repeat;
	width:124px;
	height:122px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.icon_start a:hover {
	background: url(../images/icon_start_b.png) no-repeat;}


/*聽力練習icon, (文字隱藏按鈕)*/
.hearing_play a {
	text-decoration:none;
	display:block;
	background:   url(../images/bk_play_a1.png) no-repeat;
	width:142px;
	height:121px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.hearing_play a:hover {
	background:  url(../images/bk_play_a2.png) no-repeat;}

.hearing_no-play a {
	text-decoration:none;
	display:block;
	background:   url(../images/bk_play_b2.png) no-repeat;
	width:142px;
	height:121px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.hearing_no-play a:hover {
	background:  url(../images/bk_play_b2.png) no-repeat;}


/*作答區 下一題icon, (文字隱藏按鈕)*/
.icon_next-1 a {
	text-decoration:none;
	display:block;
	background:  url(../images/icon_next_1-a.png) no-repeat;
	width:157px;
	height:44px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.icon_next-1 a:active {
	background:  url(../images/icon_next_1-b.png) no-repeat;}


/*作答區 上一題icon, (文字隱藏按鈕)*/

.icon_prev {}

.icon_prev a {
	text-decoration:none;
	display:block;
	background:  url(../images/icon_prev_1-a.png) no-repeat;
	width:157px;
	height:44px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.icon_prev a:active {
	background:  url(../images/icon_prev_1-b.png) no-repeat;}


/*聽力測驗 (小按鈕) icon, (文字隱藏按鈕)*/
.icon_play a {
	text-decoration:none;
	display:block;
	background: url(../images/btn_play_a.png) no-repeat;
	width:28px;
	height:28px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.icon_play a:hover {
	background:  url(../images/btn_play_b.png) no-repeat;}


/*测验结果 檢視按鈕*/
.btn_view a {
	text-decoration:none;
	display:block;
	background:  url(../images/btn_view_a.png) no-repeat;
	width:64px;
	height:64px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.btn_view a:hover {
	background: url(../images/btn_view_b.png) no-repeat;}


/*测验结果 下一頁icon, (文字隱藏按鈕)*/

.btn_page_next a {
	text-decoration:none;
	display:block;
	background: url(../images/btn_page_next_a.png) no-repeat;
	width:128px;
	height:128px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.btn_page_next a:hover {
	background:  no-repeat;
	background: url(../images/btn_page_next_b.png) no-repeat;}


/*测验结果 上一頁icon, (文字隱藏按鈕)*/

.btn_page_prev a {
	text-decoration:none;
	display:block;
	background: url(../images/btn_page_prev_a.png) no-repeat;
	width:128px;
	height:128px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.btn_page_prev a:hover {
	background: url(../images/btn_page_prev_b.png) no-repeat;}


/*聽力測驗選圖icon, (文字隱藏按鈕)*/
.btn_player a {
	text-decoration:none;
	display:block;
	background:  url(../images/img_player_a.png) no-repeat;
	width:245px;
	height:199px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.btn_player a:hover {
	background:  url(../images/img_player_b.png) no-repeat;}

/*Your Courses返回icon, (文字隱藏按鈕)*/
.icon_back a {
	text-decoration:none;
	display:block;
	background: url(../images/icon_back_a.png) no-repeat;
	width:180px;
	height:46px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.icon_back a:hover {
	background:  url(../images/icon_back_b.png) no-repeat;}


/*Gstore - 購買按鈕, (文字隱藏按鈕)*/
.icon_buy a {
	float:right;
	text-decoration:none;
	display:block;
	background: url(../images/Gstore_icon_buy_a.png) no-repeat;
	width:54px;
	height:30px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.icon_buy a:hover {
	background:  url(../images/Gstore_icon_buy_b.png) no-repeat;}

/*Gstore - 我要結帳, (文字隱藏按鈕)*/
.btn_G_checkout a {
	float:right;
	text-decoration:none;
	display:block;
	background: url(../images/Gstore_btn_checkout_a.png) no-repeat;
	width:163px;
	height:57px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.btn_G_checkout a:hover {
	background:  url(../images/Gstore_btn_checkout_b.png) no-repeat;}

/*Gstore - 繼續選購, (文字隱藏按鈕)*/
.btn_G_shopping a {
	float:right;
	text-decoration:none;
	display:block;
	background: url(../images/Gstore_btn_shopping_a.png) no-repeat;
	width:163px;
	height:57px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.btn_G_shopping a:hover {
	background:  url(../images/Gstore_btn_shopping_b.png) no-repeat;}


/*Gstore - 綠色按鈕*/
.btn_Gstore_green p{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#FFF;
	text-align:center;
	padding-top:15px;}

.btn_Gstore_green a {
	float:right;
	text-decoration:none;
	display:block;
	background: url(../images/btn_Gstore_green.png) no-repeat;
	width:163px;
	height:57px;
	margin:0;
    *text-indent:-9999px;}

.btn_Gstore_green a:hover {
	background:  url(../images/btn_Gstore_gray.png) no-repeat;}


/*Gstore - 紅色按鈕*/
.btn_Gstore_red p{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#FFF;
	text-align:center;
	padding-top:15px;}

.btn_Gstore_red a {
	float:right;
	text-decoration:none;
	display:block;
	background: url(../images/btn_Gstore_red.png) no-repeat;
	width:163px;
	height:57px;
	margin:0;
    *text-indent:-9999px;}

.btn_Gstore_red a:hover {
	background:  url(../images/btn_Gstore_gray.png) no-repeat;}


/*Gstore - 紅色按鈕(長)*/
.btn_Gstore_red2 p{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#FFF;
	text-align:center;
	padding-top:15px;}

.btn_Gstore_red2 a {
	float:right;
	text-decoration:none;
	display:block;
	background: url(../images/btn_Gstore_red2.png) no-repeat;
	width:215px;
	height:57px;
	margin:0;
    *text-indent:-9999px;}

.btn_Gstore_red2 a:hover {
	background:  url(../images/btn_Gstore_gray2.png) no-repeat;}


/*Gstore - 檢視, (文字隱藏按鈕)*/
.btn_G_view a {
	text-decoration:none;
	display:block;
	background: url(../images/Gstore_icon_view_a.png) no-repeat;
	width:22px;
	height:23px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.btn_G_view a:hover {
	background:  url(../images/Gstore_icon_view_b.png) no-repeat;}

/*Gstore - 登入鈕*/
.btn_G_login{
    margin:2px 18px 0 0;
    padding:3px 10px;
    color:#FFF;
    background-color: #FFA400;
    font-size:12px;
	font-weight:bold;
    border: #CCC 1px solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;}

/*Gstore - 註冊*/
 .btn_G_signup a {
	width:30px;
	height:20px;
	background: url(../images/icon_signup.png) no-repeat bottom left;
	padding: 3px 8px 0px 25px;}

 .btn_G_signup  a:hover {
	background:url(../images/icon_signup_b.png) no-repeat bottom left;}

 /*Gstore - 重發認證信*/
 .btn_G_mail a {
	width:70px;
	height:20px;
	background: url(../images/icon_mail.png) no-repeat bottom left;
	padding: 3px 8px 0px 25px;}

 .btn_G_mail  a:hover {
	background:url(../images/icon_mail_b.png) no-repeat bottom left;}

/*Gstore - 忘記密碼*/
 .btn_G_forgot a {
	width:58px;
	height:20px;
	background: url(../images/icon_forgot.png) no-repeat bottom left;
	padding: 3px 0px 0px 23px;}

 .btn_G_forgot  a:hover {
	background:url(../images/icon_forgot_b.png) no-repeat bottom left;}


/*2014-1-3 新增========================================*/
/*back icon, 目錄頁使用 (文字隱藏按鈕)*/
.icon_back_1 a {
	text-decoration:none;
	display:block;
	background: url(../images/icon_back_catalog_a.png) no-repeat;
	width:141px;
	height:74px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.icon_back_1 a:hover {
	background: url(../images/icon_back_catalog_b.png) no-repeat;}

/*Top icon, 目錄頁使用 (文字隱藏按鈕)*/
.icon_top_1 a {
	text-decoration:none;
	display:block;
	background: url(../images/icon_top_catalog_a.png) no-repeat;
	width:141px;
	height:74px;
	margin:0;
	font-size:0;
    	*text-indent:-9999px;}

.icon_top_1 a:hover {
	background: url(../images/icon_top_catalog_b.png) no-repeat;}

/*音檔icon, (文字隱藏按鈕)*/
.btn_play74{
	float:left;
	padding:0;
	margin:0;}

.btn_play74 a {
	text-decoration:none;
	display:block;
	background:  url(../images/img_sound74_a.png) no-repeat;
	width:73px;
	height:74px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.btn_play74 a:hover, .btn_play74 a:active {
	background:  url(../images/img_sound74_b.png) no-repeat;}

/*圓形音檔icon, (文字隱藏按鈕)*/
.btn_play50 a {
	text-decoration:none;
	display:block;
	background:  url(../images/img_player50_a.png) no-repeat;
	width:50px;
	height:50px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.btn_play50 a:hover {
	background:  url(../images/img_player50_b.png) no-repeat;}

/*三角形音檔icon(大), (文字隱藏按鈕)*/
.btn_play150 a {
	text-decoration:none;
	display:block;
	background:  url(../images/img_player150_a.png) no-repeat;
	width:150px;
	height:150px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.btn_play150 a:hover {
	background:  url(../images/img_player150_b.png) no-repeat;}

/*圓形音檔icon, (文字隱藏按鈕)*/
.btn_change a {
	text-decoration:none;
	display:block;
	background:  url(../images/btn_change_a.png) no-repeat;
	width:50px;
	height:50px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.btn_change a:active {
	background:  url(../images/btn_change_b.png) no-repeat;}

/*测验结果 解答按鈕*/
.BTN_ans a {
	text-decoration:none;
	display:block;
	background:  url(../images/BTN_ans.png) no-repeat;
	width:48px;
	height:48px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.BTN_ans a:hover {
	background: url(../images/BTN_ans_hover.png) no-repeat;}

/*2014-3-28 新增========================================*/
/*back icon, 列表頁使用 (文字隱藏按鈕)*/
.icon_back_2 a {
	text-decoration:none;
	display:block;
	background: url(../images/icon_back_list_a.png) no-repeat;
	width:100px;
	height:51px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.icon_back_2 a:hover {
	background: url(../images/icon_back_list_b.png) no-repeat;}

/*Top icon, 目錄頁使用 (文字隱藏按鈕)*/
.icon_top_2 a {
	text-decoration:none;
	display:block;
	background: url(../images/icon_top_list_a.png) no-repeat;
	width:110px;
	height:51px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.icon_top_2 a:hover {
	background: url(../images/icon_top_list_b.png) no-repeat;}

/*方形音檔icon(黑) 20*20*/
.icon_play20b a{
	width:20px;
	height:20px;
	background: url(../images/img_player20b.png) no-repeat left;
	padding: 0;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

 .icon_play20b  a:hover {
	background:url(../images/img_player20g.png) no-repeat left;}

/*送子鳥音檔icon*/
.whitestork_play a {
	text-decoration:none;
	display:block;
	background:  url(../images/whitestork/play.png) no-repeat;
	width:57px;
	height:57px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

/*三角形音檔icon 70*70*/
.icon_play70 a {
	width:70px;
	height:70px;
	background: url(../images/img_player70.png) no-repeat left;
	padding: 0;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

 .icon_play70  a:hover {
	background:url(../images/img_player70_hover.png) no-repeat left;}

/*圓形音檔icon 76*76*/
.icon_play76 a {
	width:76px;
	height:76px;
	background: url(../images/img_player76.png) no-repeat left;
	padding: 0;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

 .icon_play76  a:hover {
	background:url(../images/img_player76_hover.png) no-repeat left;}

/*聽力測驗 (小按鈕) icon, (文字隱藏按鈕)*/
.icon_play_c a {
	text-decoration:none;
	display:block;
	background: url(../images/btn_play_c.png) no-repeat;
	width:28px;
	height:28px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.icon_play_c a:hover {
	background:  url(../images/btn_play_a.png) no-repeat;}

/*重新播放按鈕 icon, (文字隱藏按鈕)*/
.btn_replay a {
	text-decoration:none;
	display:block;
	background: url(../images/btn_replay_a.png) no-repeat;
	width:70px;
	height:70px;
	margin:0;
	font-size:0;
    *text-indent:-9999px;}

.btn_replay a:hover {
	background:  url(../images/btn_replay_b.png) no-repeat;}

/*Gstore年齡分類-繁體*/
.btn_age1 {
	z-index: 999;
	position: absolute;
	width:274px;
	height:42px;
	top: -74px;
	left: 40px;
	background: url(../images/btn_age1_select.png) no-repeat;}
.btn_age1 a {
	text-decoration:none;
	display:block;
	background: url(../images/btn_age1.png) no-repeat;
	margin:0;
	width:274px;
	height:42px;
	font-size:0;
    *text-indent:-9999px;}
.btn_age1 a:hover {
	background: url(../images/btn_age1_select.png) no-repeat;}

.btn_age2 {
	z-index: 999;
	position: absolute;
	width:274px;
	height:42px;
	top: -74px;
	left: 315px;
	background: url(../images/btn_age2_select.png) no-repeat;}
.btn_age2 a {
	text-decoration:none;
	display:block;
	background: url(../images/btn_age2.png) no-repeat;
	margin:0;
	width:274px;
	height:42px;
	font-size:0;
    *text-indent:-9999px;}
.btn_age2 a:hover {
	background: url(../images/btn_age2_select.png) no-repeat;}

.btn_age3 {
	z-index: 999;
	position: absolute;
	width:274px;
	height:42px;
	top: -74px;
	left: 590px;
	background: url(../images/btn_age3_select.png) no-repeat;}
.btn_age3 a {
	text-decoration:none;
	display:block;
	background: url(../images/btn_age3.png) no-repeat;
	margin:0;
	width:274px;
	height:42px;
	font-size:0;
    *text-indent:-9999px;}
.btn_age3 a:hover {
	background: url(../images/btn_age3_select.png) no-repeat;}

/*Gstore年齡分類-簡體*/
.btn_age1_cn {
	z-index: 999;
	position: absolute;
	width:274px;
	height:43px;
	top: -74px;
	left: 40px;
	background: url(../images/btn_age1_select_cn.png) no-repeat;
}
.btn_age1_cn a {
	text-decoration:none;
	display:block;
	background: url(../images/btn_age1_cn.png) no-repeat;
	margin:0;
	width:274px;
	height:42px;
	font-size:0;
    *text-indent:-9999px;}
.btn_age1 a:hover {
	background: url(../images/btn_age1_select_cn.png) no-repeat;}

.btn_age2_cn {
	z-index: 999;
	position: absolute;
	width:274px;
	height:43px;
	top: -74px;
	left: 315px;
	background: url(../images/btn_age2_select_cn.png) no-repeat;
}
.btn_age2_cn a {
	text-decoration:none;
	display:block;
	background: url(../images/btn_age2_cn.png) no-repeat;
	margin:0;
	width:274px;
	height:42px;
	font-size:0;
    *text-indent:-9999px;}
.btn_age2_cn a:hover {
	background: url(../images/btn_age2_select_cn.png) no-repeat;}

.btn_age3_cn {
	z-index: 999;
	position: absolute;
	width:274px;
	height:42px;
	top: -74px;
	left: 590px;
	background: url(../images/btn_age3_select_cn.png) no-repeat;}
.btn_age3_cn a {
	text-decoration:none;
	display:block;
	background: url(../images/btn_age3_cn.png) no-repeat;
	margin:0;
	width:274px;
	height:42px;
	font-size:0;
    *text-indent:-9999px;}
.btn_age3_cn a:hover {
	background: url(../images/btn_age3_select_cn.png) no-repeat;}


/*Gstore - 幫助中心＆更多資訊*/
.txt_styleGS a {
	color: #fff;
	display:block;
	font-size:18px;
	text-shadow: 1px 1px 1px #666;
	font-family:"微軟正黑體", Arial;}
.txt_styleGS  a:hover {
	color:#fff100;}

.btn_help a {
	float:left;
	margin-bottom:10px;
	width:133px;
	height:36px;
	background: url(../images/btn_help.png) no-repeat bottom left;
	padding: 14px 0 0 35px;}
.btn_help  a:hover {
	background:url(../images/btn_help.png) no-repeat bottom left;}

.btn_moreinfo a {
	float:left;
	margin-bottom:10px;
	width:133px;
	height:36px;
	background: url(../images/btn_moreinfo.png) no-repeat bottom left;
	padding: 14px 0 0 35px;}
.btn_moreinfo  a:hover {
	background:url(../images/btn_moreinfo.png) no-repeat bottom left;}

/*圓形音檔icon 40*40*/
.title_play a {
	float:left;
	margin:-2px 0 0 10px;
	width:40px;
	height:40px;
	background: url(../images/img_player40a.png) no-repeat left;
	padding: 0;
	font-size:0;
    *text-indent:-9999px;}

 .title_play a:hover {
	background:url(../images/img_player40b.png) no-repeat left;}
/*登入頁icon*/
.txt_style2 a {
	color: #333;
	display:block;
	font-size:14px;
	font-family:微軟正黑體, Arial, Helvetica, sans-serif, 微軟正黑體 ;}
.txt_style2  a:hover {
	color:#ccc;}
 
/*忘記密碼 icon*/
 .icon_forgot2 a {
	float:left;
	width:85px;
	height:22px;
	background: url(../images/icon_forgot_2.png) no-repeat left;
	padding: 1px 0px 0px 29px;}
 .icon_forgot2  a:hover {
	background:url(../images/icon_forgot_2.png) no-repeat left;}
	
/*重發認證信 icon*/
 .icon_remail a {
	float:left;
	width:80px;
	height:22px;
	background: url(../images/icon_remail.png) no-repeat left;
	padding: 1px 0px 0px 37px;}
 .icon_remail  a:hover {
	background:url(../images/icon_remail.png) no-repeat left;}
	
/*Gstore書籍詳細頁按鈕*/	
.btn_free a {
	float:right;
	text-decoration:none;
	display:block;
	width:190px;
	height:45px;
	padding:0 10px;
	margin:0 5px;
    *text-indent:-9999px;
	background:#E49A11 url(../images/btn_icon_free.png) no-repeat;
	background-position:26% center;
	box-shadow:0px 4px 0px #AE7710;
	color:#FFF;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;}
.btn_free a:active{
	background:#ccc url(../images/btn_icon_free.png) no-repeat;
	background-position:26% center;
	box-shadow:0px 4px 0px #AAA;}
.btn_freex p {
	float:right;
	text-decoration:none;
	display:block;
	width:190px;
	height:45px;
	padding:0 10px;
	margin:0 5px;
    *text-indent:-9999px;
	background:#ccc url(../images/btn_icon_free.png) no-repeat;
	background-position:26% center;
	box-shadow:0px 4px 0px #AAA;
	color:#FFF;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;
	font-family: "微軟正黑體";
	font-size:17px;
	color:#FFF;
	line-height:45px;
	text-align:center;}
.btn_takegp a {
	float:right;
	text-decoration:none;
	display:block;
	width:190px;
	height:45px;
	padding:0 10px;
	margin:0 5px;
    *text-indent:-9999px;
	background:#239987 url(../images/btn_icon_gp.png) no-repeat;
	background-position:22% center;
	box-shadow:0px 4px 0px #0F5C50;
	color:#FFF;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;}
.btn_takegp p{
	font-family: "微軟正黑體";
	font-size:17px;
	color:#FFF;
	line-height:45px;
	text-align:center;}
.btn_takegp a:active{
	background:#ccc url(../images/btn_icon_gp.png) no-repeat;
	background-position:22% center;
	box-shadow:0px 4px 0px #AAA;}
	
.btn_takegsc a {
	float:right;
	text-decoration:none;
	display:block;
	width:190px;
	height:45px;
	padding:0 10px;
	margin:0 5px;
    *text-indent:-9999px;
	background:#239987 url(../images/btn_icon_gsc.png) no-repeat;
	background-position:23% center;
	box-shadow:0px 4px 0px #0F5C50;
	color:#FFF;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;}
.btn_takegsc a:active{
	background:#ccc url(../images/btn_icon_gsc.png) no-repeat;
	background-position:23% center;
	box-shadow:0px 4px 0px #AAA;}
	
.btn_free p, .btn_takegp p, .btn_takegsc p{
	font-family: "微軟正黑體";
	font-size:17px;
	color:#FFF;
	line-height:45px;
	text-align:center;}
.btn_take a {
	float:right;
	text-decoration:none;
	display:block;
	width:190px;
	height:45px;
	padding:0 10px;
	margin:0 5px;
    *text-indent:-9999px;
	background:#239987;
	box-shadow:0px 4px 0px #0F5C50;
	color:#FFF;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;}
.btn_take a:active{
	background:#ccc;
	box-shadow:0px 4px 0px #AAA;}
	
.btn_free p, .btn_takegp p, .btn_takegsc p, .btn_take p{
	font-family: "微軟正黑體";
	font-size:17px;
	color:#FFF;
	line-height:45px;
	text-align:center;}	

/*藍色、灰色按鈕*/
.btn_gstore_blue a {
	float:left;
	text-decoration:none;
	font-family: "微軟正黑體";
	text-align:center;
	font-size:16px;
	display:block;
	width:120px;
	height:45px;
	line-height:45px;
	padding:0 10px;
	margin:0 5px;
	background:#2289E5;
	box-shadow:0px 4px 0px #255D92;
	color:#FFF;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;}
.btn_gstore_gray a {
	float:left;
	text-decoration:none;
	font-family: "微軟正黑體";
	text-align:center;
	font-size:16px;
	display:block;
	width:120px;
	height:45px;
	line-height:45px;
	padding:0 10px;
	margin:0 5px;
	background:#8F8F8F;
	box-shadow:0px 4px 0px #727272;
	color:#FFF;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;}
.btn_gstore_blue a:active, .btn_gstore_gray a:active{
	background:#ccc;
	box-shadow:0px 4px 0px #AAA;}	
/*Gstore - 紅色按鈕(長)*/	
.btn_Gstore_red2 p{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#FFF;
	text-align:center;
	padding-top:15px;}
	
.btn_Gstore_red2 a {
	float:right;
	text-decoration:none;
	display:block;
	background: url(../images/btn_Gstore_red2.png) no-repeat;
	width:215px;
	height:57px;
	margin:0;
    *text-indent:-9999px;}
 
.btn_Gstore_red2 a:hover {
	background:  url(../images/btn_Gstore_gray2.png) no-repeat;}
	
	
/*圓形音檔icon 51*51*/
.icon_play51 a {
	width:51px;
	height:51px;
	background: url(../images/img_player51.png) no-repeat left;
	padding: 0;
	margin:0;
	font-size:0; 
    *text-indent:-9999px;}
	
 .icon_play51  a:hover {
	background:url(../images/img_player51_hover.png) no-repeat left;}


 .btn_finish a {
	float:left;
	width:94px;
	height:53px;
	background: url(../images/btn_finish.png) no-repeat left;}
 .btn_finish  a:active {
	background:url(../images/btn_finish_hover.png) no-repeat left;}
 .btn_exit a {
	float:left;
	width:94px;
	height:53px;
	margin-right:-1px;
	background: url(../images/btn_exit.png) no-repeat left;}
 .btn_exit  a:active {
	background:url(../images/btn_exit.png) no-repeat left;}