@charset "utf-8";
											.WatchContentF{		 margin:0 auto; padding:50px 0 50px 0; background-color:#fff; } .WatchContentF>.outBox{ margin:0 auto; padding-top:20px; } @media screen and (max-width:768px){ .WatchContentF{		 padding:0 0 calc(50px + 0vw) 0; } .WatchContentF>.outBox{ } }																				 					 #content{					 background-color:#FFF !important;					 }					 						.WatchContentF{/*主框架CSS*/							width:100%;							max-width:1120px;							position:relative;							color:#282828;						}						.WatchContentF .watchBox{						 width:100%;						 height:100%;						}												.WatchContentF .imageBox{						 display:inline-block;						 vertical-align:top;						 position:relative;						 width:50%;						 /*height:581px;*/						 height:auto;						}												.WatchContentF .wImage{						 position:relative;						 display:inline-block;						 vertical-align:middle;						 width:calc(100% - 5px);						 height:480px;						 background-position:center;						 background-repeat: no-repeat;						 background-size:contain;						 margin:45px 0 0 0;						}												.WatchContentF .wImage img{						 display:none;						}												.WatchContentF .iconAward{						 position:absolute;						 top:25px;						 right:1%;						 width:128px;						 height:115px;						}												.WatchContentF .iconBox{						 position:absolute;						 bottom:0;						 right:8%;						 width:50px;						}												.WatchContentF .icon{						 width: 50px; height: 60px; background-position:center;						 background-repeat: no-repeat;						 background-size: contain;						}												.WatchContentF .iconCOSC{ background-image: url(/tw/images/common/icon-cosc.svg);						}												.WatchContentF .iconGeneva{ background-image: url(/tw/images/common/icon-geneva.svg);						}												.WatchContentF .iconMETAS{ background-image: url(/tw/images/common/icon-metas.svg?1); transform:scale(0.8);						}												.WatchContentF .iconGPHG{ background-image: url(/tw/images/common/icon-GPHG-golden.svg?1); transform:scale(0.95);						}												.WatchContentF .iconNew{ background-image: url(/tw/images/common/new.svg);						}												.WatchContentF .iconDscn{ background-image: url(/tw/images/common/discontinued.svg);						}												.WatchContentF .iconLE{ background-image: url(/tw/images/common/icon_limited_edition.svg);						}												.WatchContentF .details{						 display:inline-block;						 vertical-align:top;						 margin-left:4%;						 width:42%;						 height:auto;						}												.WatchContentF .details .row{						 width:100%;						 color:#282828;						 font-family:						}												.WatchContentF .brandName{						 						}												.WatchContentF .brandName .en{						 display:inline-block;						 vertical-align:bottom;						 font-size:36px;						 font-weight: 400;						 line-height:36px;						 padding-right:10px;						}												.WatchContentF .brandName .local{						 display:inline-block;						 vertical-align:bottom;						 font-size:30px;						 line-height:34px;						}												.WatchContentF .goSeries{						 color: #be935c;						}												.WatchContentF .modelName{						 padding-top:12px;						 font-size:20px;						 width: 90%;						 margin: 0 auto;						}												.WatchContentF .price{						 margin-top:20px;						 position:relative;						}												.WatchContentF .price .amount{						 display:inline-block;						 vertical-align:bottom;						 font-size:20px;						 font-weight:400;						 font-family: Helvetica, 'Noto Sans TC', Sans-Serif;						 color:#be935c;						 line-height:20px;						}												.WatchContentF .price .date{						 display:inline-block;						 vertical-align:bottom;						 font-size:14px;						 font-family: Helvetica, sans-serif;						 color:#787878;						 line-height:15px;						 padding-left:24px;						}												.WatchContentF .price .dateA{						 display:none;						}												.WatchContentF .addCBtn{						 width: 100px; height: 28px; visibility:visible;						}												.WatchContentF .addCTextA { cursor: pointer; margin-top: 35px; text-align: center; width: 100%; height: 100%; font-size: 13px; line-height: 28px; border: 1px #c9c9c9 solid; color: #7a7a7a; }												.WatchContentF .addCTextB { border: 1px #be935c solid;						 background-color:#be935c;						 color: #FFF; }												.WatchContentF .details .specBox{						 margin-top:0px;						 font-size: 14px						}												.WatchContentF .details .specBoxA{						 margin-top:38px;						 margin-bottom:0px;						 font-size: 14px;						}												.WatchContentF .details .boxBtn{						 cursor:pointer;						 line-height:46px;						 height:46px;						 border-top:1px #d2d2d2 solid;						 border-bottom:1px #d2d2d2 solid;						 position:relative;						 color:#606060;						}												.WatchContentF .details .boxBtnA{						 border-top:none;						}												.WatchContentF .details .boxBtn .icon{						 position:absolute;						 width:30px;						 height:100%;						 top:0;						 right:0;						 font-size:28px;						 text-align:center;						 color:#787878;						}												.WatchContentF .details .infoBox{						 display:none;						 margin:0 0 18px 0;						}												.WatchContentF .details .boxShow{						 display:block;						}												.WatchContentF .details .infoText .column{						 display:inline-block;						 vertical-align:top;						 width:20%;						 color:#9e9e9e;						}												.WatchContentF .details .infoText .description{						 display:inline-block;						 vertical-align:top;						 width:70%;						 color:#606060;						}												.WatchContentF .details .infoText{						 margin:15px 0 0 0;						}												.WatchContentF .details .noticeBox{						 color:#989898;						 font-size:14px;						 margin-top:18px;						}												.WatchContentF .details .plus{						 position:relative;						 width:100%;						 height:100%;						}												.WatchContentF .details .plus .part1{						 position:absolute;						 top:50%;						 left:calc(50% - 7px);						 width:15px;						 height:1px;						 background-color:#787878;						}												.WatchContentF .details .plus .part2{						 position:absolute;						 top:calc(50% - 7px);						 left:50%;						 width:1px;						 height:15px;						 background-color:#787878;						 transition: all 0.3s; -moz-transition: all 0.3s; /* Firefox 4 */ -webkit-transition: all 0.3s; /* Safari 和 Chrome */ -o-transition: all 0.3s; /* Opera */						}												.WatchContentF .details .plus .part2A{						 height:1px;						 top:calc(50%);						}												.WatchContentF .commonA{						 display:block;						}												.WatchContentF .commonB{						 display:none;						}												.WatchContentF .gallery{						 display:none !important;						}												.WatchContentF .gallery{						 position:absolute;						 left:0;						 bottom:20px;						 top:594px;						 width:100%;						 font-size:14px;						 text-align:center;						}												.WatchContentF .gallery span{						 cursor:pointer;						 color: #787878;						}												.WatchContentF .details .shareBox{						 margin-top:18px;						}												.WatchContentF .shareBox_1{						 /*position:absolute;						 bottom:-30px;						 left:0;*/						 margin:24px 0 18px 0;						 width:100%;						 text-align:center;						}												.WatchContentF .shareBox_1 li{						 display: inline-block;						 vertical-align: middle; text-indent: -9999px; background-image: url(/tw/images/common/social-iconsA.svg); background-size: cover; width: 35px; height: 35px; opacity: 0.4; margin-left: 4px; cursor: pointer;						}												.WatchContentF .shareBox_1 li{						 display:none;						}												.WatchContentF .shareBox_1 li:hover{opacity: 1.0}												.WatchContentF .shareBox_1 a:nth-child(1) li{background-position: 0 0;}						/*.WatchContentF .details .shareBox a:nth-child(2) li{background-position: -109px 0;}*/ .WatchContentF .shareBox_1 a:nth-child(2) li{background-position: -37px 0;} .WatchContentF .shareBox_1 a:nth-child(3) li{background-position: -73px 0;}												.WatchContentF .details .shareBox li{						 display: inline-block; text-indent: -9999px; background-image: url(/tw/images/common/social-icons.svg); background-size: cover; width: 35px; height: 35px; opacity: 0.4; margin-left: 4px; cursor: pointer;						}												.WatchContentF .details .shareBox li:hover{opacity: 1.0}												.WatchContentF .details .shareBox a:nth-child(1) li{background-position: 0 0;}						/*.WatchContentF .details .shareBox a:nth-child(2) li{background-position: -109px 0;}*/ .WatchContentF .details .shareBox a:nth-child(2) li{background-position: -37px 0;} .WatchContentF .details .shareBox a:nth-child(3) li{background-position: -73px 0;} 												/*===BEGIN_editorBtn===*/						.WatchContentF #editorBtn{							position:absolute;							top:100px;							left:500px;						}												.WatchContentF #ePriceBtn{ position: absolute; top: 160px; left: auto; right: 50px;						}												.WatchContentF #eCommentaryBtn{						 position:absolute;							top:700px;							left:10px;						}												.WatchContentF #eCaliberBtn{						 position:absolute;							top: 270px;							left: auto;							right: 50px;						}												.WatchContentF #eHypeBtn{						 position:absolute;							top: 50px;							left: auto;							right: 50px;						}												.WatchContentF #eMappingBtn{ position:absolute;							top: 380px;							left: auto;							right: 50px; } .WatchContentF #eGalleryBtn{						 position:absolute;							top:650px;							left:10px;						}												.WatchContentF .gallery .arrowBox { display: inline-block; vertical-align: middle; padding-left: 15px; } .WatchContentF .gallery .arrowBoxA { padding-left: 6px; } .WatchContentF .gallery .arrow { width: 1px; height: 6px; background-color: #787878; } .WatchContentF .gallery .arrowU { margin-top: -1px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .WatchContentF .gallery .arrowB { margin-top: -2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }						/*===END_editorBtn===*/												.WatchContentF .blankBox{						 width:100%;						 height:30px;						}												.WatchContentF .seperate{						 border-left:1px #AAA solid;						 margin-left:30px;						 padding-left:38px;						}												/*===BEGIN__評論數===*/												.WatchContentF .likesBtn .icon{						 display:inline-block;						 vertical-align: middle;						 width:20px;						 height:20px;						}												.WatchContentF .cmtBtn .icon{						 display:inline-block;						 vertical-align: middle;						 width:24px;						 height:24px;						}												.WatchContentF .hypeIndexBtn .icon{ width: 20px; height: 20px;						}												.WatchContentF .likesBtn .likes, .WatchContentF .cmtBtn .comments{						 display:inline-block;						 vertical-align: middle;						 margin-left:10px;						}						/*===END__評論數===*/												/*===BEGIN__給分按鈕===*/						.WatchContentF .scoresBtn{						 position: absolute; top: 25px; left: 0;						}						/*===END__給分按鈕===*/												.WatchContentF .commentary{						 position:relative;						 margin: 20px auto 0 auto;						 width:92%;						 padding-top:20px;						 border-top:1px #d2d2d2 solid;						}												.WatchContentF .commentary .lBox{						 display:inline-block;						 vertical-align: top;						 width:100%;						 -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;						 color:#787878;						}												.WatchContentF .commentary .rBox{						 display:inline-block;						 vertical-align: top;						 width:50%;						 -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;						 padding:0 4%;						}												.WatchContentF .commentary .icon{						 display:inline-block;						 vertical-align: top;						 width:20px;						 height:25px;						 background-repeat: no-repeat;						 background-position:center;						 background-size:contain;						 background-image:url(/tw/images/common/comment.svg);						}												.WatchContentF .commentary .title{						 display:inline-block;						 vertical-align: top;						 font-size:14px;						 color:#606060;						 width:60px;						 text-align: center;						 line-height:1.8em;						}												.WatchContentF .commentary .office{						 display:inline-block;						 vertical-align: top;						 font-size:14px;						 color:#606060;						 width:24%;						 text-align: left;						}												.WatchContentF .commentary .description{						 display:inline-block;						 vertical-align: top;						 font-size:14px;						 color:#606060;						 line-height: 1.8em;						 width:calc(100% - 80px);						 -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;						 text-align: justify;						}												.WatchContentF .commentary .info{						 display:inline-block;						 vertical-align: top;						 font-size:14px;						 color:#787878;						 width:calc(100% - 24%);						 -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;						}												.WatchContentF .commentaryA{						 display:none;						 width:100%;						}																		.WatchContentF .official_url{						 margin:0 0 16px 0;						 text-decoration: none; color: inherit; font-size: 12px; color: #BBB; border-bottom: #BBB 1px solid;						}												.WatchContentF .price_tip{						 width:20px;						 height:20px;						 line-height:20px;						 text-align:center;						}												.WatchContentF .tipA{						 width:220px;						 white-space: normal;						 text-align:justify;						}										 @media screen and (max-width:768px){						 .WatchContentF .commonA{ display:none; } .WatchContentF .imageBox{ display:block; width:100%; /*height:115.94vw;*/ height:auto; } .WatchContentF .gallery{							 top:134.06vw;							 left:1.21vw;							} .WatchContentF .details{ display:block; width:calc(100vw * 0.9); margin:0 auto; } .WatchContentF .details .specBoxA { margin-top: 20px; } .WatchContentF .wImage { vertical-align:top; width:100%; height:96.62vw; margin-top:25px; } .WatchContentF .commonB{ display:block; text-align:center; } .WatchContentF .addCBtn{ margin:0 auto; display:none; } .WatchContentF #addCTextA { margin-left:auto; margin-right:auto; } .WatchContentF .details .shareBox{ text-align:center; } .WatchContentF .shareBox_1{ margin:4.83vw 0 0 0; position:static; } .WatchContentF .shareBox_1 li{ width: 8.45vw; height: 8.45vw; margin-left: 0.97vw; } .WatchContentF .shareBox_1 li:hover{opacity: 1.0} .WatchContentF .shareBox_1 a:nth-child(1) li{background-position: 0 0;} /*.WatchContentF .details .shareBox a:nth-child(2) li{background-position: -109px 0;}*/ .WatchContentF .shareBox_1 a:nth-child(2) li{background-position: -8.94vw 0;} .WatchContentF .shareBox_1 a:nth-child(3) li{background-position: -17.63vw 0;} .WatchContentF .likesBtn{ margin-left:7.25vw; padding-left:9.18vw; } .WatchContentF .seperate{ margin-left:6.62vw; padding-left:6.62vw; } .WatchContentF .likesBtn .icon{ width: 4.83vw; height: 4.83vw; } .WatchContentF .cmtBtn .icon{ width:5.79vw; height:5.79vw; } .WatchContentF .hypeIndexBtn .icon{ width: 4.83vw; height: 4.83vw; } .WatchContentF .likesBtn .likes, .WatchContentF .cmtBtn .likes{ margin-left:2.42vw; } .WatchContentF .commentary{ display:none; } .WatchContentF .commentaryA{ display:block; margin: 20px auto 0 auto; } .WatchContentF .commentary .lBox{ width:100%; } .WatchContentF .commentary .rBox{ display:none; } .WatchContentF .commentary .title { width: auto; text-align: left; padding:0 0 0 0.4em; } .WatchContentF .commentary .description { display: block; width: 100%; padding: 0.5em 0 0 0; text-align: justify; } .WatchContentF .brandName .en{ font-size:7.5vw; } .WatchContentF .brandName .local{ font-size:7vw; } .WatchContentF .modelName{ padding-top:10px; font-size:4vw; width: 90%; margin: 0 auto; } .WatchContentF .price{ margin-top:10px; position:relative; } .WatchContentF .price .amount{ font-size:5vw; color:#be935c; line-height:20px; } .WatchContentF .price .date{ font-size:3.2vw; } .WatchContentF .iconAward{ position:absolute; top:25px; right:4%; width:86px; height:76px; } .WatchContentF .iconBox{ top:auto; bottom:0; } .WatchContentF .official_url{ margin:0 0 4vw 0; font-size: 2.9vw; }						 .WatchContentF .desktop{ display:none; } .WatchContentF .mobile{ display:inline-block; } .WatchContentF #editorBtn{ top:100px; left: auto; right: 10px; } .WatchContentF #ePriceBtn{ right: 10px; } .WatchContentF #eCommentaryBtn{ top:530px; } .WatchContentF #eCaliberBtn{ right: 10px; } .WatchContentF #eHypeBtn{ right: 10px; } .WatchContentF #eMappingBtn{ right:10px; } .WatchContentF #eGalleryBtn{ top:480px; } .WatchContentF .price_tip{ width:4.83vw; height:4.83vw; line-height:4.83vw; } .WatchContentF .tipA{ width:53.14vw; }						}