/* CSS Document */
/*
  20210824 (S) w89810

*/
@import url("/include/i_button_style.css"); /*全網共用 儲值按鈕 20120215 怡如 */
@import url("/include/i_Bank_style.css?20210322");/* 20101122儲值轉點簡化使用 */
@import url("/include/i_GTrank.css"); /*20110221 重新加入排行榜專用CSS*/
@import url("/css/button.css");/*20190325P 引用 GT平台的基本按鈕 -----------------*/
table {
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	letter-spacing: 1px;
	font-family: "新細明體", "細明體", Verdana, Arial, Helvetica, sans-serif ;
}
table.rank {
	font-size: 13px;
	line-height: 22px;
	color: #333333;
	letter-spacing: 1px;
	font-family: "新細明體", "細明體", Verdana, Arial, Helvetica, sans-serif ;
}
.bg{
	background-color:#6C7DFF;
}
.content_bg{
	background-image:url(/Games/We5/images/pool/content_bg.gif);
	background-position:left;
	background-repeat:repeat-y;
}
.content_nobg{
	background-image:url(/Games/We5/images/pool/content_nobg.gif);
	background-position:left;
	background-repeat:repeat-y;
}
.guidebar {
	font-family: "新細明體", "細明體", Verdana, Arial, Helvetica, sans-serif ;
	font-size: 13px;
	color: #474747;
	text-decoration: none;
}
.tablebigtitle {
	font-family: "新細明體", "細明體", Verdana, Arial, Helvetica, sans-serif ;
	font-size: 15px;
	font-weight: bold;
	color: #8D2323;
	letter-spacing: 2pt;
}

.avatarimg {
	border: 1px solid #999999;
}

.point {
	color: #CC3333;
}
.ContainLink {
	color: #ED560E;
	font-size: 13px;
}
.ContainLink a:link {
	font-family: "新細明體", "細明體", Verdana, Arial, Helvetica, sans-serif ;
	color:#003366;
	font-size: 13px;
	text-decoration: none;
}
.ContainLink a:hover {
	font-family: "新細明體", "細明體", Verdana, Arial, Helvetica, sans-serif ;
	color:#003399;
	font-size: 13px;
	text-decoration: none;
}
.ContainLink a:visited {
	font-family: "新細明體", "細明體", Verdana, Arial, Helvetica, sans-serif ;
	color:#003366;
	font-size: 13px;
	text-decoration: none;
}

.ContainLink_pure {
	color: #669900;
	list-style-type: square;
	font-size: 13px;
}
.type1px {
	font-family: "新細明體", "細明體", Verdana, Arial, Helvetica, sans-serif ;
	font-size: 1px;
	line-height: 0px;
}
.type9pt {
	font-family: "新細明體", "細明體", Verdana, Arial, Helvetica, sans-serif ;
	font-size: 12px;
}
.type12pt {
	font-family: "新細明體", "細明體", Verdana, Arial, Helvetica, sans-serif ;
	font-size: 16px;
}
.type13px {
	font-family: "新細明體", "細明體", Verdana, Arial, Helvetica, sans-serif ;
	font-size: 13px;
}
.type15px {
	font-family: "新細明體", "細明體", Verdana, Arial, Helvetica, sans-serif ;
	font-size: 15px;
}
.slogan_Main {
	font-family: "新細明體", "細明體", Verdana, Arial, Helvetica, sans-serif ;
	font-size: 15px;
	line-height: 18px;
	text-decoration: none;
}
.slogan_Sub {
	font-family: "新細明體", "細明體", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #0C2A42;
	text-decoration: none;
}
.slogan_content {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #848457;
	text-decoration: none;
}
.outline {
	border: 1px solid #999999;
}
a.btnmove {}
a.btnmove:hover {
	position:relative;
	top:1px;
	left:1px;
}
.smallfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	line-height: 15px;
}

a.smallfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #0066CC;
	line-height: 15px;
}
.dashedline {
	border-style:dashed;
 	height: 0px;
 }
.fastlink a {
	font-family: "新細明體", "細明體", Verdana, Arial, Helvetica, sans-serif ;
	text-decoration: none;
	font-size: 12px;
	color: #666666;
 }
.fastlink a:hover {
	font-family: "新細明體", "細明體", Verdana, Arial, Helvetica, sans-serif ;
	text-decoration: none;
	font-size: 12px;
	color: #202746;
 }
.news a {
	font-family: "新細明體", "細明體", Verdana, Arial, Helvetica, sans-serif ;
	text-decoration: none;
	font-size: 13px;
	color: #333333;
 }
.news a:hover{
	font-family: "新細明體", "細明體", Verdana, Arial, Helvetica, sans-serif ;
	text-decoration: none;
	font-size: 13px;
	color: #990000;
 }
.tab_pad5px{
	padding:5px 5px 5px 5px;
}
.searcharea {
	border: 1px solid #333333;
	height: 15pt;
	color: #333333;
	background-color: #FFFFFF;
}
img{ border:0px;}
/*---圖片 RWD 怡如*/
.img-responsive{
  width:100%;
}
.hr1{  border: 0;   border-top: 1px dotted #8c8c8c;}
/* ===========20090313會員特區使用 ==============================  */
.member_font_gray{
font-size:13px;
line-height:22px;
color:#464646;
letter-spacing:normal;
		}
.member_font_red{
font-size:13px; line-height:22px; color: #CC0000; letter-spacing:normal;
		}
.member_font_blue{
font-size:13px;
line-height:22px;
color: #0033CC;
letter-spacing:normal;
		}
.member_font_white{
font-size:12px;
line-height:25px;
color: #FFFFFF;
letter-spacing:normal;
		}
.btn_img{filter: gray;}

.input-button {
cursor:hand;
background:none;
border-style:solid;
border-width:0pt;
margin:0; padding:0;
			}


/*--以下產包點卡專區通用CSS--*/
#Productarea{}
#ProductTable{}
#ProductTable #ProductTable_Page{}
#product_container{}
#product_detail{}
#ProductTable .product_header{ font:Verdana, Arial, Helvetica, sans-serif 13px/1.2em; font-weight:bold;color:#330000; background-color:#999999;}
#ProductTable .product_title{width:80px;background-color:#F2F2F2;}
#ProductTable .product_text{}
#ProductTable .product_pic{width:140px; text-align:center; background-color:#CCCCCC;}


/*---- 分級圖示的預設顯示隱藏------------------*/
.level0,.level6,.level15,.level18{ display:none}



/* 分頁頁籤 20200430 w70954（淘）20-0420-001 */

table#width_size { width: 100%; } /* 針對table調整 */

.nav_tag {
	width: 95%;
	overflow: auto;
	font-family: "Helvetica Neue","微軟正黑體","Helvetica","Arial","PingFangTC-Light","STHeitiTC-Light","Microsoft JhengHei",sans-serif;
	font-size: 15px;
	text-align: center;
	box-shadow: 0px -1px 0px 0px #ffa53c inset;
	margin: 20px auto 10px auto;
}
.btn_tag {
	display: inline-block;
	height:34px;
	line-height:34px;
	text-align:center;
	padding:0 1.5%;
	font-weight: bolder;
	color: #db6c09;
	border-top: solid 2px #ffa53c;
	border-left: solid 2px #ffa53c;
	border-right: solid 2px #ffa53c;
	border-bottom: solid 1px #fff;
	border-radius: 10px 10px 0 0 ;
}

.btn_tag_link {
	display: inline-block;
	height:34px;
	line-height:34px;
	text-align:center;
	padding:0 1.5%;
	color: #b5b5b5;
	background-color: #f1f1f1;
	text-decoration: none;
	border-top: solid 2px #cccccc;
	border-left: solid 2px #cccccc;
	border-right: solid 2px #cccccc;
	border-radius: 10px 10px 0 0 ;
}
a.btn_tag_link:hover {
	color: #db6c09;
	background-color: #fff;
	border-top: solid 2px #ffa53c;
	border-left: solid 2px #ffa53c;
	border-right: solid 2px #ffa53c;
	border-bottom: solid 1px #fff;
	border-radius: 10px 10px 0 0 ;
	text-decoration: none;
}

.form.form--styleA input {
  border: 1px #ab875c solid;
}

/*密碼管理_輸入框*/
.boxA{
  margin: 10px auto;
  padding: 10px;
}
.boxA.box--styleA{
  border: 1px solid #6c7dff;
}
.boxA.box--styleA p {
    margin-left: 1.5em;
    line-height: 24px;
}
.boxA.box--styleA h3{
  color: #FF0004;
  line-height: 27px;
  font-size: 105%;
  margin: 0;
}
.boxA.box--styleA ol{
  margin: 0;
  padding-left: 35px;
}
.boxA.box--styleA a {
  color: #006eff;
  text-decoration: underline;
}
.boxA.box--styleA a:hover {
  color: #ff7b00;
}
/*按鈕*/
.button{
  /*.width: 100%;*/
  margin: 10px auto;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
table .button--styleA{
  width: 80%;
  cursor: pointer;
  color: #fff;
  background-color: #6c7dff;
  box-shadow: #3c4edb 1px 1px 0 0;
  border-radius: 50px;
  font-size: 120%;
  line-height: 40px;
  font-weight: bold;
}
table .button--styleA:hover{
  background-color: #bd6cff;
  box-shadow: #8a37ce 1px 1px 0 0;
}
/*輸入框*/
.textarea{
  margin: 8px 0;
  padding: 0 20px;
}
.textarea .textareaborder {
  width: 100%;
  /*max-width: 350px;*/
  height: 2.5em;
  padding-left: 8px;
  border: 1px #6c7dff solid;
  border-radius: 10px;
  margin: 5px auto;
  background-color: #fff;
}
.textarea ul{
  list-style-type:none;
  padding-left:0;
  margin: 0;
}
.textarea ul li{
    width: 50%;
    float: left;
    display: flex;
    justify-content: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
}
/*輸入電話*/
.content-phone-number {
    width: 100%;
    margin: 5px auto;
    display: inline-block;
}
.content-phone-number .input-width {
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.content-phone-number .country-code {
    width: 90px;
    float: left;
    height: 2.5em;
    border: 1px solid #6c7dff;
    border-radius: 10px;
    margin-right: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #696969;
}
.content-phone-number .phone-number {
    width: calc(100% + -93px);
    height: 2.5em;
    float: left;
    border: 1px solid #6c7dff;
    border-radius: 10px;
}