@charset "utf-8";
@media screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation: portrait){ 
/*body                      {background: #f00;}*/
}
@media screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation: landscape){ 
/*body                      {background: #ff0;}*/
}
@media screen and (max-device-width: 640px) and (orientation: portrait){
/*body                      {background: #f00;}*/    
}
html                      {width: 100%; height: 100%;}
body                      {width: 100%; min-width: 1280px; font-size: 100%;}
div.bg                    {position: absolute; width: 100%; height: 100%; min-width: 980px; background: url("../images/bg.jpg"); background-position: center;}
.preHide                  {display: none;}
div.main                  {position: relative; width: 100%; min-width: 1280px; height: 4881px;/*4932*/ overflow: hidden; background: url("../images/bg.jpg"); background-position: center; display: none;}
div.patternLeft           {position: absolute; width: 315px; height: 100%; left: 0px; top: 0px; background: url("../images/doodle_left.png");}
div.patternRight          {position: absolute; width: 315px; height: 100%; right: 0px; top: 0px; background: url("../images/doodle_right.png");}

/*nav*/
div.navBox                {position: absolute; width: 100%; height: 90px; background: #f5f5f5; left: 0px; top: 0px;}
div.navBoxIn              {position: relative; width: 1280px; height: 90px; margin:  0 auto;}
div.navBoxL               {position: absolute; width: 1280px; height: 90px; background: #f5f5f5; left: -1280px;}
div.navBoxR               {position: absolute; width: 1280px; height: 90px; background: #f5f5f5; left: 1280px;}
div.logo                  {position: absolute; width: 131px; height: 41px; left: 27px; top: 29px;}
div.navRight              {position: absolute; width: 401px; height: 29px; right: 0px; top: 33px;}

/*sec_0*/
div.sec_0                 {position: absolute; width: 1280px; height: 910px; left: 50%; top: 90px; margin-left: -640px;}
div.sec_0_tit_0           {position: absolute; width: 338px; height: 36px; left: 37px; top: 46px;}
div.sec_0_tit_1           {position: absolute; width: 531px; height: 252px; left: 31px; top: 105px;}
div.sec_0_tit_2           {position: absolute; width: 469px; height: 105px; left: 64px; top: 319px;}
div.starL                 {position: absolute; width: 387px; height: 408px; left: 561px; top: 36px;}
div.starL img             {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
div.starR                 {position: absolute; width: 397px; height: 433px; left: 876px; top: 38px;}
div.starR img             {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
div.starLIn               {position: absolute; width: 10%; height: 10%; right: 0%; bottom: 0%;}
div.starRIn               {position: absolute; width: 10%; height: 10%; left: 0%; bottom: 0%;}
div.pad                   {position: absolute; width: 979px; height: 597px; left: 258px; top: 471px;}
div.padVideoFrame         {position: absolute; width: 788px; height: 487px; left: 89px; top: 48px;}
div.familyModel           {position: absolute; width: 663px; height: 466px; left: 562px; top: 168px;}
div.modelSide             {position: absolute; width: 417px; height: 804px; left: -81px; top: 506px;}
div.boom                  {position: absolute; width: 279px; height: 315px; left: -17px; top: 434px;}
div.boom div              {position: absolute; width: 0%; height: 0%; left: 50%; top: 50%;}
div.boom div img          {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
/*sec_1*/
div.sec_1                 {position: absolute; width: 1280px; height: 1342px; left: 50%; top: 1100px; margin-left: -640px;/**/ background: url("../images/transparent.gif");}
div.sec_1_0               {position: absolute; width: 536px; height: 455px; left: 4px; top: 27px;/*227-100-100*/}
div.sec_1_1               {position: absolute; width: 364px; height: 408px; left: 48px; top: 103px;/*303-100-100*/}
div.sec_1_2               {position: absolute; width: 346px; height: 122px; left: 53px; top: 262px;/*490-100-100*/ color: #313131; font-family: "微軟正黑體",Arial; font-weight: bold; font-size: 0.9375em;/*15px*/ line-height: 25px;}
div.sec_1_3               {position: absolute; width: 333px; height: 377px; left: 380px; top: 46px;/*246-100-100*/}
div.sec_1_4               {position: absolute; width: 1218px; height: 517px; left: 60px; top: 182px;/*282-100*/}
div.sec_1_5               {position: absolute; width: 406px; height: 214px; left: 866px; top: 12px;/*212-100-100*/}
div.sec_1_6               {position: absolute; width: 366px; height: 360px; left: 913px; top: 61px;/*161-100*/}
div.sec_1_7               {position: absolute; width: 406px; height: 214px; left: 933px; top: 195px;/*395-100-100*/}
div.sec_1_8               {position: absolute; width: 146px; height: 108px; left: 935px; top: 359px;/*559-100-100*/}
div.sec_1_9               {position: absolute; width: 1157px; height: 658px; left: 57px; top: 648px;/*748-100*/}
div.sec_1_10              {position: absolute; width: 536px; height: 457px; left: 683px; top: 599px;/*799-100-100*/}
div.sec_1_11              {position: absolute; width: 357px; height: 201px; left: 866px; top: 684px;/*884-100-100*/}
div.sec_1_12              {position: absolute; width: 349px; height: 85px; left: 871px; top: 908px;/*1108-100-100*/}
/*sec_2*/
div.sec_2                 {position: absolute; width: 1280px; height: 1322px; left: 50%; top: 2342px; margin-left: -640px; background: url("../images/transparent.gif");}
div.sec_2_0               {position: absolute; width: 736px; height: 243px; left: -1px;/*49-50*/ top: -20px;/*105-125*/}
div.sec_2_1               {position: absolute; width: 370px; height: 225px; left: 697px;/*747-50*/ top: -4px;/*121-125*/}
div.sec_2_2               {position: absolute; width: 298px; height: 436px; left: 856px;/*906-50*/ top: -70px;/*55-125*/}
div.sec_2_3               {position: absolute; width: 550px; height: 562px; left: 10px;/*60-50*/ top: 222px;/*347-125*/}
div.sec_2_4               {position: absolute; width: 559px; height: 641px; left: 605px;/*655-50*/ top: 176px;/*301-125*/}
div.sec_2_5               {position: absolute; width: 1155px; height: 385px; left: 10px;/*60-50*/ top: 800px;/*925-125*/}
div.sec_2_3 div           {position: absolute; left: 0%; top: 0%; width: 100%; height: 100%;}
div.sec_2_4 div           {position: absolute; left: 0%; top: 0%; width: 100%; height: 100%;}
div.sec_2_5 div           {position: absolute; left: 0%; top: 0%; width: 100%; height: 100%;}
div.sec_2_3 img           {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
div.sec_2_4 img           {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
div.sec_2_5 img           {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
div.sec_2_3 div.readMore  {position: absolute; width: 240px; height: 96px; left: 260px; top: 391px;}
div.sec_2_4 div.readMore  {position: absolute; width: 240px; height: 96px; left: 26px; top: 312px;}
div.sec_2_5 div.readMore  {position: absolute; width: 240px; height: 96px; left: 433px; top: 208px;}
div.sec_2_6               {position: absolute; width: 337px; height: 347px; left: 988px; top: 1104px;}
/*sec_3*/
div.sec_3                 {position: relative; width: 1280px; height: 1149px; left: 50%; top: 3664px; margin-left: -640px; background: url("../images/transparent.gif");}
div.sec_3_0               {position: absolute; width: 1053px; height: 266px; left: 52px; top: 8px;}
div.sec_3_1               {position: absolute; width: 252px; height: 257px; left: 988px; top: 892px;}
div.sideFrameBox          {position: absolute; width: 201px; height: 576px; left: 62px; top: 331px;}
div.sideFrameList         {position: relative; width: 100%;}
div.sideFrame             {position: relative; width: 201px; height: 141px; margin-bottom: 4px; cursor: pointer;}
div.sideFrameBg           {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
div.sideFrameContent      {position: absolute; width: 172px; height: 112px; left: 10px; top: 10px; overflow: hidden;}
div.mainFrame             {position: absolute; width: 937px; height: 575px; left: 281px; top: 331px;}
div.mainFrameBg           {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
div.mainFrameContent      {position: absolute; width: 890px; height: 530px; left: 18px; top: 18px; overflow: hidden;}
div.mainFrameContentList  {position: relative; width: 100%;}
div.mainFrameContentItem  {position: relative; width: 890px; height: 530px;}

div.goTop                 {position: absolute; width: 159px; height: 96px; left: 122px; top: 963px; cursor: pointer;}
div.visit                 {position: absolute; width: 409px; height: 96px; left: 577px; top: 963px; cursor: pointer;}
div.buynow                {position: absolute; width: 249px; height: 96px; left: 302px; top: 963px; cursor: pointer;}

div.floatBox              {position: absolute; width: 1280px; height: 1450px; left: 0; top: 0; background: url("../images/transparent.gif");}
div.floatBoxL             {position: absolute; width: 1000px; height: 100%; left: -1000px; top: 0px; background: url("../images/transparent.gif");}
div.floatBoxR             {position: absolute; width: 1000px; height: 100%; right: -1000px; top: 0px; background: url("../images/transparent.gif");}
div.floatItem2            {position: absolute; width: 1180px; height: 1200px; left: 50px; top: 125px; background: url("../images/transparent.gif");}
div.floatItem2_0          {position: absolute; width: 1180px; height: 1200px; left: 50px; top: 125px; background: url("../images/transparent.gif");}
div.floatItem2_1          {position: absolute; width: 1180px; height: 1200px; left: 50px; top: 125px; background: url("../images/transparent.gif");}

div.floatItem0            {position: absolute; width: 1280px; height: 910px; top: 0px; left: 0px; background: url("../images/transparent.gif");}
div.floatItem0_0          {position: absolute; width: 1280px; height: 910px; top: 0px; left: 0px; background: url("../images/transparent.gif");}
div.floatItem0_1          {position: absolute; width: 1280px; height: 910px; top: 0px; left: 0px; background: url("../images/transparent.gif");}

div.floatItem1            {position: absolute; width: 1280px; height: 1342px; top: 0px; left: 0px; background: url("../images/transparent.gif");}
div.floatItem1_0          {position: absolute; width: 1280px; height: 1342px; top: 0px; left: 0px; background: url("../images/transparent.gif");}
div.floatItem1_1          {position: absolute; width: 1280px; height: 1342px; top: 100px; left: 0px; background: url("../images/transparent.gif");}

div.clickArea             {position: absolute;; width: 1280px; height: 1450px; left: 0; top: 0; background: url("../images/transparent.gif");}
div.episodeBtn1           {position: absolute; width: 484px; height: 468px; left: 97px; top: 388px; cursor: pointer; background: url("../images/transparent.gif");}
div.episodeBtn2           {position: absolute; width: 464px; height: 496px; left: 641px; top: 370px; cursor: pointer; background: url("../images/transparent.gif");}
div.episodeBtn3           {position: absolute; width: 1155px; height: 385px; left: 59px; top: 923px; cursor: pointer; background: url("../images/transparent.gif");}









div.footer                {position: absolute; width: 100%; height: 120px; top: 4813px; background: #fff; left: 0px;}
div.footerR               {position: absolute; width: 1000px; height: 121px; left: -1000px; top: 0px; background: #fff;}
div.footerL               {position: absolute; width: 1000px; height: 121px; right: -1000px; top: 0px; background: #fff;} 


div.navBoxIn {
  width: 1180px;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
/* line 75, ../sass/partials/_page.scss */
div.navBox nav {
  float: right;
  margin-right: 235px;
  padding-top: 22px;
}
/* line 79, ../sass/partials/_page.scss */
div.navBox nav a {
  color: #AFB2B6;
  font-size: 0.8125em;/*13px*/
  text-decoration: none;
  text-transform: capitalize;
}
/* line 94, ../sass/partials/_page.scss */
div.navBox .social {
  /*float: right;*/
  margin-top: 46px;
  margin-bottom: 0;
  right: 0px;
  top: 0px;
  position: absolute;
}
/* line 98, ../sass/partials/_page.scss */
div.navBox .social iframe {
  border: none;
  overflow: hidden;
  width: 90px;
  height: 21px;
  margin-top: 5px;
}
/* line 101, ../sass/partials/_page.scss */
div.navBox .social li {
  float: right;
  list-style: none;
}
/* line 105, ../sass/partials/_page.scss */
div.navBox .social .share {
  width: 23px;
  height: 23px;
  display: block;
  background: url('../images/share.png');
  margin-right: 5px;
  margin-top: -3px;
  text-indent: -9999em;
  content: attr(title);
}
/* line 114, ../sass/partials/_page.scss */
div.navBox .social .share.twitter {
  background-position: -46px 0;
}
/* line 117, ../sass/partials/_page.scss */
div.navBox .social .share.googleplus {
  background-position: -23px 0;
}
/* line 120, ../sass/partials/_page.scss */
div.navBox .social .share.facebook {
  background-position: 0 0;
}
/* line 125, ../sass/partials/_page.scss */
div.navBox .social .buy {
  font-family: Arial;
  font-size: 0.8125em;/*13px*/
  margin-right: 1em;
  padding-right: 1em;
  /*border-right: 1px solid #AFB2B6;*/
  line-height: 29px;
  display: block;
  height: 16px;
}
div.navBox .social .buy img {
  margin-top: -35px;
}

{

}
/* line 125, ../sass/partials/_page.scss */
div.navBox .social .buy {
  font-family: Arial;
  font-size: 0.8125em;/*13px*/
  margin-right: 1em;
  padding-right: 1em;
  /*border-right: 1px solid #AFB2B6;*/
  line-height: 29px;
}
div.navBox a {
  text-decoration:none;
  color: #AFB2B6;
}

div.navBox a:hover {
  color: #51545B;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

div.footerCenter .footerLeft {
  float: left;
  width: 588px;
  color: rgb(155, 148, 152);
  margin: 20px auto 70px;
  font-size: 0.8125em;/*13px*/
}
/* line 680, ../sass/partials/_page.scss */
div.footerCenter .footerRight {
  float: left;
  width: 360px;
  margin-top: 20px;
}

div.footerCenter ul li {
  padding: 0 8px;
  float: left;
  border-left: 1px solid #9B9498; 
}
div.footerCenter a {
  text-decoration:none;
  color: #AFB2B6;
}

div.footerCenter a:hover {
  color: #51545B;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
div.footerCenter {position: relative; width: 980px; height: 100%; margin: 0 auto; font-size: 0.8125em;/*13px*/ color: #9b9498;}

div.wtbListBox   {position: absolute; width: 168px; right: 26px; top: 79px; overflow: auto; display: none;}
div.wtbItem      {position: relative; width: 100%; height: 36px; color: #b54000; font-family: Arial; line-height: 36px; font-size: 12px; text-align: center;}
div.wtbListBox a{color: #b5b2b6; text-decoration: none;}
div.wtbListBox div:hover{opacity: 0.5;}
div.wtbLine      {position: relative; width: 115px; height: 1px; background: #f1b604; margin: 0 auto;}
div.wtb_bg       {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #ffd900; opacity: 0.9;}
a.linkPlatForm   {margin: 0 4px;}