@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*{-webkit-tap-highlight-color:transparent}html,body{width:100%;min-width:1200px;background:#fff;font-family:"Microsoft JhengHei",Arial,sans-serif;color:#000}a{text-decoration:none}.hide{zoom:1;filter:alpha(opacity=0);opacity:0}.wrap{width:100%;min-width:1200px;position:relative;overflow:hidden}.wrap img{display:block;width:100%}.header ul.nav li.active{pointer-events:none}.footer .footer_info{width:100%;height:60px;background:#e5e5e5;overflow:hidden}.footer .footer_info .info_l{float:left;width:295px}.footer .footer_info .info_r{float:right;width:530px}.main{width:100%;position:relative}.index{width:100%;height:calc(100vh - 61px - 92px);min-height:547px;position:relative}.index .bg1{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:url(../images/index_bg1.png) no-repeat top center}.index .bg2{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:url(../images/index_bg2.png) no-repeat top center}.index .bg3{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:url(../images/index_bg3.png) no-repeat top center}.index .HelloLine{width:99px;position:absolute;top:37px;left:20px;z-index:3}.index .toSignup{display:block;width:149px;height:181px;background:url(../images/toSignup_btn.png) no-repeat top left;position:absolute;top:8px;right:7px;z-index:3;text-indent:100%;white-space:nowrap;overflow:hidden}.index .toSignup:hover{background:url(../images/toSignup_btn.png) no-repeat bottom left}.index .toMessage{display:block;width:140px;height:111px;background:url(../images/toMessage_btn.png) no-repeat top left;position:absolute;top:195px;right:11px;z-index:3;text-indent:100%;white-space:nowrap;overflow:hidden}.index .toMessage:hover{background:url(../images/toMessage_btn.png) no-repeat bottom left}.index .content{width:1200px;height:547px;position:absolute;top:0;left:50%;z-index:2;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.index .content .index_title{width:317px;height:294px;position:absolute;top:6px;left:692px;z-index:2}.index .content .nb{width:279px;height:229px;position:absolute;top:309px;left:724px;z-index:2}.index .content .toDesign{display:block;width:134px;height:105px;background:url(../images/toDesign_btn.png) no-repeat top left;position:absolute;top:355px;left:975px;z-index:3;text-indent:100%;white-space:nowrap;overflow:hidden}.index .content .toDesign:hover{background:url(../images/toDesign_btn.png) no-repeat bottom left}@-moz-keyframes waveAni{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(10deg);transform:rotate(10deg)}}@-webkit-keyframes waveAni{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes waveAni{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-webkit-transform:rotate(10deg);transform:rotate(10deg)}}.redbottom{background:#f1f6f9}.redbottom::after{content:"";display:block;width:100%;height:235px;background:#e60012;position:absolute;bottom:0;left:0;z-index:1}.inner{width:100%;background:url(../images/inner_bg.png);position:relative;z-index:2}.inner .content{width:1100px;margin:auto;position:relative;z-index:2}.inner .area{width:100%;position:relative}.inner .ptop{padding:100px 0 0 0}.c2{background:#beebe8}.c2::after{content:"";display:block;width:100%;height:100%;background:url(../images/inner_bg.png);position:absolute;top:0;left:0;z-index:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:.3}.c3{background:#f9cfdd}.c3::after{content:"";display:block;width:100%;height:100%;background:url(../images/inner_bg.png);position:absolute;top:0;left:0;z-index:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=23);opacity:.23}.c4{background:#d8daf1}.c4::after{content:"";display:block;width:100%;height:100%;background:url(../images/inner_bg.png);position:absolute;top:0;left:0;z-index:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:.3}.c5{background:#e5e7e6}.c5::after{content:"";display:block;width:100%;height:100%;background:url(../images/inner_bg.png);position:absolute;top:0;left:0;z-index:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=44);opacity:.44}.popup{display:none;width:100%;height:100%;background:rgba(0,0,0,0.8);position:fixed;top:0;left:0;z-index:99}.popup .awardContent{font-family:"Noto Sans TC","微軟正黑體";width:727px;background:#fff;position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid #e60012;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:20px;color:#000;font-size:12px}.popup .awardContent p.t{font-size:24px;color:#e60012;text-align:center;line-height:34px}.popup .awardContent ul{margin:5px 0 0 0}.popup .awardContent ul li{border-bottom:2px dotted #000;padding:13px 0 13px 0;text-align:center}.popup .awardContent ul li:last-child{border-bottom:0}.popup .awardContent ul li p{font-size:18px;color:#e60012;text-align:center;line-height:38px}.popup .awardContent ul li span{margin:0 5px;line-height:24px}.popup .close_popup{display:block;width:60px;height:60px;background:#e60012 url(../images/close_icon.png) no-repeat center;position:absolute;top:-4px;right:-70px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.popup .close_popup:hover{background:#000 url(../images/close_icon.png) no-repeat center}