@charset "utf-8";
											.WatchEasyInfoA{		 background-color:#f4f4f4; } .WatchEasyInfoA>.outBox{ padding:30px 0 0 0; } @media screen and (max-width:768px){ .WatchEasyInfoA{		 background-color:transparent; } .WatchEasyInfoA>.outBox{ padding:6.04vw 0 2.9vw 0; } }															 .WatchEasyInfoA>.outBox{ width:85%; max-width: 1200px; margin:0 auto; position:relative; } .WatchEasyInfoA .vAlign { display: inline-block; vertical-align: middle; width: 0; height: 100%; } .WatchEasyInfoA .imgA{ background-position:center; background-repeat:no-repeat; background-size:contain; } .WatchEasyInfoA .column{ display:inline-block; vertical-align:top; } .WatchEasyInfoA .columnA{ display:inline-block; vertical-align:middle; } .WatchEasyInfoA .columnB{ display:inline-block; vertical-align:bottom; } .WatchEasyInfoA .unit{ position:relative; padding:20px 0; max-width:800px; background-color:#FFF; } .WatchEasyInfoA .inBox{ position:relative; } .WatchEasyInfoA .imgBox{ width:188px; height:0; padding-top:180px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .WatchEasyInfoA .imgBox img{ width:100%; height:100%; opacity:0; } .WatchEasyInfoA .info{ width:calc(100% - 188px - 295px); max-width:535px; /*padding-left:25px;*/ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .WatchEasyInfoA .other{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .WatchEasyInfoA .otherA{ position:absolute; right:0; bottom:0; display:none; } .WatchEasyInfoA .otherB{ display:block; padding-top: 12px; } .WatchEasyInfoA .bName{ font-size: 20px; padding-bottom: 10px; } .WatchEasyInfoA .sName{ font-size:16px; } .WatchEasyInfoA .name{ font-size:17px; } .WatchEasyInfoA .price{ color:#be935c; font-size:17px; } .WatchEasyInfoA .date{ color:#787878; font-size:12px; padding-left:5px; } .WatchEasyInfoA .cBox{ position: absolute; bottom: calc((188px - 40px) / 2); right: 0; text-align: right; width: calc(100% - 188px); -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-right: 30px; } .WatchEasyInfoA .guageBox{ display:inline-block; vertical-align:top; width:60px; max-width:100px; padding-left:13px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align:center; } .WatchEasyInfoA .guage{ width:100%; position: relative; } .WatchEasyInfoA .guage .progress { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } .WatchEasyInfoA .guage .pText { display: inline-block; vertical-align: middle; font-size: 18px; color:#222; font-family: 'Helvetica'; } .WatchEasyInfoA .guage .pTextA{ color:#be9664; }												.WatchEasyInfoA .gName{						 font-size:12px;						}												.WatchEasyInfoA .gNameA{ display:block; } .WatchEasyInfoA .gNameB{ display:none; }												/*===BEGIN__廣告區塊===*/						.WatchEasyInfoA .rBox{ position:absolute; right:0; top:30px; } .WatchEasyInfoA .AdBanner{						 cursor:pointer;							min-width:300px;							width: 300px;							opacity:0;							position:absolute; right:0; top:0;						}												.WatchEasyInfoA .AAdBannerA{/*setFollow用*/							position:absolute;							top:0;							right:0;						}												.WatchEasyInfoA .AdBanner .headBox{ width:100%; height:50px; font-size:12px; line-height:57px; color:#a9a9a9; text-align:left; } .WatchEasyInfoA .AdBanner .flashBox,.WatchEasyInfoA .AdBanner .youtubeBox{ width: 300px;							height:600px;							pointer-events: none; }												.WatchEasyInfoA .AdBanner .adBox{						 width:100%;						 height:600px;						 background-position:center;						 background-repeat: no-repeat;						 background-size:cover;						 background-color:#f8f8f8;						}												.WatchEasyInfoA .AdBanner iframe{						 width:300px !important;							height:600px !important;;						 overflow:hidden !important;;						 border:0 !important;;						}												.WatchEasyInfoA .price_tip{						 width:20px;						 height:20px;						 line-height:20px;						 text-align:center;						}												.WatchEasyInfoA .unitA{ padding:20px 0 50px 0; }												.WatchEasyInfoA .commentary{ position: relative; margin:0 auto; width: 92%; padding-top: 35px; border-top: 1px #d2d2d2 solid; } .WatchEasyInfoA .commentary .lBox { width: 100%; color: #787878; } .WatchEasyInfoA .commentary .icon { width: 20px; height: 20px; background-image: url(/tw/images/common/comment.svg); } .WatchEasyInfoA .commentary .title { font-size: 14px; color: #606060; width: 60px; text-align: center; } .WatchEasyInfoA .commentary .description { font-size: 14px; color: #606060; line-height: 1.8em; width: calc(100% - 80px); text-align: justify; }												@media screen and (max-width: 1340px){						 .WatchEasyInfoA>.outBox{ width: 80%; margin: 0 auto; }						 						 .WatchEasyInfoA .rBox{						 display:none;						 }						 						 .WatchEasyInfoA .unit{ max-width:100%; }						}										 @media screen and (max-width:768px){						 .WatchEasyInfoA{							 PPADDINGB							 BBGCOLORB						 }						 						 .WatchEasyInfoA .columnA{ vertical-align:top; }						 						 .WatchEasyInfoA>.outBox{						 width:90%;						 }						 						 .WatchEasyInfoA .rBox{						 display:none;						 }						 						 .WatchEasyInfoA .imgBox{						 width:24.15vw;						 height:0;						 padding-top:30.83vw;						 }						 						 .WatchEasyInfoA .info{						 padding-left:4.83vw;						 width:calc(100% - 24.15vw);						 }						 						 .WatchEasyInfoA .other{						 padding-left:4.83vw;						 width:calc(100% - 24.15vw);						 }						 						 .WatchEasyInfoA .otherA{ display:block; } .WatchEasyInfoA .otherB{ display:none; }						 						 .WatchEasyInfoA .bName{ font-size:4.83vw; padding-bottom: 0; } .WatchEasyInfoA .sName{ font-size:3.86vw; } .WatchEasyInfoA .name{ font-size:3.86vw; }						 						 .WatchEasyInfoA .price{ font-size:4.11vw; } .WatchEasyInfoA .date{ font-size:3.38vw; padding-left:1.69vw; } .WatchEasyInfoA .cBox{ position:static; width:100%; padding:4.83vw 0 0 0; margin:0 auto; text-align:left; padding-right:0; } .WatchEasyInfoA .guageBox{ padding-left:0vw; padding-right:5.07vw; width:16%; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; } .WatchEasyInfoA .guageBoxA{ padding-left:4.5vw; padding-right:9.42vw; } .WatchEasyInfoA .guage .pText { font-size: 5.5vw; } .WatchEasyInfoA .gName{ font-size: 3.62vw; } .WatchEasyInfoA .gNameA{ display:none; } .WatchEasyInfoA .gNameB{ display:block; font-size:2.9vw; font-weight:400; margin-bottom:1.93vw; } .WatchEasyInfoA .price_tip{ width:4.83vw; height:4.83vw; line-height:4.83vw; } .WatchEasyInfoA .unitA{ padding:0 0 20px 0; } .WatchEasyInfoA .commentaryA { display: block; margin: 20px auto 0 auto; } .WatchEasyInfoA .commentary .title { width: auto; text-align: left; padding:0 0 0 0.4em; } .WatchEasyInfoA .commentary .description { display:block; width:100%; padding:0.5em 0 0 0; text-align: justify; }						}