@charset "utf-8";
@import url("_reset.css");

body { font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif; }
ul, li { margin: 0; padding: 0; list-style-type: none; }
a, a:hover { text-decoration: none; }

#XlegendTop { position: absolute; width:100%; min-width: 1000px; height: 0px; z-index: 999; }
.googleCode { position: absolute; z-index: 900; }

#wrapper { background: url('/12sky2/static/images/activity/activity_bg.jpg') center 0px no-repeat; }
#wrapper-en { background: url('/12sky2/static/images/activity/activity_en_bg.jpg') center 0px no-repeat; }

#link_menu{
	position:absolute;
	z-index:99;
	width:290px;
	height:55px;
	left:-470px;
	margin-left:50%;
	top:10px;
}
/*-------------------------------------------------------------------------------------------------------------------------------------
head
-------------------------------------------------------------------------------------------------------------------------------------*/
.head { position: relative; height: 700px; }
a.logo { position: absolute; z-index: 50; left: 50%; margin: 85px 0px 0px -470px; display: block; width: 242px; height: 175px; background: url('../img/logo.png') 0 0 no-repeat; text-indent: -99999px; }
a:hover.logo { background-position: 0 -175px; }
.head_btn {position: absolute;z-index: 99;height: 55px;right: 3%;top: 20px; }
.head_btn_bg { position: absolute; width: 251px; height: 48px; background: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
                           -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; -khtml-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; }
.head_btns { position: absolute; margin: 8px 0px 0px 8px; width: 244px; }

.head_btns a { display: block; float: left; width: 75px; height: 33px; margin-right: 5px; background: url('../img/btn_bg.png') 0 -33px no-repeat; font-size: 16px; color: #FFF; line-height: 33px; font-weight: bolder; text-align: center;
                          filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.head_btns a:hover { background-position: 0 0px; }
/*
.head_btns a { display: block; float: left; width: 75px; height: 33px; margin-right: 5px; background: url('../img/btn_bg.png') 0 0 no-repeat; font-size: 16px; color: #FFF; line-height: 33px; font-weight: bolder; text-align: center;
                          filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.head_btns a:hover { color: #fff45c; background-position: 0 -33px; }
*/
#fbshare{
	position:absolute;
	z-index:99;
	width:665px;
	height:20px;
	margin-left:50%;
	left:-228px;
	top:425px;
}
/*-------------------------------------------------------------------------------------------------------------------------------------
menu
-------------------------------------------------------------------------------------------------------------------------------------*/
#menu { }
#menu ul { z-index: 100; padding-top: 20px; width: 1272px; height: 0px; text-align: center; }
#menu ul.fixed { position: fixed; top: 0px; margin: 0 auto; }
#menu a { display: inline-block; padding: 2px 15px 0px; font-size: 16px; color: #FFF; font-weight: bolder; }
#menu a:hover { color: #fff65c; }
#menu a.start { border-left: 0px; }
#menu a.end { border-right: 0px; }

/*-------------------------------------------------------------------------------------------------------------------------------------
menu_L
-------------------------------------------------------------------------------------------------------------------------------------*/
#menu_L { width: 1272px; margin-left: 8px; }
#menu_L ul { float: left; width: 254px; }
#menu_L dd ul { float: left; width: 214px; }
#menu_L ul.fixed { position: fixed; top: 86px; }
.menu_head { padding: 11px 10px 0px; width: 234px;height: 39px; font-size: 18px; line-height: 21px; color: #FFF; font-weight: bolder; }

.menu_bg { width: 254px; }
.menu_bg dl { width:216px; margin: 4px auto 0px; }
.menu_bg dl.start { margin-top: 0px; }
.menu_bg dt.unlink,
.menu_bg dt a { display: block; padding: 11px 0px 9px 29px; height: 22px; font-size:15px; line-height: 22px; font-weight: bolder; }
.menu_bg dt a:hover, .menu_bg dt a.focus { color: #FFF; background: #fff5ff url('/12sky2/static/images/bg/guide_btn-h.png') left top no-repeat;  }
.menu_bg dd { display: none; }
.menu_bg dd li { font-size:12px; font-family: "新細明體", Arial; }
.menu_bg dd li.unlink,
.menu_bg dd li a { display: block; padding: 1px 0px 0px 30px; height: 26px; line-height: 26px; }
.menu_bg dd li a:hover { color: #FFF; background-position: left bottom; }

.menu_foot { width: 254px; height: 20px; }

/*-------------------------------------------------------------------------------------------------------------------------------------
main
-------------------------------------------------------------------------------------------------------------------------------------*/
#container { width: 1390px; margin: 0 auto; height: 1500px;background: #fff;padding:20px; border-radius: 26px 26px 0px 0px;}
.main { }
.main.fixed { margin-top: 87px; }
.detail, .detail_2 { position: relative; padding: 13px 0px 0px; margin-bottom: 15px; width: 1340px; /*height: 420px;*/ font-size: 14px; color: #666; line-height: 22px; font-weight: bolder; border: #c6c6c6 0px solid; }
.case { margin-bottom: 40px; padding: 0 10px;}
.title { margin-bottom: 35px; height: 33px; font-size: 30px; color: #000; font-weight: bolder; border-bottom: #b2b2b2 3px solid; }
.title span { padding-left: 5px; font-size: 16px; }
.detail h1 { padding: 10px 0px 0px 15px; margin-bottom: 15px; height: 29px; font-size: 18px; }
.detail h2 { padding-left: 17px; margin-bottom: 7px; height: 17px; font-size: 16px; }
.detail p { margin-bottom: 15px; }
.detail img { max-width: 1270px; }
.box { margin-top: 7px; padding:10px; background: #E9E9E9; border: #B4B4B4 1px solid; }
img.box { max-width: 639px; }
img.mb { margin: 2px 5px 2px 0px; max-width: 32px; }

/*-------------------------------------------------------------------------------------------------------------------------------------
font color
-------------------------------------------------------------------------------------------------------------------------------------*/
.Left { text-align: left; }
.color_1 { color: #F06000; }
.color_2 { color: #BD2626; }
.color_3 { color: #e540b1; }
.color_4 { color: #734EC2; }
.color_5 { color: #006FB9; }
.color_6 { color: #019C6B; }

.ex { color: #AF5422; text-align: left; }

/*-------------------------------------------------------------------------------------------------------------------------------------
table
-------------------------------------------------------------------------------------------------------------------------------------*/
.tbstyle { border: 2px solid #e9e9e9; padding:1px; margin: 5px 0px; line-height: 21px; text-align: center; }
.tbstyle table { border: 1px solid #ccc; border-width:1px 1px 0px 0px; }
.tbstyle th, .tbstyle td { padding: 5px 12px; border:1px solid #B7B7B7; border-width: 0px 0px 1px 1px; }
.tbstyle th { font-size: 15px; font-weight: bold; }
.tbstyle td { background: #FFF; }
.tbstyle td.odd { color: #FFF; }
.tbstyle.Mb { margin-bottom: 20px; }

/*-------------------------------------------------------------------------------------------------------------------------------------
btn_change
-------------------------------------------------------------------------------------------------------------------------------------*/
.btn_change { margin: 0 auto; width: 90px; text-align: center; }
.btn_change a { display: inline-block; margin: 0 5px; width: 32px; height: 32px; background: url('../img/btn_change.png') 0 0 no-repeat; text-indent: -99999px; }
a.btn_prev { background-position: 0px 0px; }
a.btn_next { background-position: -32px 0px; }
a:hover.btn_prev { background-position: 0px -32px; }
a:hover.btn_next { background-position: -32px -32px; }

/*-------------------------------------------------------------------------------------------------------------------------------------
btn_top
-------------------------------------------------------------------------------------------------------------------------------------*/
.btn_top { position: fixed; z-index: 99; bottom: 160px; left: 50%; margin-left: 485px; }
.btn_top li { display: none; }
.btn_top li a { display: block; width: 44px; height: 44px; background: url('../img/btn_top.png') 0 0 no-repeat; text-indent: -99999px; }
.btn_top li a:hover { background-position: 0px -44px; }

/*-------------------------------------------------------------------------------------------------------------------------------------
footer
-------------------------------------------------------------------------------------------------------------------------------------*/
#footer { position: relative; float: left; width: 100%; min-width: 1000px; height: 86px; margin-top: 30px; }
.copyright { width: 920px; margin: 0 auto; padding-top: 13px; height: 62px; font-size: 11px; color: #111; font-family: Arial; }
.copy { margin: 0 auto; }
.copyright li { float: left; }
li.logo { margin: 21px 20px 0 15px; width: 108px; height: 29px; background: url('../img/logo.png') no-repeat; }
li.txt { margin-top: 30px; }
li.R15 { float: right; width: 262px; height: 62px; text-indent: -99999px; }




.daily{
background: url(/12sky2/static/images/activity/daily.png) no-repeat scroll bottom;background-size: 1270px 170px;width: 1270px;height: 170px;position: relative;
}
.daily .button{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$0.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.daily .button:hover{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$0-h.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.daily .not{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$0-n.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.daily_en{
background: url(/12sky2/static/images/activity/daily_en.png) no-repeat scroll bottom;background-size: 1270px 170px;width: 1270px;height: 170px;position: relative;
}
.daily_en .button_en{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$0_en.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.daily_en .button_en:hover{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$0_en-h.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.daily_en .not_en{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$0_en-n.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}


.quota{
background: url(/12sky2/static/images/activity/quota.png) no-repeat scroll bottom;background-size: 1270px 170px;width: 1270px;height: 170px;position: relative;background-position-y: 22px;
}
.quota .button{
position: absolute;right: 45px;top: 80px;
	background: url(/12sky2/static/images/activity/$10.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.quota .button:hover{
position: absolute;right: 45px;top: 80px;
	background: url(/12sky2/static/images/activity/$10-h.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.quota .not{
position: absolute;right: 45px;top: 80px;
	background: url(/12sky2/static/images/activity/$10-n.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}

.quota_en{
background: url(/12sky2/static/images/activity/quota_en.png) no-repeat scroll bottom;background-size: 1270px 170px;width: 1270px;height: 170px;position: relative;background-position-y: 22px;
}
.quota_en .button{
position: absolute;right: 45px;top: 80px;
	background: url(/12sky2/static/images/activity/$10.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.quota_en .button:hover{
position: absolute;right: 45px;top: 80px;
	background: url(/12sky2/static/images/activity/$10-h.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.quota_en .not{
position: absolute;right: 45px;top: 80px;
	background: url(/12sky2/static/images/activity/$10-n.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}


.ordinary{
background: url(/12sky2/static/images/activity/ordinary.png) no-repeat scroll bottom;background-size: 1270px 170px;width: 1270px;height: 170px;position: relative;
}
.ordinary .button{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$30.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.ordinary .not{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$30-n.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.ordinary .button:hover{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$30-h.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}

.ordinary_en{
background: url(/12sky2/static/images/activity/ordinary_en.png) no-repeat scroll bottom;background-size: 1270px 170px;width: 1270px;height: 170px;position: relative;
}
.ordinary_en .button{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$30.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.ordinary_en .not{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$30-n.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.ordinary_en .button:hover{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$30-h.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}


.intermediate{
background: url(/12sky2/static/images/activity/intermediate.png) no-repeat scroll bottom;background-size: 1270px 170px;width: 1270px;height: 170px;position: relative;
}
.intermediate .button{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$50.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.intermediate .button:hover{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$50-h.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}

.intermediate .not{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$50-n.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}

.intermediate_en{
background: url(/12sky2/static/images/activity/intermediate_en.png) no-repeat scroll bottom;background-size: 1270px 170px;width: 1270px;height: 170px;position: relative;
}
.intermediate_en .button{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$50.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.intermediate_en .button:hover{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$50-h.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}

.intermediate_en .not{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$50-n.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}

.senior{
background: url(/12sky2/static/images/activity/senior.png) no-repeat scroll bottom;background-size: 1270px 170px;width: 1270px;height: 170px;position: relative;
}
.senior .button{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$100.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.senior .button:hover{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$100-h.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.senior .not{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$100-n.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}

.senior_en{
background: url(/12sky2/static/images/activity/senior_en.png) no-repeat scroll bottom;background-size: 1270px 170px;width: 1270px;height: 170px;position: relative;
}
.senior_en .button{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$100.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.senior_en .button:hover{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$100-h.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}
.senior_en .not{
position: absolute;right: 45px;top: 60px;
	background: url(/12sky2/static/images/activity/$100-n.png) no-repeat scroll bottom;background-size: 182px 72px;width: 182px;height:  72px;
}

.receive{
width: 1270px;height: 170px;position: relative;
}
.receive .button{
position: absolute;right: 520px;
	background: url(/12sky2/static/images/activity/receive.png) no-repeat scroll bottom;background-size: 259px 72px;width: 259px;height:  72px;
}
.receive .button:hover{
position: absolute;right: 520px;
	background: url(/12sky2/static/images/activity/receive-h.png) no-repeat scroll bottom;background-size: 259px 72px;width: 259px;height:  72px;
}


.receive .button_en{
position: absolute;right: 520px;
	background: url(/12sky2/static/images/activity/receive_en.png) no-repeat scroll bottom;background-size: 259px 72px;width: 259px;height:  72px;
}
.receive .button_en:hover{
position: absolute;right: 520px;
	background: url(/12sky2/static/images/activity/receive_en-h.png) no-repeat scroll bottom;background-size: 259px 72px;width: 259px;height:  72px;
}
.yu-box{
	position: absolute;
    left: 340px;
    top: 60px;
    width: 300px;
    display: flex;
}
.yu-item{
	width: 150px;
    height: 85px;
    text-align: center;
}
.yu-item img{
	border: #ba5353 4px solid;
	border-radius: 5px;
}
.item-name {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    width: 150px;
    font-weight: bold;

	 text-shadow:
        -1px -1px 0 #ba5353,
        1px -1px 0 #ba5353,
        -1px 1px 0 #ba5353,
        1px 1px 0 #ba5353; /* 四个方向的阴影模拟边框 */
}
.brand {
    width: 50px;
    height: 50px;
    margin-bottom: -4px;
}


  /* 基础样式 */
.pack_zone {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色遮罩 */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* 激活状态 */
.pack_zone.on {
  opacity: 1;
  visibility: visible;
}

/* 弹窗容器 */
.pack {
  height: 380px;
    width: 695px;
  background: url(/12sky2/static/images/activity/pack_bg.png) no-repeat scroll bottom;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);

}

.pack_zone.on .pack {
  transform: translateY(0);
}

/* 弹窗容器 */
.pack_en {
  height: 380px;
    width: 695px;
  background: url(/12sky2/static/images/activity/pack_en_bg.png) no-repeat scroll bottom;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);

}

.pack_zone.on .pack_en {
  transform: translateY(0);
}

/* 弹窗内容区域 */
.pack_body {
    height: 305px;
    width: 667px;
    margin-left: 15px;
    margin-top: 40px;
      overflow: overlay;
  transform: translateY(20px);
  transition: transform 0.3s ease;
  /*padding: 24px;*/
  /*font-size: 16px;*/
  /*line-height: 1.5;*/
  /*color: #333;*/
  /*text-align: center;*/
}

.pack_body::-webkit-scrollbar {
    width: 4px;  /* 垂直滚动条宽度 */
    height: 4px; /* 水平滚动条高度 */
}

.pack_body::-webkit-scrollbar-thumb {
    background: #888; /* 滚动条滑块颜色 */
    border-radius: 2px; /* 圆角 */
}

.pack_body::-webkit-scrollbar-thumb:hover {
    background: #555; /* 鼠标悬停时颜色 */
}

/* 弹窗底部按钮区域 */
.pack_footer {
  padding: 16px;
  border-top: 1px solid #f0f0f0;
  display: flex;
  justify-content: center;
}

/* 按钮样式 */
.pack-btns {
      display: flex;
    gap: 50px;
    align-items: center;
    justify-content: center;
}

.pack_basic {
    padding: 8px 16px;
    background-color: #1890ff;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.pack_basic:hover {
    background-color: #40a9ff;
}

/* 关闭按钮 */
.pack_close {
    padding: 15px 15px;
    background: url(/12sky2/static/images/activity/close.png) no-repeat scroll bottom;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.2s;
    margin-top: -365px;
}

.packtime{
    width: 270px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    float:left;
}
.packname{
    width: 300px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    float:left;
}
.packreceive{

    width: 84px;
    height: 38px;
    line-height: 39px;
    text-align: center;
    float: left;
    margin-left: 9px;
}

.pack-get-btn{
    display: inline-block;
    width: 84px;
    height: 38px;
    background: url(/12sky2/static/images/activity/pack_receive.png) no-repeat center;
    background-size: 81px 32px;
}
.pack-get-btn:hover{
    display: inline-block;
    width: 84px;
    height: 38px;
    background: url(/12sky2/static/images/activity/pack_receive-h.png) no-repeat center;
    background-size: 81px 32px;
}

.pack-get-en-btn{
    display: inline-block;
    width: 84px;
    height: 38px;
    background: url(/12sky2/static/images/activity/pack_receive_en.png) no-repeat center;
    background-size: 81px 32px;
}
.pack-get-en-btn:hover{
    display: inline-block;
    width: 84px;
    height: 38px;
    background: url(/12sky2/static/images/activity/pack_receive_en-h.png) no-repeat center;
    background-size: 81px 32px;
}
.geted{
    color:#ffffff;
    font-weight: bold;
}