﻿@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}.formData .personalData input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;outline-style:none;border:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}*{-webkit-tap-highlight-color:transparent}a{text-decoration:none}.hide{zoom:1;filter:alpha(opacity=0);opacity:0}body{position:relative;font-family:"微軟正黑體"}#jSplash{width:329px;height:214px;background:url(../images/loading.png) no-repeat;margin:auto}.wrap{position:relative;width:100%;height:100vh;min-width:1000px;min-height:845px;overflow:hidden;background:#fff url(../images/bg_point.png) no-repeat top center}.wrap::before{content:"";display:block;pointer-events:none;border-color:#ff7373 transparent transparent #ff7373;border-style:solid solid solid solid;border-width:101vh 100vw 0px 0px;height:0px;width:0px;position:fixed;top:0;left:0;z-index:99;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.wrap::after{content:"";display:block;pointer-events:none;border-color:transparent #ff7373 #ff7373 transparent;border-style:solid solid solid solid;border-width:101vh 100vw 0px 0px;height:0px;width:0px;position:fixed;right:0;bottom:0;z-index:99;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.open::before{content:"";display:block;border-color:#ff7373 transparent transparent #ff7373;border-style:solid solid solid solid;border-width:80px 270px 0px 0px;height:0px;width:0px;position:fixed;top:0;left:0;z-index:99}.open::after{content:"";display:block;border-color:transparent #ff7373 #ff7373 transparent;border-style:solid solid solid solid;border-width:116px 300px 0px 0px;height:0px;width:0px;position:fixed;right:0;bottom:0;z-index:99}.header{position:relative;width:1000px;height:80px;margin:auto;z-index:90}.header .logo{display:block;position:absolute;top:23px;left:20px;width:157px;height:34px;background:url(../images/logo_day.png) no-repeat top left}.header .logo:hover{background:url(../images/logo_day.png) no-repeat bottom left}.header .rule{display:block;width:88px;height:24px;background:url(../images/rule_btn_day.png) no-repeat top left;position:absolute;top:35px;right:70px;text-indent:100%;white-space:nowrap;overflow:hidden}.header .rule:hover{background:url(../images/rule_btn_day.png) no-repeat bottom left}.header .fb_share{display:block;width:39px;height:39px;position:absolute;top:20px;right:15px;background:url(../images/fb_icon.png) no-repeat top left}.header .fb_share:hover{background:url(../images/fb_icon.png) no-repeat bottom left}.main{width:1000px;height:765px;margin:auto;position:relative;z-index:90}.main .title{width:684px;height:216px;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(../images/title.png) no-repeat top left;position:absolute;top:0px;left:170px;z-index:1}.adam_girl,.outlander_girl,.msi_girl{width:240px;height:590px;background:url(../images/girl2_bg.png) no-repeat bottom left;-moz-background-size:100% auto;-o-background-size:100% auto;-webkit-background-size:100% auto;background-size:100% auto;position:absolute;bottom:0;left:380px;z-index:2;-moz-transform:scale(.8);-ms-transform:scale(.8);-webkit-transform:scale(.8);transform:scale(.8);-moz-transition:all,.6s;-o-transition:all,.6s;-webkit-transition:all,.6s;transition:all,.6s}.adam_girl .girl,.outlander_girl .girl,.msi_girl .girl{pointer-events:none;width:300px;height:530px;background:url(../images/adam_girl.png) no-repeat 0px 0px;-moz-background-size:800% auto;-o-background-size:800% auto;-webkit-background-size:800% auto;background-size:800% auto;position:absolute;top:-4px;left:-35px;z-index:1}.adam_girl .girl.turn,.outlander_girl .girl.turn,.msi_girl .girl.turn{-moz-animation:gAni 3.6s steps(8) 0s;-webkit-animation:gAni 3.6s steps(8) 0s;animation:gAni 3.6s steps(8) 0s}.adam_girl .girl.right,.outlander_girl .girl.right,.msi_girl .girl.right{background:url(../images/adam_girl_right.png) no-repeat}.adam_girl .girl.left,.outlander_girl .girl.left,.msi_girl .girl.left{background:url(../images/adam_girl_left.png) no-repeat}.adam_girl .adam_product,.outlander_girl .adam_product,.msi_girl .adam_product{width:192px;height:86px;background:url(../images/adam_p.png) no-repeat;position:absolute;top:140px;left:24px;z-index:1;-moz-animation:pAni .6s linear 0s infinite alternate;-webkit-animation:pAni .6s linear 0s infinite alternate;animation:pAni .6s linear 0s infinite alternate}.adam_girl a.link,.outlander_girl a.link,.msi_girl a.link{display:block;width:100%;height:90%;position:absolute;top:0;left:0;z-index:3;text-indent:100%;white-space:nowrap;overflow:hidden}.adam_girl a.vote,.outlander_girl a.vote,.msi_girl a.vote{display:block;width:52px;height:46px;background:url(../images/heart.png) no-repeat top left;position:absolute;top:245px;right:10px;z-index:4;text-indent:100%;white-space:nowrap;overflow:hidden;display:none}.adam_girl a.brand,.outlander_girl a.brand,.msi_girl a.brand{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;width:127px;height:44px;background:url(../images/adam_logo.png) no-repeat top left;position:absolute;bottom:10px;left:56px;z-index:4}.adam_girl a.brand:hover,.outlander_girl a.brand:hover,.msi_girl a.brand:hover{background:url(../images/adam_logo.png) no-repeat bottom left}.adam_girl::before,.outlander_girl::before,.msi_girl::before{content:"";display:block;width:253px;height:111px;pointer-events:none;background:url(../images/msg.png) no-repeat top left;position:absolute;top:-105px;left:-6px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-transition:all,.6s;-o-transition:all,.6s;-webkit-transition:all,.6s;transition:all,.6s}.show_msg{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.show_msg::before{content:"";display:block;width:253px;height:111px;background:url(../images/msg.png) no-repeat top left;position:absolute;top:-115px;left:-6px;filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}.show_heart::after{content:"";display:block;width:350px;height:630px;pointer-events:none;background:url(../images/hani.png) no-repeat 0px 0px;-moz-background-size:700% auto;-o-background-size:700% auto;-webkit-background-size:700% auto;background-size:700% auto;position:absolute;top:-210px;left:-72px;z-index:1;-moz-animation:hAni 1s steps(7) 0s forwards;-webkit-animation:hAni 1s steps(7) 0s forwards;animation:hAni 1s steps(7) 0s forwards}.outlander_girl{background:url(../images/girl1_bg.png) no-repeat bottom left;-moz-background-size:100% auto;-o-background-size:100% auto;-webkit-background-size:100% auto;background-size:100% auto;position:absolute;bottom:0;left:55px;z-index:2}.outlander_girl .girl{background:url(../images/outlander_girl.png) no-repeat 0px 0px;-moz-background-size:800% auto;-o-background-size:800% auto;-webkit-background-size:800% auto;background-size:800% auto;position:absolute;top:-4px;left:-30px;z-index:1}.outlander_girl .girl.right{background:url(../images/outlander_girl_right.png) no-repeat}.outlander_girl a.brand{width:194px;height:32px;background:url(../images/outlander_logo.png) no-repeat top left;position:absolute;bottom:20px;left:22px;z-index:4}.outlander_girl a.brand:hover{background:url(../images/outlander_logo.png) no-repeat bottom left}.msi_girl{background:url(../images/girl3_bg.png) no-repeat bottom left;-moz-background-size:100% auto;-o-background-size:100% auto;-webkit-background-size:100% auto;background-size:100% auto;position:absolute;bottom:0;left:705px;z-index:2}.msi_girl .girl{background:url(../images/msi_girl.png) no-repeat 0px 0px;-moz-background-size:800% auto;-o-background-size:800% auto;-webkit-background-size:800% auto;background-size:800% auto;position:absolute;top:-4px;left:-25px;z-index:1}.msi_girl .girl.left{background:url(../images/msi_girl_left.png) no-repeat}.msi_girl a.brand{width:136px;height:42px;background:url(../images/msi_logo.png) no-repeat top left;position:absolute;bottom:12px;left:54px;z-index:4}.msi_girl a.brand:hover{background:url(../images/msi_logo.png) no-repeat bottom left}@-moz-keyframes gAni{0%{background-position:0 0}100%{background-position:114.29% 0}}@-webkit-keyframes gAni{0%{background-position:0 0}100%{background-position:114.29% 0}}@keyframes gAni{0%{background-position:0 0}100%{background-position:114.29% 0}}@-moz-keyframes pAni{0%{-moz-transform:translateY(0);transform:translateY(0)}100%{-moz-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes pAni{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes pAni{0%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}100%{-moz-transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px)}}@-moz-keyframes hAni{0%{-moz-transform:translate(0, 100px) scale(.8);transform:translate(0, 100px) scale(.8);background-position:0 0}100%{-moz-transform:translate(50px, -100px) scale(1.2);transform:translate(50px, -100px) scale(1.2);background-position:116.67% 0}}@-webkit-keyframes hAni{0%{-webkit-transform:translate(0, 100px) scale(.8);transform:translate(0, 100px) scale(.8);background-position:0 0}100%{-webkit-transform:translate(50px, -100px) scale(1.2);transform:translate(50px, -100px) scale(1.2);background-position:116.67% 0}}@keyframes hAni{0%{-moz-transform:translate(0, 100px) scale(.8);-ms-transform:translate(0, 100px) scale(.8);-webkit-transform:translate(0, 100px) scale(.8);transform:translate(0, 100px) scale(.8);background-position:0 0}100%{-moz-transform:translate(50px, -100px) scale(1.2);-ms-transform:translate(50px, -100px) scale(1.2);-webkit-transform:translate(50px, -100px) scale(1.2);transform:translate(50px, -100px) scale(1.2);background-position:116.67% 0}}.popup{width:100%;height:100%;background:rgba(255,115,115,0.4);position:fixed;top:0;left:0;z-index:9999}.formData{display:none}.formData .content{width:580px;height:550px;background:#fff url(../images/form_bg.png) no-repeat top left;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%)}.formData a.close_btn{width:34px;height:34px;background:url(../images/close_btn.png) no-repeat top left;position:absolute;top:15px;right:15px;text-indent:100%;white-space:nowrap;overflow:hidden}.formData .personalData{width:445px;margin:305px auto 0 auto;overflow:hidden}.formData .personalData label{display:block;width:70px;float:left;font-size:18px;line-height:30px;font-weight:bold;color:#ff7373;margin:0 0 10px 0}.formData .personalData input{display:block;width:375px;height:30px;float:left;border:2px solid #ff7373;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;margin:0 0 10px 0;padding:0 5px;font-size:16px;line-height:30px;color:#222;font-family:"微軟正黑體"}.formData .personalData input[type=checkbox]{width:25px;height:25px;margin:0 0 0px 0}.formData .personalData input[type=checkbox]:checked{background:url(../images/icon_chk.png) no-repeat center;-moz-background-size:84% auto;-o-background-size:84% auto;-webkit-background-size:84% auto;background-size:84% auto}.formData .personalData p{float:left;width:414px;font-size:14px;line-height:18px;color:#ff7373;margin:0 0 0px 6px}.formData .personalData p a{color:#ff7373}.formData .personalData p a:hover{text-decoration:underline}.send{display:block;width:120px;height:32px;background:#ff7373;font-size:18px;font-weight:bold;letter-spacing:2px;line-height:32px;color:#fff;font-family:"微軟正黑體";text-align:center;margin:auto}.formData.night .content{background:#222 url(../images/form_bg.png) no-repeat top left}.formData.night input{color:#fff}.fin{display:none}.fin .content{width:580px;height:550px;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%)}.fin a.close_btn{width:34px;height:34px;background:url(../images/close_btn.png) no-repeat top left;position:absolute;top:15px;right:15px;text-indent:100%;white-space:nowrap;overflow:hidden}.fin img{display:block}.fin.night .content{background:#222}.wrap.night{background:#222 url(../images/bg_point.png) no-repeat top center}.wrap.night .header .logo{background:url(../images/logo_night.png) no-repeat top left}.wrap.night .header .logo:hover{background:url(../images/logo_night.png) no-repeat bottom left}.wrap.night .header .rule{background:url(../images/rule_btn_night.png) no-repeat top left}.wrap.night .header .rule:hover{background:url(../images/rule_btn_night.png) no-repeat bottom left}.wrap.night .main .title{background:url(../images/title.png) no-repeat bottom left}
