@charset "UTF-8";

/*--通用設定----------------------------------------------*/

html,body{
	background:#313338;
	font-size:24px;
	font-style: normal;
	font-weight: normal;
	font-family:Helvetica , Arial, '微軟正黑體', 'Microsoft JhengHei';
}
.flex{margin:0 auto; max-width:1920px; min-width:1100px;} /*頁面固定寬*/
.lightbox{display: none;}
.grid{padding-top:1px;/*修正 margin 無效的 bug*/}









/*--主選單----------------------------------------------*/
nav{background:#1d1922 url(../image/menu-bg.gif) repeat-x bottom; height:120px; box-shadow:0 2px 2px rgba(0,0,0,.2); width:100%; position: fixed; z-index:99999999999999;}
ul.menu, ul.menu li{margin:0; padding:0; list-style: none;}
ul.menu{display:block; margin:0 auto; width:1000px;}
ul.menu li{float:left; width:200px; display:block;}
ul.menu li a{display:block; text-decoration: none; height:120px; transition:all .3s;}
ul.menu li:nth-child(2) a{background:url(../image/menu-1-blur.png) no-repeat;}
ul.menu li:nth-child(2) a:hover{background:url(../image/menu-1-focus.png) no-repeat;}
ul.menu li:nth-child(3) a{background:url(../image/menu-2-blur.png) no-repeat;}
ul.menu li:nth-child(3) a:hover{background:url(../image/menu-2-focus.png) no-repeat;}
ul.menu li:nth-child(4) a{background:url(../image/menu-3-blur.png) no-repeat;}
ul.menu li:nth-child(4) a:hover{background:url(../image/menu-3-focus.png) no-repeat;}
ul.menu li:nth-child(5) a{background:url(../image/menu-4-blur.png) no-repeat;}
ul.menu li:nth-child(5) a:hover{background:url(../image/menu-4-focus.png) no-repeat;}



/*--主視覺----------------------------------------------*/
.lay-main{background: url(../image/background.jpg) no-repeat top center; position: relative; height:2825px;}
.logo{display:block; margin:0 auto; padding-top:20px; width:439px;}
.share, .share li{margin:0; padding:0; list-style: none}
.share{z-index:999999999; position: fixed; right:20px; bottom: 100px; margin:0; padding:0; background:#1d1922; width:77px; border-radius: 70px; border:4px solid #ffca23;}
.share:hover{z-index:9999999999; box-shadow: 0 0 5px rgba(140,66,192,1);}
.share li{display:inline-block;}
.share li a{display:block; width:77px; height:77px; transition:all 0.3s;}
.share li a:hover{transition:all 0.3s;}
.share li a span{display:none;}
.share li:nth-child(1) a{background:url(../image/share-1-fb.png) no-repeat;}
.share li:nth-child(1) a:hover{background:url(../image/share-1-fb-focus.png) no-repeat;}
.share li:nth-child(2) a{background:url(../image/share-2-android.png) no-repeat;}
.share li:nth-child(2) a:hover{background:url(../image/share-2-android-focus.png) no-repeat;}
.share li:nth-child(3) a{background:url(../image/share-3-apk.png) no-repeat;}
.share li:nth-child(3) a:hover{background:url(../image/share-3-apk-focus.png) no-repeat;}
.share li:nth-child(4) a{background:url(../image/share-4-apple.png) no-repeat;}
.share li:nth-child(4) a:hover{background:url(../image/share-4-apple-focus.png) no-repeat;}
.share li:nth-child(5) a{background:url(../image/share-6-baha.png) no-repeat;}
.share li:nth-child(5) a:hover{background:url(../image/share-6-baha-focus.png) no-repeat;}
a.goto{position:fixed; bottom:530px; right:20px; text-decoration: none; cursor:pointer; display:block; width:77px; height:77px; background:#1d1922 url(../image/top.png) no-repeat; border-radius: 70px; border:4px solid #ffca23; transition:all .3s;}
a.goto:hover{background:#1d1922 url(../image/top-focus.png) no-repeat;}
.titleDesc{margin:170px 0 0 50px; width:620px;}
.desc{margin:20px 0;}
a.ceo{display:block; margin:0 0 20px 0; padding:10px 0; width:250px; color:#fff; text-align:center; text-decoration: none; box-shadow: 0 0 20px #00aeff; border-radius: 50px; -webkit-animation:bgColor 2s ease-in-out infinite; -moz-animation:bgColor 2s ease-in-out infinite; animation:bgColor 2s ease-in-out infinite; transform:scale(1,1); transition:all .3s;}
a.ceo:hover{transform:scale(1.1,1.1);}

@-webkit-keyframes bgColor{
  0%{background:#00aeff;}
  50%{background:#094f70;}
  100%{background:#00aeff;}
}
@-moz-keyframes bgColor{
  0%{background:#00aeff;}
  50%{background:#094f70;}
  100%{background:#00aeff;}
}
@keyframes bgColor{
  0%{background:#00aeff;}
  50%{background:#094f70;}
  100%{background:#00aeff;}
}



/*--請多指教---------------------------------------------------*/
.photos .desc{margin:250px 0 0 270px; padding-top:60px; background:url(../image/des-bg.png) no-repeat; width:830px; height:150px; text-align: center;}

.npcNote{margin:150px auto 0; width:952px;}

.npc{margin:0 auto; padding:35px 230px 5px 50px; background: url(../image/npc-background.png) no-repeat; width:672px; height:213px; color:#b9913e;}
.npc span, .import span{color:#ffde43;}

.import{margin:20px 0; padding:10px 0 0 150px; width:802px; background: url(../image/face.png) left center no-repeat; color:#b9913e; height:150px;}
.threeItems{padding-top:15px;}
.threeItems span{display:inline-block; background: url(../image/dot.png) no-repeat left center; padding-left:15px;}

ul.locals, ul.locals li{margin:0; padding:0; list-style: none;}
ul.locals{margin:0 auto; width:950px;}
ul.locals li{position: relative; display:inline-block; width:310px; height:136px; background:url(../image/act-bg.png) no-repeat; -webkit-transform:scale(1,1); -webkit-transition:all .3s; -moz-transform:scale(1,1); -moz-transition:all .3s; transform:scale(1,1); transition:all .3s;}
ul.locals li:hover{-webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}
.no{position: absolute; top:34px; left:17px; color:#e6b30e; font-size:16px; width:16px; line-height:18px;}
.hello{position:absolute; top:16px; left:75px; font-size:18px; color:#fff;}
.hello h4{margin:0; font-size:26px;}
.photoBorder{position:absolute; top:1108px; left:calc(50% - 429px); background:url(../image/photo-border.png) no-repeat; width:858px; height:535px; z-index:99999;}



/*--中獎名單---------------------------------------------------*/
.lay-gift{padding-bottom:50px; background: #fff;}
.lay-gift h3{text-align:center; font-size:36px;}
.lay-gift h3 em{display:inline-block; padding:15px 0 0 0; color:#ffde43; font-style:normal; background: url(../image/gift-bg.png) no-repeat left center; width:327px; height:56px;}
.unGift, .focusNote, .privacy{display:none; font-size:24px;}
.heyFocusNote, .heyPrivacy{cursor:pointer; text-decoration: underline}
.giftList{width:900px; margin:0 auto; font-size:24px;}
.giftList tr{border-bottom: #e9e6ec 1px solid;}
.giftList th, .giftList td{padding:10px 0 10px 20px;}
.giftList th{text-align:left; background:#e9e6ec; color:#ae8708;}
.giftList tr:hover td{background:#fefde3; color:#bf7a18;}
.btnLine{text-align:center; width:900px; font-size:24px;}
.nowBtn{margin:30px auto 20px; padding:20px 0; display:inline-block; width:250px; font-size:36px; text-decoration: none; text-align:center; color:#000; border-radius:25px; box-shadow:0 2px 2px rgba(0,0,0,.6); transition:all .3s; text-shadow: 0 1px 0 rgba(255,255,255,.35);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc700+0,ff9900+100 */
background: #ffc700; /* Old browsers */
background: -moz-linear-gradient(top, #ffc700 0%, #ff9900 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffc700 0%,#ff9900 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffc700 0%,#ff9900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc700', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
}
.nowBtn:hover{box-shadow: 0 0 0 rgba(0,0,0,0);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9900+0,ff7b00+100 */
background: #ff9900; /* Old browsers */
background: -moz-linear-gradient(top, #ff9900 0%, #ff7b00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff9900 0%,#ff7b00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff9900 0%,#ff7b00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff7b00',GradientType=0 ); /* IE6-9 */}
.focusNote, .privacy{position:relative; margin:0 auto; width:920px;}
.focusContent{width:90%; padding:5%; background:#ffc700; font-size:18px; height:300px; overflow:auto;}
.focusContent a{background:#1d082b; color:#baff00; text-decoration: none;}
.focusclose{position: absolute; top:15px; right:0; display:block; background:url(../image/focusClose.png) no-repeat; width:29px; height:29px; cursor:pointer; transform:rotate(0deg); transition:all 1s;}
.focusclose:hover{transform:rotate(360deg);}



/*--滿版訊息框-------------------------------------------------*/
a.magic{background:#0c0035; color:yellow; text-decoration: none;}
.full-page{position:fixed; z-index:9999999999999; width:100%; height:100%; background: rgba(0,0,0,.85);}
.msg-box{transform:translateY(-50%); top:50%; margin:0 auto; width:399px; background:#1e151d; color:#6e6221; position:relative; text-align:center;}
.msg-box header{position:relative; background:url(../image/card-title.jpg) no-repeat; width:399px; height:144px;}
.msg-box a.close{position: absolute; top:10px; right:10px; display:block; text-decoration: none; width:29px; height:29px; transform:rotate(0deg); transition:all 1s; cursor:pointer;}
.msg-box a.close:hover{transform:rotate(360deg);}
.msg-box .content{background: url(../image/card-bg.jpg) no-repeat bottom center; width:399px; height:400px;}
.msg-box .content header{margin:30px 0; padding-top:40px; background: url(../image/ceo.png) no-repeat top center; font-size:24px; color:#beaa36;}
.msg-box .content header h3{margin:0; padding:0;}

.yourPhoto{margin:-100px auto 20px; width:100px; height:100px; border-radius: 100px; overflow:hidden;}
.twoLinks a{margin:5px auto; text-align:center; padding:10px 0; text-align:center; text-decoration: none; display:block; font-size:30px; color:#beaa36; border-radius:50px; width:90%; border:#beaa36 1px solid; transition:all .3s;}
.twoLinks a:hover{color:#cfba3a; border:#cfba3a 1px solid;}
.shareToMyFB{display:block; padding:25px 0; width:100%; font-size:30px; color:#fff; text-decoration: none; text-align:center; -webkit-animation:myFB 1s infinite; -moz-animation:myFB 1s infinite; animation:myFB 1s infinite;}
@-webkit-keyframes myFB{
    0%{background:#2b519e;}
    50%{background:#1f3e7b;}
    100%{background:#2b519e;}
}
@-moz-keyframes myFB{
    0%{background:#2b519e;}
    50%{background:#1f3e7b;}
    100%{background:#2b519e;}
}
@keyframes myFB{
    0%{background:#2b519e;}
    50%{background:#1f3e7b;}
    100%{background:#2b519e;}
}



/*--注意事項--------------------------------------------*/
.lay-foo{padding:50px 0; background:#e9e6ec;}
.lay-foo header{text-align:center;}
.lay-foo ul li ol, .lay-foo ul li ol li{margin:0; padding:0; list-style: none;}
.lay-foo ul li ol{margin:20px 0;}
.lay-foo ul li ol li{margin-left:15px; padding-left:7px; list-style-image: url(../image/flag.png);}
.lay-foo ul li ol li, .lay-foo ul li ol li a{color:#757575;}



/*--footer---------------------------------------------*/
.lay-footer{margin-top:-2px; padding:0; text-align:center; background:#313338;}



/*--簡易RWD的設定--*/




/*--輪播的照片--*/
.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
/*畫布*/
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    /*ossian*/
    margin:20px auto 30px;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    padding-bottom:20px;
}

/*縮圖*/
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
    border:white 5px solid;
    box-shadow:0 5px 5px rgba(0,0,0,0.3);
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/*場景置中*/
.lSSlideOuter{width:830px; text-align:center; position: relative;}
/* slider actions */
.lSAction{position: absolute;}
.lSAction > a {
    width: 32px;
    display: block;
    bottom: 50%;
    height: 32px;
    background-image: url('../image/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 999999999999;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
/*上一頁*/
.lSAction{width:100%; bottom:45%;}
.lSAction > .lSPrev {
  position: absolute;
    background-position: 0 0;
    left: 20px;
}
/*下一頁*/
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 20px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}



.gralley {width:830px; margin:0 auto; text-align:center; position:relative;}
.gralley ul {list-style: none outside none; padding-left: 0; margin-bottom:0;}
.gralley li {display: block; float: left; cursor:pointer;}
.gralley img {display: block; height: auto; max-width: 100%;}
.maxPhoto{width:830px; height:480px; overflow:hidden;}