body#layout .header-wgt,body#layout nav,#sidebar,#navbar,.date-header,#credit,.feed-links,.post-location,.post-share-buttons,.post-icons{display: none !important;}
body,h1,h2,h3,h4,h5,ul,li,a,p,span,img,dd{margin:0;padding:0;list-style:none;text-decoration:none;border:none;outline:none}
body#layout #Header .widget{float:none}
body {
color: #737373;
font: 13px/1.2 Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
height: 100%;
text-rendering: optimizelegibility;
}
a {color: #5f91ab;}
a:focus,a:active,a:hover {color: #999;}
h1, h2, h3, h4, h5{color: #5F91AB;font-weight: normal;font-family: 'Yanone Kaffeesatz','Helvetica Neue',Helvetica,Arial,sans-serif;}
.group:after {
content:" ";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.WaterFallwrap { margin: 0 auto; max-width: 1002px; padding-bottom: 15px; background-color:#F3F3F3}

.SortbyArea {float:left; display:block; position:relative; padding:10px 15px 0 15px;}
.SortbyArea .label {font-size:16px; line-height:20px; font-weight:600; float: left; width: 56px; margin-right: 5px;}
.selectformstyle {display:inline-table; border:solid 1px #ACACAC; /*width:110px;*/ height:20px;overflow:hidden;}
.ItemsDisplayArea{float:right; display:block; position:relative; padding:10px 17px 0 15px;}/*Becky Modify 0326*/
.ItemsDisplayArea .label {font-size:16px; line-height:20px; font-weight:600; float: left; margin-right: 10px;}/*Becky Modify 0326*//*Johnny Modify @ 2013-05-21*/

.box {
  float: left;
  width: 232px!important;
  width: 232px;
  margin:10px 0 15px 14px!important;
  margin:5px 0 0px 14px\9; /* for IE8&9  */
  margin:5px 0 0px 14px\0/; /* for IE9  */
}
.box {
background: #fff;
border:1px solid #ccc \9;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.2);
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.2);
-o-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
box-shadow:1px 1px 5px rgba(0,0,0,0.2);
}
.box:hover { /*Becky Modify 0326*/
background:#fff;
border:1px solid #64a3e0 \9;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow:1px 1px 6px 1px rgba(100, 163, 224, 0.8);/* Firefox */
-webkit-box-shadow: 1px 1px 6px 1px rgba(100, 163, 224, 0.8);/* Safari and Chrome */
-ms-box-shadow: 1px 1px 6px 1px rgba(100, 163, 224, 0.8); /* Internet Explorer */
box-shadow: 1px 1px 6px 1px rgba(100, 163, 224, 0.8);/* CSS3 */
-o-box-shadow: 1px 1px 6px 1px rgba(100, 163, 224, 0.8);/* Opera */
}
:root .box:hover { border:1px solid #ccc \0/IE9; }  /* IE9 + IE10pp4 */  /*Becky Modify 0326*/
#box-container {max-width: 100%;}
.box a {text-decoration:none;color: #5F91AB;}
.box a:hover {text-decoration:none; color:#999}
.box .entry-content-cnt { /*border-bottom: 1px solid #E6E6E6; */ margin-top:10px; }
.box .entry-desc {
padding: 5px;
}
h3.modelno a{font-weight:bold; margin-bottom: 5px;color:#264566; text-decoration:none}
h3.home_compname a{display:block; padding:5px 0; text-align:center; color:#06F;}
.entry h2 { 
	font-size: 15px; 
	line-height:18px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold;
	padding-left:3px;
}
.entry h3 { font-size: 14px; font-weight:bold; margin-bottom: 5px;color: #5F91AB;}
.entry h4 { font-size: 15px; font-weight:bold; margin-bottom: 5px; color:#666; text-align:right;}
.entry p { color:#555;}
.entry p a{ color:#555;}
.entry p.news_companyname a {color: #06F;}/*Becky Modify 0326*/
.entry p.news_companyname a:hover {color: #737373;}

/* For News Waterfall*/
.post-body .NewsSubject a {margin-top:10px;display:block;}
.post-body .NewsSubject {margin-top:10px;display:block;color: #5F91AB;font-size: 13px;}
.post-body .publish_data {font-size: 15px; font-weight:bold; margin-bottom: 5px; color:#999; text-align:right;}

/* For 公告區 Waterfall */

/*Becky 2015/08/12 New added*/
.box .AD {padding:8px 0px 0 0; /*background-color:#BBD6EF;*/}
.box .AD img {width:100%;}
.box .AD p {padding:8px; /*background-color:#BBD6EF;*/ color:#666;}
.box .iconShare {padding:0 0 8px 8px; height:20px;}
.post-body .iconShare {z-index:3; position:relative;}
.post-body .iconShare a {color:#666; display:block;float:left;}
.post-body .iconShare a:hover {color:#9CF;}
.post-body .iconShare:hover .iconSocial {display:block;}
.post-body .iconSocial {
	/*width:100px;*/
	height:28px;
	position:absolute; 
	top:-8px; 
	left:32px; 
	display:none; 
	z-index:4; 
	background-color:#fff; 
	padding:2px 4px; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-animation-duration: .3s;
	-moz-animation-duration: .3s;
	-webkit-animation-name: moveFromLeft;
	-moz-animation-name: moveFromLeft;
	animation-duration: .3s;
	animation-name: moveFromLeft;
}
.post-body .iconSocial a { display:block; float:left; text-decoration:none;line-height:28px; padding:0 5px;}
.post-body .iconSocial a i {color:#666;}
.post-body .iconSocial a:hover i {color:#333;}
.post-body .landispay {margin-right:8px;}

@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(10%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromLeft {
    from {
        opacity: 0;
        -moz-transform: translateX(10%);
    }
    to {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromLeft {
    from {
        opacity: 0;
        -ms-transform: translateX(10%);
    }
    to {
        opacity: 1;
        -ms-transform: translateX(0%);
    }
}
/*Becky 2015/08/12 New added*/

.post-body .PublishArea_subject {font-weight:bold; color:#264566;}
.post-body .PublishArea_subject a{font-weight:bold; color:#264566; text-decoration:none}

/* for 公告區 Waterfall Img */
.thumb1{
display:block;
width:214px;
background-color:#fff;
border:1px solid #D8D8D8;
/*height:auto;*/
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}

/*TradeZoneContent*/
.post-body .TradeZoneContent {font-size:13px; line-height:18px; color:#555; padding-bottom:5px;}
.post-body .TradeZoneContent h2 {margin:10px 0; font-size:14px; line-height:21px; color:#5F91AB;}/*Becky Modify 0326*/

/*Becky New Added 0429*/
.post-body .TradeZoneContent .comment { padding: 5px 25px 0; background:url(../../_images/2013/quotes.png) 0 8px no-repeat; position: relative;}
.post-body .TradeZoneContent .comment i{ display: block; width: 14px; height: 11px; background:url(../../_images/2013/quotes.png) no-repeat; position: absolute; bottom: 0; right: 10px;}
/*Becky New Added 0429*/


.post-body .TradeZoneContent .Expired {font-size:12px; color:#999; text-align:right; padding:5px 0; }
.post-body .TradeZoneContent .home_compname {font-size:12px; height:16px; line-height:16px; color:#06F;}/*Becky Modify 0326*/
.post-body .TradeZoneContent .home_compname a{font-size:12px; height:16px; line-height:16px; color:#06F;}/*Becky Modify 0326*/


.entry-intro {padding: 4% 3% 3.2%;position: relative;}
.entry-intro h1 {
font-size: 2.38462em;
line-height: 0.9;
margin-bottom: 5px;
max-width: 88%;
}
.post-body{line-height: 1.5; padding:8px;}
.post-body img { max-width:600px; }

/* for Product Waterfall Only */
.thumb{
display:block;
width:214px;
height:250px;
background-color:#fff;
border:1px solid #D8D8D8;
/*height:auto;*/
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.thumb:hover {opacity: 0.6;}

/* for Company Waterfall Only */
.logothumb{
	width:214px;
	min-height:122px;
	line-height : 122px;
	display:table-cell; 
	text-align:center; 
	vertical-align:middle;
	background-color:#FFF;
	/* Firefox, Chrome */
    line-height : 122px; 
	white-space : nowrap;
	/* IE */
	*font-size : 98px; 
	*font-family : Arial;
 }
/* IE6 hack */
.logothumb span{
	height:100%; 
	display:inline-block;
	}
 
/* 讓table-cell下的所有元素都居中 */
.logothumb *{ vertical-align:middle;}

.logothumb .compLogoImg{
	max-width:200px;
	width:200px;
	height:auto;
	display:inline-block
	vertical-align:middle;
	line-height:1em;
}

.logothumb img{
	max-width:200px;
	height:auto;
	display:inline-block
	vertical-align:middle;
	line-height:1em;
}
.comp_playicon {/*Becky Modify 0326*/
	background:url(../../_images/2013/logo_btn_play.png) no-repeat;
	position:absolute;
	width:73px;
	height:86px;
	left: 81px;
	top: 68px;
	cursor:pointer;
}
.comp_playicon:hover {/*Becky Modify 0326*/
	background:url(../../_images/2013/logo_btn_play_over.png) no-repeat;
	position:absolute;
	width:72px;
	height:72px;
	left: 81px;
	top: 68px;
	cursor:pointer;
}
.Ranking { display:block; width:100%; margin:5px auto; text-align:center}
.showevent {margin-bottom:5px;}
.showevent a span {color: /*#64a3e0*/#90B4D4/*#5F91AB*/; font-weight:bold;}	/*Johnny Modify @ 2013-05-08*/
/* for Company Waterfall Only */

/* for All Waterfall box*/
.tagicon {display:inline-block; float:left;}
.landispay {display:inline-block; float:right; width:160px; height:36px; font-size:12px; color:#999; text-align:right} /*Becky Modify 0326*/

/* for Product Waterfall box*/
.home_add_to_basket{
	background:url(../../_images/2013/add-to-basket.png) no-repeat;/*Becky Modify 0326*/
	position:absolute;
	width:57px;
	height:58px;
	left: 174px;
	top: 250px;
	cursor:pointer;
}
.home_add_to_basket{
	/*background:url(../../_images/2013/add-to-basket_over.png) no-repeat; Becky Modify 0326*/
	position:absolute;
	width:57px;
	height:58px;
	left: 174px;
	top: 250px;
	cursor:pointer;
}
.prod_playicon {
	background:url(../../_images/2013/btn_play.png) no-repeat;/*Becky Modify 0326*/
	position:absolute;
	width:122px;
	height:122px;
	left: 60px;
	top: 125px;
	cursor:pointer;
}
.prod_playicon:hover {
	background:url(../../_images/2013/btn_play_over.png) no-repeat;/*Becky Modify 0326*/
	position:absolute;
	width:122px;
	height:122px;
	left: 60px;
	top: 125px;
	cursor:pointer;
}
.top50 {
	background:url(../../_images/2013/top50.png) no-repeat;/*Becky 0326 Modify*/
	height: 88px;
	width: 88px;
	position: absolute;
	left: 135px;
	top: 54px;
}

/* for All Waterfall box*/
a.button {
	display: inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(25%, #ffffff), color-stop(50%, #F6F6F6), color-stop(75%, #E9E9E9), to(#DFDFDF));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(center top, #ffffff, #ffffff 25%, #F6F6F6 50%, #E9E9E9 75%, #DFDFDF);
	/* IE6 & IE7 */
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#DFDFDF); 
	/* IE8 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#DFDFDF); 

	-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.5);
	-o-box-shadow: 1 1px 4px rgba(0,0,0,0.5);
	box-shadow:1px 1px 4px rgba(0,0,0,0.5);
	border:1px solid #ccc\9;
	text-decoration: none;
	cursor: pointer;
	width:102px;
	height:30px;
}
/*
a.detailbutton{
	color:#333;
	font-size: 15px;
	font-weight:bold;
	text-align:center;
	line-height: 30px;
}
a.inquirybutton{
	color:#D5006A;
	font-size: 15px;
	font-weight:bold;
	text-align:center;
	line-height: 30px;
}
*/
a.detailbutton{}
a.inquirybutton{}
a.seemoredetail { margin: 0 auto; display:block; background:url(../../_images/2013/btn_seemoredetails.png) no-repeat; width:213px; height:37px;}
a.seemoredetail:hover { margin: 0 auto; display:block; background:url(../../_images/2013/btn_seemoredetails_over.png) no-repeat; width:213px; height:37px;}

/* for All Waterfall box*/

.smallitems {width:172px; height:16px; display:block; float:left; margin-bottom:10px;}
.orderitem {float:left; margin-left:5px; line-height:16px;}
.bestitem {float:left; margin-left:5px; line-height:16px;}
.videoitem {float:left; margin-left:5px; line-height:16px;}
.viewtextitem {float:left; display:block; color:#F60; line-height:16px; font-weight: bold;font-family: Helvetica,Arial,sans-serif; font-size:11px;}

.shareitem {
  padding: 0;
  margin: 0;
  border: 0;
  float:left;
  display:block;
}
.shareitem ul,
.shareitem ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shareitem ul {
  position: relative;
  float: left;
}
.shareitem ul li {
  float: left;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
}
.shareitem ul li a{
font-weight:bold; 
  color:#63A22B; 
  line-height:16px;
  display: block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
}
.shareitem ul li:hover {
  position: relative;
  cursor: default;
}
.shareitem > ul ul > li { position: relative; width:110px; border-bottom:1px dashed #ccc; background-color:#FFF;}
.shareitem ul ul li a{
  display:block; font-size:12px; font-family:Verdana, Geneva, sans-serif; font-weight: normal;text-decoration: none;
}

.shareitem ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
.shareitem ul ul li {
  float: left;
}
.shareitem ul ul ul {
  top: 1px;
  left: 99%;
}
.shareitem ul li:hover > ul {
  visibility: visible;
}
.shareitem ul ul {
  top: 1px;
  left: 99%;
}
.shareitem ul li {
  float: none;
}
.shareitem ul {
  font-weight: bold;
}
.shareitem ul ul {
  margin-top: 1px;
}
.shareitem ul ul li {
  font-weight: normal;
}
/* Custom CSS Styles */

.shareitem {
  width: 10px;
}
.shareitem a {
  font-weight:bold; 
  color:#63A22B; line-height:16px;
  display: block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  text-decoration: none;
}
.shareitem ul {
  list-style: none;
  width: 100px;
}
.shareitem > ul {
  float: left;
}

.shareitem > ul > li:hover > a {
color:#033;
}

.shareitem .has-sub {
}
.shareitem > ul > li:hover > ul {
    opacity: 1;
    top: -30px;
    visibility: visible;
}

.shareitem > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    padding: 10px 5px;
    background-color: rgb(250,250,250);
    text-align: left;
    position: absolute;
    top: -40px;
    left: 145px;
    margin-left: -90px;
    width: 220px;
	border-top:4px solid #B7D7F1;
	border-bottom:4px solid #6692BF;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#b8d8f2), color-stop(25%, #6692BF), color-stop(50%, #6692BF), color-stop(75%, #92bde0), to(#6692BF));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(center top, #b8d8f2, #92bde0 25%, #6692BF 50%, #92bde0 75%, #b8d8f2);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#b8d8f2, endColorStr=#6692BF);
	/* For Internet Explorer 8 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b8d8f2, endColorstr=#6692BF);
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
.shareitem > ul > li > ul:before{
    content: '';
    display: block;
    border-color:  transparent rgb(128,168,207) transparent transparent;
    border-style: solid;
    border-width: 10px;
    position: absolute;
    top: 23px;
    left: -10px;
    margin-left: -10px;
}
.shareitem .has-sub ul li {
  *margin-bottom: -1px;
}
.shareitem .has-sub ul li a {
  background: #fff;
  border-bottom: 1px dotted #f7f7f7;
  color: #333333;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
.shareitem .has-sub ul li:hover a {
  background:#64C1FF;
  color:#fff;
}
.shareitem .has-sub .has-sub:hover > ul {
  display: block;
}
.shareitem .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
.shareitem .has-sub .has-sub ul li a {
  background: #d8d8d8;
  border-bottom: 1px dotted #e8e8e8;
}



#footer {
}
