@charset "utf-8";
/* ===== clearfix ===== */
.keyword:after, .choice:after, .pro-in:after, .pro.of-afp > a:after, .choice-tab:after, .keywords:after, .seo-result:after, .btn-chip a:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
/* ====== icon ====== */
.icon-card b, .icon-map b{width:16px; height:16px; display:inline-block; background-image:url(/st_ec/img/icon_checker.gif); background-repeat:no-repeat; margin-right:3px; vertical-align:-2px; *vertical-align:1px;}
.icon-card b{background-position:-62px -160px;}
.icon-map b{background-position:-42px -2px; margin-right:0;}

.search{background:#e9e9e9 url(/st_ec/img/bg_ec.gif) repeat center top;}
.search .container{position:relative; width:950px;}
.search .content{margin:10px 0; clear:left;}
.search .footer{text-align:center; border:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border-top:1px solid #ccc; width:930px; padding:15px 10px; margin:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -ms-filter:none; filter:none; background:transparent;}

.keyword{margin-bottom:10px;}
.keyword-input {position:relative;}
.keyword-input b{display:inline-block; width:16px; height:16px; background:url(/st_ec/img/icon_checker.gif) no-repeat -2px -222px; position:relative; top:4px; right:213px; margin-right:-16px; display:none \9;}
.keyword-input input[type="text"]{width:178px; font-size:15px; border:1px solid #777; border-color:#777 #aaa #aaa #777; background:#fff url("/st_ec/img/input-bg.jpg") repeat-x 0 -2px; padding:8px 10px 8px 32px; padding:8px 10px \9; border-radius:2px;}
.keyword-input input[type="text"].it-2{padding:7px 9px 7px 31px; padding:7px 9px \9; border:2px solid #0a52ab;}
.keyword-input input.btn-s{padding:5px 0 7px; padding:7px 0 5px \9;}
.keyword-input, .keyword-input + span, .suggest, .suggest li{display:block; float:left;}
.keyword-input + span{margin-left:30px; margin-top:9px;}
.suggest{margin-top:9px;}
.suggest li{list-style-type:none; margin-right:1.5em;}
.filter{-webkit-box-shadow:none; box-shadow:none; filter:none;}

/* .choice-tab */
.choice{margin:10px 0 0; padding-top:15px; background:url(/st_ec/img/search/choice_tab_shade.png) no-repeat center top; background-size:100% 10px;}
.choice > strong{display:inline-block; vertical-align:top; line-height:2;}
.choice-tab{background:none; position:relative; display:inline-block; margin:0 auto;}
.choice-tab li{display:block; float:left; margin-right:.5em;}
.choice-tab li a:link, .choice-tab li a:visited{display:block; font-size:15px; padding:4px 8px 5px; padding:7px 7px 3px \9; border:1px solid transparent; border-radius:3px; border:1px solid #c1c1c1; background:#fafafa;}
.choice-tab li a:hover{background:#e3f4ff;  -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.2); box-shadow:inset 0 2px 2px rgba(0,0,0,.2);}
.choice-tab li.tab-on a:link, .choice-tab li.tab-on a:visited{color:#fff; background:#4c667f; background:-webkit-linear-gradient(#4c667f ,#82add9); background:linear-gradient(#4c667f ,#82add9); border:1px solid #999; -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.3); box-shadow:inset 0 1px 3px rgba(0,0,0,.3);}
.choice-tab li.tab-on a:hover{text-decoration:none;}

/* jQRangeSlider */
.range{position:relative; padding:40px 0 10px 74px; margin:5px 0 20px;}
.range strong{position:absolute; top:38px; left:27px;}
.ui-rangeSlider{width:600px; height:12px;}
.ui-rangeSlider .ui-rangeSlider-innerBar{height:8px; border-top:1px solid #828282; border-bottom:1px solid #828282; margin:3px 6px; background:#8d8d8d; border-radius:8px; -webkit-box-shadow:0 0 2px 1px rgba(0,0,0,.2); box-shadow:0 0 2px 1px rgba(0,0,0,.2);}
.ui-rangeSlider .ui-rangeSlider-handle{width:16px; height:16px; border-radius:16px; cursor:col-resize; background:#e5edf2; border:1px solid #727272; margin:-2px 0 0; -webkit-box-shadow:inset 0 -1px 0 1px rgba(0,0,0,.2); box-shadow:inset 0 -1px 0 1px rgba(0,0,0,.2);}
.ui-rangeSlider .ui-rangeSlider-bar{margin:4px 0 0; height:8px; cursor:move; cursor:grab; cursor:-moz-grab; background:#09f url(/st_ec/img/search/range_slide_bar.png) no-repeat 0 0;}
.ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging{cursor:-moz-grabbing; cursor:grabbing;}
.ui-rangeSlider-arrow{height:16px; margin:2px 0; width:16px; background-repeat:no-repeat;}
.ui-rangeSlider-arrow.ui-rangeSlider-leftArrow{background-image: url('/st_ec/img/search/resultset_previous.png'); background-position:center left;}
.ui-rangeSlider-arrow.ui-rangeSlider-rightArrow{background-image: url('/st_ec/img/search/resultset_next.png'); background-position:center right;}
.ui-rangeSlider-arrow-inner{display:none;}
.ui-rangeSlider-container{height:12px;}
.ui-rangeSlider-withArrows .ui-rangeSlider-container{margin:0 11px;}
.ui-rangeSlider-noArrow .ui-rangeSlider-container{margin:0;}
.ui-rangeSlider-label{margin:0; white-space:nowrap; bottom:5px; cursor:col-resize; background:url(/st_ec/img/search/range_slider_pointer.png) no-repeat center bottom; padding:1px 1px 18px;}
.ui-rangeSlider-label-inner{display:none;}
input.ui-editRangeSlider-inputValue{width:3em; vertical-align:middle; text-align:center;}
.ui-rangeSlider-label-value{display:block; color:#fff; padding:5px; margin:0 0 -3px; background:url(/st_ec/img/search/range_slider_top.png) repeat-x center -9px; border:1px solid rgba(190,233,248,.5); border-bottom:0; border-top-color:#fff; font-family:Verdana, sans-serif; font-weight:bold;}
.switch{}
/* Masonry */
.txt-key{background:#fff130; padding:0 2px 2px 3px; color:#555;}
.pro{width:448px; cursor:pointer; margin-bottom:15px; border-radius:4px; background:#fff; padding:10px; border:1px solid #cecece;}
.pro:hover, .pro.hr{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.5); box-shadow:0 1px 3px 0 rgba(0,0,0,.5); border:1px solid #999; -webkit-transition:all 200ms ease-out; transition:all 200ms ease-out;}
.pro p{line-height:1.5;}
.pro > a{display:block;}
.pro > a:hover{text-decoration:none;}
.pro a.icon-map:link, .pro a.icon-map:visited{color:#222; display:inline-block; position:relative; top:-36px;}
.pro a.icon-map span{color:#06c;}
.pro a.icon-map:hover span{text-decoration:underline;}
.pro-img{float:left; margin-right:13px; border:1px solid #ddd; padding:3px;}
.of-fit .pro-img{border-radius:30px; border-color:#ccc; border:none \9;}
.pro-desc{float:left; width:217px;}
.of-fit .pro-desc{width:397px;}
.pro-desc strong{font-size:15px; display:block; line-height:1.5; color:#222; font-weight:normal; word-break:break-all; overflow:hidden; max-height:6em;} 
.pro-desc strong:hover{text-decoration:underline;}
.pro-desc em.price.t-mid{text-align:right; display:block; font-weight:bold; margin-top:10px;}
.pro-desc strong small{display:block; font-size:13px;}
.of-htl .pro-desc em.price.t-mid, .of-hdp .pro-desc em.price.t-mid{margin-top:18px;}
.pro-num{display:block; margin-bottom:5px; color:#666; font-size:11px;}
.pro-num b{display:inline-block; padding-right:.5em; margin-right:.5em; border-right:1px solid #aaa; font-weight:normal;}
.pro-dtl, .pro-intro{clear:both; padding-top:10px;}
.of-fit .pro-dtl{padding:0;}
.pro-dtl ul{margin:0 0 0 43px;}
.pro-dtl li{line-height:1.5; background:url(/st_ec/img/point.gif) no-repeat 4px 8px; list-style-type:none; padding-left:1.2em; text-align:left;}
.pro-intro p{color:#222;}
.pro-sale{border-bottom:1px dotted #ccc; padding:0 0 5px; margin:0 0 5px;}
.pro-sale strong{background:#d52678; color:#fff; font-weight:normal; padding:0 2px 2px 3px; padding:3px 2px 0 3px \0; margin-right:.5em; display:inline-block;}
.pro-sale a:link, .pro-sale a:visited{margin:0 0 0 1em;}
.pro-date{width:448px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.pro-more:before{content:"."; display:block; float:left; width:468px; height:2px; background:#fff; text-indent:-9999em; position:absolute; left:0; top:-2px;}
.pro-more{font-size:12px; display:none; position:absolute; left:-1px; bottom:-93px; width:448px; height:75px; padding:10px; background:#e2e2e2 url(/st_ec/img/search/pro_more_bg.png) center top no-repeat; border:1px solid #999; border-top:none; z-index:999; border-bottom-right-radius:4px; border-bottom-left-radius:4px; -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.5); box-shadow:0 1px 3px 0 rgba(0,0,0,.5);}
.pro-more .hdr{color:#fff; display:inline-block; width:64px; padding:0 0 0 12px; height:24px; line-height:1.75; margin:-3px 0 -2px -12px; margin:-3px 0 -4px -12px \9; background:url(/st_ec/img/search/pro_more_title.png) no-repeat center center;}
.pro-more ul{margin:5px 0 0;}
.pro-more li{list-style-type:none; list-style-position:inside; margin-bottom:5px;}
.pro-more li a:link, .pro-more li a:visited{display:block;}
.pro-more a strong{color:#222; font-weight:normal; display:inline-block;}
.pro-more a small{color:#06c; display:inline-block; width:24em; height:1em; line-height:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle; padding-top:2px \9; position:relative; top:-1px;}
.pro-more a em.price{font-size:0; background:url(/st_ec/img/search/dr.gif) no-repeat 0 4px;}
.pro-more a em.price span{font-size:11px; background-position:0 5px \9; padding-left:4px;}
.pro-more a:hover small{text-decoration:underline;}
.pro-more a em.price{float:right;}
.pro:hover .pro-more{display:block;}
.is-mobile .pro .pro-more{display:none;}
.pro .pro-more.dropped{display:block;}
.mob-opener{display:none;}
.is-mobile .mob-opener{display:block; position:absolute; right:0; width:95px; height:35px; background:url(/st_ec/img/search/btn_open_pro_more.png) no-repeat center center; margin:-32px 4px 0 0; z-index:1000 !important;}
.pro-shdw{display:block; float:left; position:absolute; width:383px; height:11px; background:url(/st_ec/img/search/pro_shdw_bg.png) no-repeat 0 0; margin:10px 0 0 -15px;}
.pro-more .pro-shdw{margin-top:2px; margin-top:-2px \9;}
/* 上方換頁 */
.paging{text-align:right; padding:3px 5px 5px;}
.ic-prev, .ic-next{display:inline-block;}
.ic-prev b, .ic-next b{vertical-align:middle; display:inline-block; width:7px; height:9px; background:url(/st_ec/img/ec_sprite.gif) no-repeat -70px -80px;}
.ic-next b{background-position:-77px -80px;}
.ending:link, .ending:visited, .ending{color:#ccc; cursor:no-drop; text-decoration:none;}
.ic-prev.ending b{background-position:-70px -89px;}
.ic-next.ending b{background-position:-77px -89px;}

/* 下方換頁 */
.page-change{margin:20px auto; text-align:center; font-size:13px; vertical-align:baseline;}
.page-change a:link, .page-change a:visited, .page-change span{margin:0 2px; padding:3px 6px; border:1px solid #ccc; background:#fff; display:inline-block; font-weight:bold; *vertical-align:middle}
.page-change a:hover{text-decoration:none; color:#fff; background:#06c;}
.page-change .icon-pre:link, .page-change .icon-pre:visited, .page-change .icon-pre{position:relative; padding:3px 6px 3px 12px;} 
.page-change .icon-next:link, .page-change .icon-next:visited, .page-change .icon-next{position:relative; padding:3px 12px 3px 6px;} 
.page-change .icon-pre b, .page-change .icon-next b{position:absolute; top:8px; top:6px \9;  *top:8px; background:url(/st_ec/img/ec_sprite.gif) no-repeat -80px -100px; width:4px; height:7px; display:block;}
.page-change .icon-pre b{left:5px; background-position:-71px -100px;}
.page-change .icon-pre:hover b{background-position:-71px -110px}
.page-change .icon-next b{right:5px;}
.page-change .icon-next:hover b{background-position:-80px -110px}
.page-change .ending:link, .page-change .ending:visited, .page-change .ending{color:#aaa; cursor:no-drop; background:#f7f7f7;}
.page-change .icon-pre.ending b{background-position:-71px -120px;}
.page-change .icon-next.ending b{background-position:-80px -120px;}
.pg-now{color:#d00; padding:3px 6px; margin: 0 2px; display:inline-block; *vertical-align:middle;}
.page-change input, .page-change .btn-go{vertical-align:baseline; *vertical-align:middle; font-size:12px; padding:2px 3px; width:2em;}
.page-change .btn-go{width:4em;}
.page-sorter{float:left; position:relative; top:3px;}
.page-sorter label{margin-right:1.5em;}
.page-sorter label input{padding:0; width:auto;}
.pro-total{font-weight:bold; padding:0 0 0 14px; background:url(/st_ec/img/icon_checker.gif) no-repeat -226px -59px;}
.pro-total strong{font-size:21px; color:#c00; font-family:Verdana, Geneva, sans-serif; display:inline-block; margin:0 5px; vertical-align:middle;}
.switch .page-change{text-align:right; margin:0 auto 5px;}

/* 熱門關鍵字：樣式來自 SITEMAP */
.sitemap .main, .seo .main{width:940px; background:#fff; border:1px solid #ccc; padding:0 4px;}
.seo .main{margin:0 0 14px; border-radius:4px;}
.seo .path{padding:8px 0 6px;}
.sitemap .main h1, .seo .main h2{width:948px; margin:0 -4px; height:47px; border-bottom:1px solid #ccc;}
.sitemap .main h1 strong, .seo .main h2 strong{display:block; background:url(/st_ec/img/index/sitemap_h1_bg.gif) repeat-y center top; height:22px; padding:10px 10px 14px; font-size:22px; color:#298fca;}
.sitemap .main h1 strong b, .seo .main h2 strong b{display:inline-block; width:20px; height:20px; margin-right:5px; background:url(/st_ec/img/index/h3_icons_arr.gif) no-repeat 0 0; vertical-align:0;}
.anchors, .live-search{padding:10px 15px; margin:0 -4px 10px; background:#f3f9ff; border-bottom:1px solid #ecf1f7;}
.live-search{-webkit-box-shadow:inset 0 2px 4px rgba(160,160,160,.4); box-shadow:inset 0 2px 4px rgba(160,160,160,.4);}
.anchors a:link, .anchors a:visited{display:block; float:left; color:#222; padding:4px 13px; background:url(/st_ec/img/header/icon_spacer.gif) no-repeat right center; word-break:keep-all;}
.anchors a.noborder{background:none; *background:url(/st_ec/img/header/icon_spacer.gif) no-repeat right center;}
.anchors a.noborder + a{clear:left;}
.division{position:relative; width:235px; padding-bottom:12px; background:#fff; float:left;}
.map-div{padding-bottom:12px; background:url(/st_ec/img/index/division_bg_repeat.gif) repeat-y center bottom;}
.map-tail{position:absolute; bottom:0; left:0; width:235px; height:12px; background:url(/st_ec/img/index/division_bg_tail.gif) no-repeat center bottom;}
.map-div h3{width:215px; height:31px; height:29px \9; padding:5px 0 5px 20px; padding-top:7px \9; background:#fff url(/st_ec/img/index/division_h3_bg.gif) no-repeat center top;}
.map-div h3 a:link, .map-div h3 a:visited{font-size:18px; font-weight:bold;}
.map-div h4{width:195px; height:11px; padding:6px 0 14px 40px; padding:8px 0 12px 40px \9; font-size:15px; background:#fff url(/st_ec/img/index/division_h4_bg.gif) no-repeat center top;}
.map-div h4 a:link, .map-div h4 a:visited{font-size:15px; font-weight:bold;}
.map-div ul{list-style-type:none; padding:5px 28px 15px;}
.map-div ul li{padding:3px 3px 3px 13px; background:url(/st_ec/img/index/division_ul_arr_right.gif) no-repeat 3px 9px; background-position:3px 6px \9;}
.map-div ul li.hasChild{padding:3px 3px 6px 13px; background:url(/st_ec/img/index/division_ul_arr_down.gif) no-repeat 2px 9px; background-position:3px 8px \9;}
.map-div ul ul{background:none; padding:2px 0 0 4px;}
.map-div ul ul li{background:url(/st_ec/img/index/division_li_cross.gif) no-repeat 2px 6px;}
.map-div ul ul li.end-li{background:url(/st_ec/img/index/division_li_cross_end.gif) no-repeat 2px 8px; background-position:2px 6px \9;}

.keywords{padding-bottom:1em; min-height:760px;}
.keywords a:link, .keywords a:visited{display:block; float:left; width:20%; box-sizing:border-box; padding:.5em 1em; border-radius:2px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#06c;}
.keywords a:hover{background:#fff8e0; -webkit-box-shadow:inset 0 0 2px 0 rgba(128,128,128,.2); box-shadow:inset 0 0 2px 0 rgba(128,128,128,.2);}
.live-search strong{font-size:15px; position:relative; top:2px;}
.live-search input{padding:7px 9px; width:198px;}
.live-search input.it-2{padding:6px 8px;}

.seo-result{padding:15px;}
.seo-result h1{margin:10px 15px; padding-left:18px; background:url(/st_ec/img/icon_checker.gif) no-repeat -226px -57px; line-height:1;}
.seo-result h1 em:before{content:">"; display:inline-block; margin:0 8px; font-size:26px; vertical-align:0;}
.seo-result h1 em{color:#222; font-weight:bold;}
.seo-result > strong{font-size:15px; color:#222; margin:25px 20px 20px; display:block;}

.btn-chip{margin:0 10px 17px;}
.btn-chip:hover{position:relative; top:1px; top:0 \9; -webkit-box-shadow:0 0px 1px 0 rgba(96,96,96,.2); box-shadow:0 0px 1px 0 rgba(96,96,96,.2);}
.btn-chip a:link, .btn-chip a:visited{ background:#f1f1f1 \9; height:auto; width:193px; /*269*/ padding:10px 5px;}

.btn-chip a:before{content:"."; font-size:0; display:block; float:left; vertical-align:middle; background:url(/st_ec/img/icon_h1_long.gif) no-repeat 0 0; width:36px; height:36px; margin:5px 10px 0 0; opacity:.8;}
.btn-chip a h3{float:left; font-size:18px; margin-bottom:5px; font-family:'微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial,sans-serif;}
.btn-chip a strong{display:block; float:left; font-weight:normal; width:12em;}
.btn-chip.b-gfg a:before{background-position:0 -900px;}
.btn-chip.b-gfp a:before{background-position:0 -1044px;}
.btn-chip.b-afp a:before{background-position:0 -1189px;}
.btn-chip.b-htl a:before{background-position:0 -614px;}
.btn-chip.b-gdg a:before{background-position:0 -757px;}
.btn-chip.b-hdp a:before{background-position:0 -470px;}
.btn-chip.b-tkt a:before{background-position:0 -325px;}


@media screen and (-webkit-min-device-pixel-ratio:0){
.keyword-input input.btn-s{vertical-align:0;}
.pro-more a em.price{background-position:0 5px; position:relative; top:-1px;}
.pro-more a em.price span{-webkit-transform:scale(0.91); display:inline-block;}
.pro-more .pro-shdw{margin-top:4px;}
}