#ctr .pro { position: absolute; width: 430px; height: 300px; left: -10px; bottom: 30px; overflow: hidden; }
#ctr .pro .lst { position: absolute; width: 9999px; height: 300px; left: 430px; top: 0px; }
#ctr .pro .lst img { position: relative; width: 430px; height: 300px; float: left; }
#ctr .pro .lst img.tw7000 { width: 380px; height: auto; margin: 10px 25px; }
#ctr .pro .lst img.tw5400 { width: 380px; height: auto; margin: 54px 25px; }
#ctr .pro .lst img.auto-height { height: auto; margin: 20px auto;}
#ctr .fuc { position: absolute; width: 410px; height: 45px; left: 5px; bottom: 20px; overflow: hidden; }
#ctr .fuc > div { position: absolute; width: 410px; height: 45px; left: 0px; top: 0px; text-align: center; }
#ctr .fuc > div > a { display: inline-block; position: relative; width: auto; height: 45px; font-size: 18px; letter-spacing: 1px; line-height: 43px; border: 1px solid #fff; padding: 0 30px 0 40px; color: #fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#ctr .fuc > div > a:before { content: url(../images/lkicw.png); position: absolute; width: 20px; height: 20px; left: 18px; top: 4px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#ctr .fuc > div > a:hover { background: #fff; color: #000; }
#ctr .fuc > div > a:hover:before { left: 15px; top: 2px; content: url(../images/lkicb.png); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
#ctr .fuc > div .rp { margin-right: 5px; }
#ctr .fuc > div .rp:after { content: "看編輯實測"; }
#ctr .fuc > div .rps { display: inline-block; position: relative; width: auto; height: 45px; font-size: 18px; letter-spacing: 1px; line-height: 43px; border: 1px solid #fff; padding: 0 20px 0 20px; color: #fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; }
#ctr .fuc > div .rps:before { content: "看編輯實測"; }
#ctr .fuc > div .rps > a { display: inline-block; line-height: 22px; width: 22px; height: 22px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#ctr .fuc > div .rps > a:hover { background: #fff; color: #000; }
#ctr .fuc > div .comingsoon:hover { cursor: default; background: none; color: black; background: #fff; }
#ctr .fuc > div .comingsoon:hover:before { left: 18px; top: 4px; content: url(../images/lkicb.png); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
#ctr .fuc > div .comingsoon:hover:after { content: "敬請期待！"; }
#ctr .fuc > div .mr:after { content: "探索規格"; }
#ctr .ct { position: absolute; width: 570px; height: 230px; right: -30px; bottom: 40px; overflow: hidden; }
#ctr .ct > div { background: url(../images/ctbg.png) repeat; position: absolute; width: 100%; height: 230px; left: 0px; top: 0px; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding: 10px 20px; display: none; }
#ctr .ct > div .tp { position: relative; width: 100%; height: 30px; text-align: right; font-style: italic; font-size: 22px; line-height: 30px; color: #0077c3; }
#ctr .ct > div .qa { position: relative; width: 100%; height: auto; }
#ctr .ct > div .qa .q { display: block; position: relative; width: 100%; text-align: left; font-weight: bold; font-size: 16px; line-height: 30px; padding-left: 25px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#ctr .ct > div .qa .q:before { content: url(../images/ctar.png); position: absolute; width: 20px; height: 20px; left: 0px; top: 4px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; animation: qar 0.6s infinite linear; -webkit-animation: qar 0.6s infinite linear; }
#ctr .ct > div .qa .op { color: #fff; }
#ctr .ct > div .qa .op:before { top: 5px; left: 1px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); animation: none; -webkit-animation: none; }
#ctr .ct > div .qa .a { position: relative; width: 100%; height: auto; text-align: left; padding: 0 0 0 5px; color: #aaa; display: none; }
#ctr .rc { display: none; }
#ctr .rc .nm, #ctr .rc .ov, #ctr .rc .vs { position: absolute; width: 100%; height: 100%; }
#ctr .rc .ov { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
#ctr .rc a { cursor: default; }
#ctr .rc1 { position: absolute; width: 360px; height: 185px; left: 70px; bottom: 270px; }
#ctr .rc1 .nm { background: url(../images/rc/nm2.png) no-repeat center; }
#ctr .rc1 .ov { background: url(../images/rc/ov1.png) no-repeat center; }
#ctr .rc1 .vs { background: url(../images/rc/vs2.png) no-repeat center; }
#ctr .rc1 .link { background: url(../images/rc/lk.png) no-repeat center; height: 95px; bottom: -10px; cursor: pointer;}
#ctr .rc1 a { position: absolute; width: 190px; height: 75px; right: 0px; bottom: 20px; }
#ctr .rc2 { position: absolute; width: 360px; height: 185px; left: 70px; bottom: 270px; }
#ctr .rc2 .nm { background: url(../images/rc/nm2.png) no-repeat center; }
#ctr .rc2 .ov { background: url(../images/rc/ov2.png) no-repeat center; }
#ctr .rc2 .vs { background: url(../images/rc/vs2.png) no-repeat center; }
#ctr .rc2 a { position: absolute; width: 190px; height: 75px; right: 0px; bottom: 20px; }
#ctr .rc3 { position: absolute; width: 360px; height: 185px; left: 20px; bottom: 250px; }
#ctr .rc3 .nm { background: url(../images/rc/nm3.png) no-repeat center; }
#ctr .rc3 .ov { background: url(../images/rc/ov3.png) no-repeat center; }
#ctr .rc3 .vs { background: url(../images/rc/vs3.png) no-repeat center; }
#ctr .rc3 a { position: absolute; width: 190px; height: 75px; left: 0px; bottom: 20px; }

#ctr .pro .lst img.product-u05, #ctr .pro .lst img.product-u42 {
  margin: 68px 27px;
  height: 164px;
  width: 376px;
}

#ctr .pro .lst img.product-EB-2255U {
  height: 287px;
  width: 430px;
  margin: 7px 0;
}

#ctr .ct > div {
  overflow-y: auto !important;
}

#ctr .fuc.office2, #ctr .fuc.home1, #ctr .fuc.home3, #ctr .fuc.home2, #ctr .fuc.home4 {
  width: 630px;
  left: -105px;
}

#ctr .fuc.office2 > div, #ctr .fuc.home1 > div, #ctr .fuc.home3 > div, #ctr .fuc.home2 > div, #ctr .fuc.home4 > div {
  width: 630px;
}

#ctr .fuc > div .mr.ex:after {
  content: "親身體驗";
}

 #ctr .fuc.home2 > div:first-child {
  margin-left: -10px;
 }

@keyframes qar { from { left: 0px; }
  50% { left: -2px; }
  to { left: 0px; } }