body {
    font-family: "Microsoft JhengHei", "Apple LiGothic Medium", "PMingLiU", "sans-serif", "serif";
    /*淺色點背景*/
    background:#efefef;
    background-image: linear-gradient(#efefef 14px,transparent 0),linear-gradient(90deg,#b0b0b0 1px,transparent 0);
    background-size:15px 15px,15px 15px;
    
    /*斜紋背景*/
/*
    background:#f6f5dc;
      background-image:repeating-linear-gradient(-30deg,
      hsla(0,0%,100%,.1),
      hsla(0,0%,100%,.1) 15px,
      transparent 0,
      transparent 30px);
*/
    
    /*深色點背景*/
/*
    background:#2b2b2b;
    background-image: linear-gradient(#2b2b2b 14px,transparent 0),linear-gradient(90deg,#666 1px,transparent 0);
    background-size:15px 15px,15px 15px;
*/
}

img {width: 100%;}
.pd_lr_10{padding: 0 10px;}
.cl{clear: both;}


/*shareicon*/
.FBicon{width: 46px;height: 46px;position: fixed;bottom: 142px;right: 8px;z-index: 1000;display: block;opacity: 0.8;border-radius: 50%;}
.LINEicon{width: 46px;height: 46px;position: fixed;bottom: 92px;right: 8px;z-index: 1000;display: block;opacity: 0.8;border-radius: 50%;}
#myBtn {display: none;position: fixed;bottom: 47px;right: 8px;z-index: 100099;font-size: 16px;border: none;outline: none;background-color: rgba(0, 0, 0, 0.3);color: white;cursor: pointer;padding: 9px;border-radius: 50%;font-family:'微軟正黑體'}

.all{
	width: 960px;
	margin: 0px auto;
/*
	-webkit-box-shadow: 1px 1px 10px #d6dadc;
	        box-shadow: 1px 1px 10px #d6dadc;
*/
    overflow: hidden;
}
.header
{
    width:100%;
    /*height: 419px;*/
    overflow: hidden;
/*    background: url("../img/mainbg.jpg") no-repeat center bottom;*/
    margin: 0px auto;
    z-index: 1;
    border-bottom:8px solid #fff;

}

.header_img_m, .sec_m{display: none;}

.b_title
{
    width: 389px;
    height: 145px;
    background: url("../img/b_title.png")  no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: 45px;
    margin-left: 49px;
    float: left;
}

.title2{
    width: 396px;
    height: 92px;
    background: url("../img/title2.png") no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    float: left;
    margin-top: 40px;
    margin-left: 43px;
}

.app_logo
{
    width: 247px;
    float: left;
    position: absolute;
    top: 200px;
    margin-top: -3px;
    margin-left: 122px;
    z-index: 1;
}

.mobile{
    display: none;
}

.pic01
{
    width: 386px;
    float: left;
    margin-left: 42px;
    margin-top: 24px;
}



.content
{
    margin: 0px auto;
    background: #fff;
    z-index: 2;
    /*border-bottom:7px solid #8da2ad6e;*/
}

.inside
{
    width: 730px;
    margin: 0px auto;
}

.sec01
{
    width: 100%;
    background: #FFF;
    text-align: center;
    border-top: 7px solid #02c3f3;
    padding: 10px 0px;
}

.t1
{
    font-size: 30px;
    font-weight: bold;
    margin-top: 3px;
    display: inline-block;
    letter-spacing: -2px;
    color: #02c3f3;
}

.t2
{
    display: inline-block;
    margin-top: 5px;
    margin-left: 5px;
    color: #1558c7;
    font-size: 17px;
    letter-spacing: -1;
}

.t1-1
{
    display: inline-block;
    margin-top: 27px;
    padding: 2 5 0;
    border: 1px solid #5c7dca;
    color: #5c7dca;
    margin-left: 10;
    font-size: 17;
    font-weight: bold;
}

.reff{
	width: 110px;
	height: 30px;
	background: url("../img/reff.gif") no-repeat;
	display: inline-block;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 17px;
	line-height: 29px;
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
}

.second-line{
    float: left;
    width: 100%;
    padding-left: 17px;
    margin-top: 5px;
}

.second-line h4{
	margin: 7px;
	font-weight: bold;
	color: #353535;
	display: inline-block;
}

.h3{
	font-size: 28px;
	color: #da4505;
	font-weight: bold;

}

.event{
	border-bottom: 1px #c7c5c5 dashed;
	width: 730px;
    margin: 0px auto;
	padding-bottom: 20px;  
	padding-top: 20px;
}

.bt {
    display: inline-block;
    background-color: #fece00;
    border-radius: 3px;
    line-height: 35px;
    padding: 0;
    min-width: 110px;
    text-align: center;
    color: #000;
    font-weight: 700;
    box-sizing: border-box;
    margin-bottom: 10px;
	margin-left: 10px;
}


a:link{text-decoration:none; color: #333;}
a:hover{text-decoration:none; color: #e82e00; font-size: 15px;}
a:active{text-decoration:none; color: #333;}
a:visited{text-decoration:none; color: #333;}


.h6{
	display: inline-block;
	font-size: 22px;
	letter-spacing: 1px;
	width: 100px;
	border-right: 1px #e10030 solid;
	color: #e10030;
	font-weight: bold;
    margin-top: 10px;
}
.notice{
	width: 730px;
    margin: 0px auto;
	color: #888;
	
}
.notice ul{padding-left: 28px;line-height: 1.7em;}
.h5{font-size: 15px;color: #666;}
.txt{font-size: 18px;color: #333;line-height: 30px;}
.txt span{color: #EE0000;}
.award {line-height: 28px;float: left;font-size: 18px; width: 60%; }
.award li {list-style: circle; margin-bottom: .4em; margin-left: -2%;}
.award tr td:first-child{width: 60%;  padding-right: 8px;}
.award ul{padding-left: 0px;}

.dot{font-size: 50px;}
.gift{float: right;width: 58%;}
.gift-img{display: inline-block;width: 29%;-webkit-border-radius: 50%;border-radius: 50%;overflow: hidden;margin-left: 4%;border: 3px solid #facfc9;float: right;}
.sec02{padding: 10px 0px;}
.sec03 {padding: 3vh 0 4vh;margin: 2vh 6vh 0; background: #fff;text-align: center;margin-top: 5vh;border-top: 1px #cecece dashed; border-bottom: 1px #cecece dashed;}
.arr, .arr2{width: 16px;height: 320px;float: left;background: url("../img/arr01.jpg") repeat-y;-webkit-background-size: contain;-o-background-size: contain;background-size: contain;}
.step01{width: 28%;float: left;padding: 5px 10px;}
.step02{width: 32%;float: left;padding: 0px 10px;}
.w50p{width: 50%;float: left;}
.step03{width: 35%;float: left;padding: 10px 0px 0px 10px;}
.couponTag{font-size: 17px;color: #F50303;margin: 15px 0;margin-bottom: 30px;    font-weight: bold;}
.couponTag img{width: auto;height: 24px;margin-right: 5px;}
.link{display: inline-block;  width: 135px;   }
.link img{width: 148%; margin-left: -32px; border-radius: 5%; border: 2px solid #ececec; }
.link{text-decoration: none;vertical-align: top;    }
.link h3{color:  #b48300;font-weight: bold;margin-top: 0;  }
.link:hover{text-decoration: none;opacity: 0.7;   }
.applink{display: inline-block;  width: 90px;   }
.applink img{width: 120%; margin-left: -32px; border-radius: 5%; border: 2px solid #ececec; }
.applink:hover{text-decoration: none;opacity: 0.7;   }
.qr{
    display: inline-block;  
    text-align: center;
    padding-left: 14vh; 
    margin-left: 8vh;  
    border-left: 1px dashed #c5c2a5;   
}

.qr h3{
    color:  #b48300;
    font-weight: bold;
    margin-top: 0;  
}

.qr h3 img{
    width: auto;
    height: 25px;
    margin-left: 5px;
    position: relative;
    top: -5px;
	border-radius: 5%;border: 2px solid #ececec;
}

.qr a{
    width: 109px;   
    display: inline-block;  
    margin-right: 28px; 
}
/*** footer ***/
footer{width: 100%;margin: 0 auto;padding: 0.5% 0;text-align: center;background-color: #FFFFFF;}
footer .footer_logos,footer .service li{margin: 0.5em;vertical-align: middle;display: inline-flex;}
footer .footer_logos img,footer .service li img{width: auto}
footer .service{font-size: 0.8em;}


.wgFooter {
    position: relative;
    z-index: 1;
    padding: 30px 0;
    color: #000;
    background-color: #fff;
}

.wgFooter .container {
    display: flex;
    align-items: center;
}

.wgFooter .wgFooter__logoWrap {
    flex-shrink: 0;
	max-width: 110px;
	margin-left: 110px;
}

.wgFooter__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 435px;
    text-align: left;
    margin-left: 55px;

	
}
.wgFooter__content h1{
	font-size: 14px;
	color: #1e1e1e;
	line-height: 7px;
}