* { -webkit-text-size-adjust: none; margin: 0px; padding: 0px; }
body { margin: 0; padding: 0; font-size: 14px; font-family: '微軟正黑體', sans-serif; background:url(../images/bg.jpg) no-repeat top center; color:#0c3388; }
body, html { width: 100%; height: 100%; }
body, ul, li { margin: 0; padding: 0; }
ul, li { list-style: none; }
a:link, a:visited { color: #fff; text-decoration: none; }
a:hover, a:active { color: #000; }
input, textarea { font-size: 14px; font-family: '微軟正黑體', sans-serif; }
img { border: 0px; }
.clear { clear: both; }
.row { width: 100%; margin: 0 auto; position: relative; }
.row:after { clear: both; display: table; content: ""; }
button:focus { outline: none; }
/***** general *****/
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#warning { background-color: #242c2e; color: #ccc; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 99; }
#warning .copy { font-size: 12px; line-height: 16px; margin: 5px 40px 7px 20px; }
#warning .close { position: absolute; width: 20px; height: 20px; top: 5px; right: 20px; cursor: pointer; }
#warning a { color: #ccc; }
#warning a:hover { color: #ffffff; }
#wrapper { width: 100%; max-width:1126px; margin: 0 auto; }
#container { width: 100%; height: 100%; background-color:#ffffff; }
#footer { position: relative; width: 100%; text-align: center; color: #fff; background: #000000; padding: 5px 0; z-index: 6; font-size: 12px; }
#footer b { font-weight: normal; }
#footer a:hover, #footer a:active { color: #fff; }
#header { background: #FFF; padding-bottom:30px; }
#header #head { width: 100%; margin: 0px auto; max-width: 964px; }
#header .logo { text-align: center; margin: 0 auto; width: 100%; padding: 20px 0; position:relative; }
#header .logo .share { position:absolute; bottom:10px; right:0; font-family: "Times New Roman",serif; font-weight:bold; font-size:14px; color:#000000; }
#header .logo .share a, #header .share_m a { width: 30px; height: 30px; display: inline-block; vertical-align:middle; }
#header .logo .share a.share_waibo, #header .share_m a.share_waibo { background: url(../images/share_wb.gif) no-repeat; }
#header .logo .share a.share_qq, #header .share_m a.share_qq { background: url(../images/share_qq.gif) no-repeat; }
#header .share_m { display:none; }
.topmenu { top: 30px; background: #FFF; z-index: 9 }
.animenu_location { display: none; }
.animenu__toggle { display: none; }
.animenu { display: block; width: 100%; background: #FFF; z-index: 9; top: 0px; }
.animenu ul { list-style: none; }
.animenu li { text-align: center; }
.animenu li, .animenu a { display: inline-block; font-size: 16px; }
.animenu a { color: #000; text-decoration: none; }
.animenu__nav { background: #FFF; text-align: center; border-bottom:3px solid #252c2f; border-top:3px solid #252c2f; }
.animenu__nav > li { position: relative; }
.animenu__nav > li > a { text-transform: uppercase; font-family: "Times New Roman",serif; font-weight:bold; padding:8px 30px; }
.animenu__nav > li > a.ico:before { content: ''; background: url(../images/nb.png) no-repeat 0 0; width: 29px; height: 21px; display: inline-block; vertical-align: top; margin-right: 5px; }
.animenu__nav > li > a:first-child:nth-last-child(2):before { content: ""; position: absolute; border: 4px solid transparent; border-bottom: 0; border-top-color: currentColor; top: 50%; margin-top: -2px; right: 10px; }
.animenu__nav > li:hover > ul { opacity: 1; visibility: visible; margin: 0; }
.animenu__nav > li:hover > a { color: #666; }
.animenu__nav > li:hover > a.ico:before { background-position: 0 -21px; }
.animenu__nav__child { min-width: 100%; position: absolute; top: 100%; left: 0; z-index: 1; opacity: 0; visibility: hidden; margin: 20px 0 0 0; background-color: #373737; -webkit-transition: margin .15s, opacity .15s; transition: margin .15s, opacity .15s; }
.animenu__nav__child > li { width: 100%; border-bottom: 1px solid #515151; }
.animenu__nav__child > li:first-child > a:after { content: ''; position: absolute; height: 0; width: 0; left: 1em; top: -6px; border: 6px solid transparent; border-top: 0; border-bottom-color: inherit; }
.animenu__nav__child > li:last-child { border: 0; }
.animenu__nav__child a { padding: 10px; width: 100%; border-color: #373737; }
.animenu__nav__child a:hover { color: #fff; }
.animenu__nav--open { display: block !important; }
.animenu__nav--open .animenu__nav__child { display: block; }
.sfixed { position: fixed; z-index:9; text-align: center; width: 100%; margin: 0 auto; left: 0; right: 0; z-index: 19 }
.sfixed .animenu__nav { border:0; }
.inner { text-align: center; position: relative; }
.inner .title { font-size: 57px; color: #000; vertical-align: middle; line-height: 30px; padding: 30px 0 10px; text-align: center; font-weight: bold; }
.inner .title .icon { margin-bottom: 10px; }
.inner h3 { font-size: 22px; font-weight: normal; margin: 7px 0; }
.inner h2 { font-size: 34px; font-weight: normal; margin: 7px 0; }
.view_mob { display: none; }
.view_desk { display: block; }
.bg { background:url(../images/bg_content2.jpg) top right; position:relative; padding-top:90px; }
.bg:before { content:''; width:100%; height:90px; background:url(../images/bg_content1.jpg) no-repeat top center; position:absolute; top:0; }
a.btn { color:#000000; padding:1% 7%; background:url(../images/btn.gif); font-size:24px; font-weight:bold; display:inline-block; text-align:center; }
a.btn:hover { color:#ffffff; }
.shadow { -webkit-box-shadow: -3px 4px 8px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: -3px 4px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: -3px 4px 8px 0px rgba(0, 0, 0, 0.5); }
/***** home *****/
#home { position: relative; width:100%; max-width:964px; margin:0 auto; }
#home img { width:100%; display:block; }
#home a.btn { position:absolute; top:80%; right:14%; }
/***** gwd *****/
#gwp { position:relative; z-index:1; margin-top:-50px; padding-bottom:50px; padding-top:20px; }
#gwp .title { background:url(../images/gwp_title.png) no-repeat top center; width:100%; height:114px; position:relative; }
#gwp .title:after { content:''; background:url(../images/gwp_flower.png) no-repeat top right; background-size:100%; width:23%; height:250px; position:absolute; top:-20px; right:3%; }
#gwp .gift { width:95%; max-width:962px; margin:0 auto; font-size:30px; font-weight:bold; position:relative; padding-bottom:30px; }
#gwp .gift p { margin-left:40px; margin-bottom:15px; margin-top:5px; width:47%; }
#gwp .gift p.remark { margin-left:40px; font-size:14px; margin-top:20px; }
#gwp .gift a.btn { margin-left:40px; }
#gwp .gift a.btn.view_desk { display:inline-block; }
#gwp .gift a.btn.view_mob { display:none; }
#gwp .gift a.btn:hover { -webkit-box-shadow: -3px 4px 8px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: -3px 4px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: -3px 4px 8px 0px rgba(0, 0, 0, 0.5); }
#gwp .gift .pdt img { display:block; margin:0 auto; }
#gwp .gift1 { padding-top:40px; }
#gwp .gift1 .pdt { position:absolute; top:30px; left:50%; }
#gwp .gift1 .pdt img { width:100%; max-width:338px; }
#gwp .gift2 { padding-top:30px; }
#gwp .gift2 .pdt { position:absolute; top:-100px; left:50%; }
#gwp .gift2 .pdt img { max-width:526px; }
/***** trex *****/
#trex { position:relative; z-index:1; padding-top:20px; }
#trex .title { background:url(../images/trex_title.png) no-repeat top center; width:100%; height:114px; position:relative; }
#trex .title:after { content:''; background:url(../images/trex_flower.png) no-repeat top right; background-size:100%; width:23%; height:250px; position:absolute; top:-20px; left:1%; }
#trex .pdt_list { font-size:30px; font-weight:bold; margin:50px 82px 0; }
#trex .pdt_list p { font-size:22px; font-family: '微软雅黑', sans-serif; text-align:center; margin:15px 0 20px; }
#trex .pdt_list p span { display:inline-block; padding:7px 0; border-top:1px solid #0c3388; border-bottom:1px solid #0c3388; }
#trex .pdt_list a.btn { min-width:230px; height:50px; line-height:50px; padding-top:0; padding-bottom:0; }
#trex .pdt_list a.btn:hover { -webkit-box-shadow: -3px 4px 8px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: -3px 4px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: -3px 4px 8px 0px rgba(0, 0, 0, 0.5); }
#trex .pdt_list li { width:50%; max-width:481px; text-align:center; float:left; margin-bottom:20px; }
#trex .pdt_list li .pdt img { width:100%; max-width:480px; display:block; margin:0 auto; }
#trex .pdt_list li.pdt3 { width:100%; max-width:962px; margin:0 auto; clear:both; float:none; }
#trex .pdt_list li.pdt3 .pdt img { max-width:774px; }
#trex .pdt_list li.pdt3 p { margin-top:-6%; }
#trex p.remark { font-size:14px; margin:20px 2%; }
/***** coupon *****/
#coupon { border-bottom:3px solid #ff8e00; border-top:3px solid #ff8e00; position:relative; }
#coupon img.coupon_bg { display:block; width:100%; }
#coupon .btn_download a img { display:block; position:absolute; top:78%; left:59%; max-width:302px; }
/***** guide *****/
#guide { padding: 30px 0 50px; }
#guide .step .title { background:url(../images/guide_title.png) no-repeat top center; width:100%; height:90px; position:relative; }
#guide .step .cont { width: 100%; padding: 20px 0px; text-align: left; z-index: 2; font-size: 20px; left: 0; float: left; margin-top: 30px; line-height: 30px; }
#guide .step:after { clear: both; display: table; content: ""; }
#guide .step a.btn { margin-top:20px; }
#guide .step a.btn:hover { -webkit-box-shadow: -3px 4px 8px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: -3px 4px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: -3px 4px 8px 0px rgba(0, 0, 0, 0.5); }
#guide .step .lc { margin-top: 40px; margin: 0px 7%; }
#guide .step .lc:after { clear: both; display: table; content: ""; }
#guide .step .lc ul { margin-top: 40px; }
#guide .step .lc ul li:after { content: ""; position: absolute; width: 12px; height: 22px; display: block; background: url(../images/icon_next_step.png) center center no-repeat; top: 75px; right: -4px; }
#guide .step .lc ul li:last-child:after { display: none; }
#guide .step .lc ul li { width: 25%; float: left; position: relative; text-align:center; }
#guide .step .lc ul li .icon { width: 60px; height: 60px; margin: 10px auto; position: relative; }
#guide .step .lc ul li .icon.setp1 { background: url(../images/step_01.png) no-repeat center center; }
#guide .step .lc ul li .icon.setp2 { background: url(../images/step_02.png) no-repeat center center; }
#guide .step .lc ul li .icon.setp3 { background: url(../images/step_03.png) no-repeat center center; }
#guide .step .lc ul li .icon.setp4 { background: url(../images/step_04.png) no-repeat center center; }
#guide .step .lc ul li .desc { width: 90%; margin: 0 auto; text-align: center; font-size: 16px; }
#guide .step .lc ul li .desc strong { font-size: 18px; font-family: '微软雅黑', sans-serif; }
#guide .step .lc ul li .desc .pt { font-size:14px; margin-top:5px; }
#guide .step .lc ul li .head { font-size:20px; font-weight:bold; font-family: '微软雅黑', sans-serif;}
#guide .step .lc ul li .head span { display:inline-block; border-bottom:1px solid #003388; padding:0 20px 5px; }
#guide .step .lc ul li .head b { font-size:30px; font-family:Arial, Helvetica, sans-serif; }
#guide .other { font-size: 12px; line-height: 20px; margin-top: 30px; text-align:center; }
#guide .other a { text-decoration: underline; }
#guide .other a:hover { color: #eb1b23; }
a#gototop { display: none; background: url(../images/btn_top.png) no-repeat; width: 46px; height: 46px; position: fixed; bottom: 12px; right: 12px; z-index: 10; opacity: 0.8; filter: alpha(opacity=80); }
a#gototop:hover { opacity: 1; filter: alpha(opacity=100); }
