/*
  2021/03/02  (J)  w84048
  2017/03/14	(P) （無）17-0308-001
  2013/09/18	(B) （淘）13-0820-002

/* ======================================================================================== */
/* GT平台的基本按鈕 */
.btn {
    display: inline-block;
	font:17px/20px "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif;
    padding: 8px 30px;
	margin:3px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 1px 0 rgba(0,0,0,.3), 0 1px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.3), 0 1px 0 rgba(0,0,0,.3);
    box-shadow: inset 0 1px 0rgba(0,0,0,.3), 0 1px 0 rgba(0,0,0,.3);
	box-shadow:0 2px 0 rgba(0,0,0,.3), 0 1px 0 rgba(0,0,0,.3);
}
.btn:hover {
	text-decoration:none;
	box-shadow:0 1px 0 #7e7e7e, 0 0 0 rgba(126, 126, 126, 0.3); transition:all .2s;
	margin-top:4px;
	margin-bottom:2px;
	}
/* 主要按鈕 */
.btn-primary {
    color: #FFF;
    text-shadow: 0 1px 1px #1c3606;
	background: #50871f;
    border-bottom-color: #2a4509;
	}
.btn-primary:hover {
	background:#689f38;
	}
/* 次要按鈕 */
.btn-secondary {
    color: #FFF;
    text-shadow: 0 1px 1px #1c3606;
	background: #a0ab40;
    border-bottom-color: #70782d;
	}
.btn-success:hover  {
	background:#81cf81;
	}
/* 警示按鈕 */
.btn-warning {
    color: #FFF;
    text-shadow: 0 1px 1px #1c3606;
	background: #faa834;
    border-bottom-color: #cc640f;
	}
.btn-warning:hover  {
	background:#fcc271;
	}
/* 危險按鈕 */
.btn-danger {
    color: #FFF;
    text-shadow: 0 1px 1px #1c3606;
	background: #da4f49;
    border-bottom-color: #be3730;
	}
.btn-danger:hover  {
	background:#ec5d59;
	}
/* 相反按鈕 */
.btn-inverse {
    color: #FFF;
    text-shadow: 0 1px 1px #1c3606;
	background: #6b6b6b;
    border-bottom-color: #545454;
	}
.btn-inverse:hover  {
	background:#878787;
	}
/* 純文字屬性 */
.btn-link{
    color: #0088cc;
    text-shadow: none;
	background: none;
    border: none;
	box-shadow: none;
	}
.btn-link:hover  {
	color:#005580;
    border: none;
	box-shadow: none;
	text-decoration: underline;
	}

/* 幽靈按鈕 */
.btn-ghost {
	position:relative;
    border: 2px solid #fff;
	background:transparent;
    text-shadow: none;
	color:#FFF;
	}
.btn-ghost:before{
	border: 6px solid transparent;
	border-left: 6px solid #fff;
	width: 0;
	height: 0;
	position: absolute;
	top:36%;
	left:10px;
	content: "";
	animation: ghost-arrow 1s;
	-moz-animation: ghost-arrow 1s;	/* Firefox */
	-webkit-animation: ghost-arrow 1s;	/* Safari 和 Chrome */
	-o-animation: ghost-arrow 1s;	/* Opera */
	animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
}
/* 幽靈按鈕動畫 */
	@keyframes ghost-arrow
	{
	0%   {left:10px;}
	50% {left:13px;}
	100% {left:10px;}
	}

/* 重點按鈕 */
.btn-focus {
    position: relative;
    display: inline-block;
	font:17px/20px "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif;
    padding: 8px 30px;
	margin:3px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    vertical-align: middle;
    border: 1px solid #959595;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4x;
	background: #dddddd;
	background: -moz-linear-gradient(top,  #fff 0%, #eaeaea 50%, #cccccc 51%, #afafaf 100%);
	background: -webkit-linear-gradient(top,  #fff 0%,#eaeaea 50%,#cccccc 51%,#afafaf 100%);
	background: linear-gradient(to bottom,  #fff 0%,#eaeaea 50%,#cccccc 51%,#afafaf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#afafaf',GradientType=0 );
    -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.5), 0 1px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,.5), 0 1px 0 rgba(0,0,0,.3);
    box-shadow: inset 0 2px 2px rgba(0,0,0,.5), 0 1px 0 rgba(0,0,0,.3);
	box-shadow:0 2px 2px rgba(0,0,0,.5), 0 1px 0 rgba(0,0,0,.3);
	}
.btn-focus:before{
	border: 6px solid transparent;
	border-left: 6px solid #696969;
	width: 0;
	height: 0;
	position: absolute;
	top:34%;
	left:10px;
	content: "";
}
.btn-focus:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3x;
    border: 1px solid #fff;
}
.btn-focus:hover {
	box-shadow:0 1px 0 rgba(0,0,0,.5), 0 0 0 rgba(0,0,0,.3); transition:all .2s;
	margin-top:4px;
	margin-bottom:2px;
	}

/* 重點按鈕-主要按鈕 */
.btn-focus-primary {
	color:#FFF;
    text-shadow: 0 1px 1px #1c3606;
	background:#3a5518;
	background: -moz-linear-gradient(top, #83ab4e 0%, #609026 50%, #44651b 51%, #3a5518 100%);
	background: -webkit-linear-gradient(top, #83ab4e 0%,#609026 50%,#44651b 51%,#3a5518 100%);
	background: linear-gradient(to bottom, #83ab4e 0%,#609026 50%,#44651b 51%,#3a5518 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83ab4e', endColorstr='#3a5518',GradientType=0 );
    border: 1px solid #3c5819;
}
.btn-focus-primary:before{border-left: 6px solid #fff;}

/* 重點按鈕-次要按鈕 */
.btn-focus-secondary {
	color:#FFF;
	border: 1px solid #677727;
    text-shadow: 0 1px 1px #1c3606;
	background: #bbbf6e;
	background: -moz-linear-gradient(top, #bbbf6e 0%, #a0ab40 50%, #838e3a 51%, #677727 100%);
	background: -webkit-linear-gradient(top, #bbbf6e 0%,#a0ab40 50%,#838e3a 51%,#677727 100%);
	background: linear-gradient(to bottom, #bbbf6e 0%,#a0ab40 50%,#838e3a 51%,#677727 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbf6e', endColorstr='#677727',GradientType=0 );
}
.btn-focus-secondary:before{border-left: 6px solid #fff;}

/* 重點按鈕-警示按鈕 */
.btn-focus-warning {
	color:#FFF;
	border: 1px solid #af6124;
    text-shadow: 1px 1px 1px #1a1302,1px 1px 1px #1a1302;
	background: #f9c377;
	background: -moz-linear-gradient(top, #f9c377 0%, #ea9431 50%, #dd8430 51%, #af4a24 100%);
	background: -webkit-linear-gradient(top, #f9c377 0%,#ea9431 50%,#dd8430 51%,#af4a24 100%);
	background: linear-gradient(to bottom, #f9c377 0%,#ea9431 50%,#dd8430 51%,#af4a24 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c377', endColorstr='#af4a24',GradientType=0 );
}
.btn-focus-warning:before{border-left: 6px solid #fff;}

/* 重點按鈕-危險按鈕 */
.btn-focus-danger {
	color:#FFF;
	border: 1px solid #C62929;
    text-shadow: 0 1px 1px #1c3606;
	background: #ffa29b;
	background: -moz-linear-gradient(top, #ffa29b 0%, #ff665b 50%, #c62929 51%, #d83b36 100%);
	background: -webkit-linear-gradient(top, #ffa29b 0%,#ff665b 50%,#c62929 51%,#d83b36 100%);
	background: linear-gradient(to bottom, #ffa29b 0%,#ff665b 50%,#c62929 51%,#d83b36 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa29b', endColorstr='#d83b36',GradientType=0 );
}
.btn-focus-danger:before{border-left: 6px solid #fff;}

/* 重點按鈕-相反按鈕 */
.btn-focus-inverse {
	color:#FFF;
	border: 1px solid #444444;
    text-shadow: 0 1px 1px #1c3606;
	background: #898989;
	background: -moz-linear-gradient(top, #898989 0%, #6b6b6b 50%, #515151 51%, #444444 100%);
	background: -webkit-linear-gradient(top, #898989 0%,#6b6b6b 50%,#515151 51%,#444444 100%);
	background: linear-gradient(to bottom, #898989 0%,#6b6b6b 50%,#515151 51%,#444444 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#444444',GradientType=0 );
}
.btn-focus-inverse:before{border-left: 6px solid #fff;}

/* 詳敘按鈕 */
.btn-detailed {
    position: relative;
    display: inline-block;
	font:17px/20px "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif;
    padding: 10px 36px 10px 10px;
	margin:3px;
    color: #333;
    text-align:left;
	position:relative;
	background: #FFF;
	border: 1px solid #aeaeae;
	border-left: 14px solid #aeaeae;
    cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border-radius: 6x;
    -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.5), 0 1px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,.5), 0 1px 0 rgba(0,0,0,.3);
    box-shadow: inset 0 2px 2px rgba(0,0,0,.5), 0 1px 0 rgba(0,0,0,.3);
	box-shadow:0 2px 2px rgba(0,0,0,.5), 0 1px 0 rgba(0,0,0,.3);
}
.btn-detailed:before{
	border: 6px solid transparent;
	border-left: 6px solid #FFF;
	width: 0;
	height: 0;
	position: absolute;
	top:41%;
	left:-9px;
	content: "";
}
.btn-detailed:hover {
	box-shadow:0 0 0 #7e7e7e, 0 0 0 rgba(126, 126, 126, 0.3); transition:all .2s;
}
.btn-detailed__title{
	display:block;
	margin-bottom:4%;
	color:#565656;
	font-size:110%;
	font-weight:bold;
}
.btn-detailed__data{
	display:block;
	color:#6d6d6d;
	font-size:78%;
	line-height:16px;
}

/* 詳敘按鈕-主要按鈕 */
.btn-detailed-primary {
	border: 1px solid #50871f;
	border-left: 14px solid #50871f;
}
.btn-detailed-primary .btn-detailed__title{ color:#50871f;}
.btn-detailed-primary .btn-detailed__data{}

/* 詳敘按鈕-次要按鈕 */
.btn-detailed-secondary {
	border: 1px solid #a0ab40;
	border-left: 14px solid #a0ab40;
}
.btn-detailed-secondary .btn-detailed__title{ color:#a0ab40;}
.btn-detailed-secondary .btn-detailed__data{}

/* 詳敘按鈕-警示按鈕 */
.btn-detailed-warning {
	border: 1px solid #faa834;
	border-left: 14px solid #faa834;
}
.btn-detailed-warning .btn-detailed__title{ color:#faa834;}
.btn-detailed-warning .btn-detailed__data{}

/* 詳敘按鈕-危險按鈕 */
.btn-detailed-danger {
	border: 1px solid #da4f49;
	border-left: 14px solid #da4f49;
}
.btn-detailed-danger .btn-detailed__title{ color:#da4f49;}
.btn-detailed-danger .btn-detailed__data{}

/* 詳敘按鈕-相反按鈕 */
.btn-detailed-inverse {
	border: 1px solid #6b6b6b;
	border-left: 14px solid #6b6b6b;
}
.btn-detailed-inverse .btn-detailed__title{ color:#6b6b6b;}
.btn-detailed-inverse .btn-detailed__data{}


/* 提示按鈕 */
.btn-point {
    position: relative;
    display: inline-block;
	font:13px/16px "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif;
    padding: 3px 12px 3px 14px;
	margin:3px;
    color: #333;
    text-align:left;
	position:relative;
	background: #FFF;
	border: 1px solid #aeaeae;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4x;
    -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.5), 0 1px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,.5), 0 1px 0 rgba(0,0,0,.3);
    box-shadow: inset 0 2px 2px rgba(0,0,0,.5), 0 1px 0 rgba(0,0,0,.3);
	box-shadow:0 2px 2px rgba(0,0,0,.5), 0 1px 0 rgba(0,0,0,.3);
}
.btn-point:before{
	border: 5px solid transparent;
	border-left: 5px solid #000;
	width: 0;
	height: 0;
	position: absolute;
	top:28%;
	left:4px;
	content: "";
}


/* 提示按鈕-主要按鈕 */
.btn-point-primary {border: 1px solid #50871f; color: #50871f}
.btn-point-primary:before {border-left: 5px solid #50871f;}

/* 提示按鈕-次要按鈕 */
.btn-point-secondary {border: 1px solid #a0ab40; color: #5a0ab40}
.btn-point-secondary:before {border-left: 5px solid #a0ab40;}

/* 提示按鈕-警示按鈕 */
.btn-point-warning {border: 1px solid #de9200; color: #de9200}
.btn-point-warning:before {border-left: 5px solid #de9200;}

/* 提示按鈕-危險按鈕 */
.btn-point-danger {	border: 1px solid #da4f49; color: #da4f49}
.btn-point-danger:before {border-left: 5px solid #da4f49;}

/* 提示按鈕-想反按鈕 */
.btn-point-inverse {border: 1px solid #6b6b6b; color: #6b6b6b}
.btn-point-inverse:before {border-left: 5px solid #6b6b6b;}

/* 純文字屬性 */
.btn-point-link{
    color: #0088cc;
    text-shadow: none;
	background: none;
    border: none;
	box-shadow: none;
	}
.btn-point-link:hover  {
	color:#005580;
    border: none;
	box-shadow: none;
	text-decoration: underline;
	}
.btn-point-link:before {border-left: 5px solid #005580;}

/* 按鈕尺寸 */
.btn-large {
    padding: 14px 40px;
    font-size: 135%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.btn-large:after {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5x;
}
.btn-small	{
    padding: 5px 16px;
    font-size: 95%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.btn-small:after {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4x;
    border: none;
}
.btn-mini	{}

/*----------2010 按鈕樣式---------------------------------------------------*/
button{overflow:visible;/*for ie6 寬度等比放寬 */border:none;white-space: nowrap;}
/*返回按鈕*/

button.btn_back{
background:none;
margin:0px;
padding:1px 5px 0px 25px;
cursor:pointer;
border:solid #333333 1px; 
background:url(/Graphics/Button/back_bg.gif) no-repeat left center #E1E1E1; 
height:22px;
font:13px/1.5em "新細明體", "細明體", Verdana; color:#333333;

}

/*下一步  →按鈕*/
button.btn_next{
background:none;
margin:0px;
padding:1px 5px 0px 25px;
cursor:pointer;
border:solid #333333 1px; 
background:url(/Graphics/Button/next_bg.gif) no-repeat left center #E1E1E1; 
height:22px;
font:13px/1.5em "新細明體", "細明體", Verdana; color:#333333;
}

/*下一步  →按鈕*//* w84048 */
button.btn_next2{
background:none;
margin:0px;
padding:1px 5px 0px 25px;
cursor:pointer;
border:solid #333333 1px; 
background: #E1E1E1;
background:url(/Graphics/Button/next_bg2.gif) no-repeat left center,linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%); 
height:22px;
font:13px/1.5em "新細明體", "細明體", Verdana; color:#333333;
}

/*上一步  ←按鈕*/
button.btn_pre{
background:none;
margin:0px;
padding:1px 5px 0px 25px;
cursor:pointer;
border:solid #333333 1px; 
background:url(/Graphics/Button/pre_bg.gif) no-repeat left center #E1E1E1; 
height:22px;
font:13px/1.5em "新細明體", "細明體", Verdana; color:#333333;
}

/*同意  V 打勾按鈕*/
button.btn_sure{
background:none;
margin:0px;
padding:1px 5px 0px 25px;
cursor:pointer;
border:solid #333333 1px; 
background:url(/Graphics/Button/sure_bg.gif) no-repeat left center #E1E1E1;
height:22px;
font:13px/1.5em  "新細明體", "細明體", Verdana; color:#333333;
}

/*確定同意  V 打勾按鈕 (動態手指)*/
button.btn_makesure{
background:none;
margin:0px;
padding:1px 5px 0px 38px;
cursor:pointer;
border:solid #333333 1px; 
background:url(/Graphics/Button/makesure_bg.gif) no-repeat left center #E1E1E1;
height:22px;
font:13px/1.5em  "新細明體", "細明體", Verdana; color:#333333;}




/* 儲值簡化新增大按鈕有手紙頭 */
button.btn_sure_big{
background:none;
margin:0px;
padding:4px 10px 0px 56px;
cursor:pointer;
border:solid #333333 1px; 
background:url(/Graphics/Button/sure_bg_big_Finger.gif) no-repeat left center #E1E1E1;
height:34px;
font:15px/1.7em  "新細明體", "細明體", Verdana; color:#333333;
}

/* 儲值簡化原本大按鈕 */
button.btn_sure_big2{
background:none;
margin:0px;
padding:4px 10px 0px 36px;
cursor:pointer;
border:solid #333333 1px; 
background:url(/Graphics/Button/sure_bg_big.gif) no-repeat left center #E1E1E1;
height:34px;
font:15px/1.7em  "新細明體", "細明體", Verdana; color:#333333;
}

/* 新增個人資料保護政策使用的大按鈕 */
button.btn_next_personal{
background:none;
margin:0px;
padding:0 10px 0px 56px;
cursor:pointer;
border:solid #333333 1px; 
background:url(/Graphics/Button/next_bg_personal.gif) no-repeat left center #E1E1E1;
height:45px;
font:13px/1.5em  "新細明體", "細明體", Verdana; color:#333333;
}

/* 新增個人資料保護政策使用的大按鈕 打勾版*/
button.btn_sure_personal{
background:none;
margin:0px;
padding:0 10px 0px 56px;
cursor:pointer;
border:solid #333333 1px; 
background:url(/Graphics/Button/sure_bg_personal.gif) no-repeat left center #E1E1E1;
height:45px;
font:13px/1.5em  "新細明體", "細明體", Verdana; color:#333333;
}

/* 身份驗證新增的大按鈕 */
button.btn_confirm_big{
background:none;
margin:0px;
padding:4px 10px 0px 36px;
cursor:pointer;
border:solid #333333 1px; 
background:url(/Graphics/Button/confirm_bg_big.gif) no-repeat left center #E1E1E1;
height:34px;
font:15px/1.7em  "新細明體", "細明體", Verdana; color:#333333;
}



/*確定 ○按鈕*/
button.btn_ture{
background:none;
margin:0px;
padding:1px 5px 0px 25px;
cursor:pointer;
border:solid #333333 1px; 
background:url(/Graphics/Button/ture_bg.gif) no-repeat left center #E1E1E1;
height:22px;
font:13px/1.5em  "新細明體", "細明體", Verdana; color:#333333;
}

/*不同意按鈕*/
button.btn_false{
background:none;
margin:0px;
padding:1px 5px 0px 25px;
cursor:pointer;
border:solid #333333 1px; 
background:url(/Graphics/Button/false_bg.gif) no-repeat left center #E1E1E1;
height:22px;
font:13px/1.5em "新細明體", "細明體", Verdana; color:#333333;
}

button.btn_vote{
background:none;
margin:0px;
padding:1px 5px 0px 25px;
cursor:pointer;
border:solid #333333 1px; 
background:url(/Graphics/Button/vote_bg.gif) no-repeat left center #E1E1E1;
height:22px;
font:13px/1.5em "新細明體", "細明體", Verdana; color:#333333;
}