@charset "utf-8";
/* 百年工坊檔案搜尋 */
body.workshop .content-detail {min-height:856px;}

#advSearchWpr {right:74px; top:124px;}

ul#chimeiMenu li.workshop a {width:217px; height:54px; background-image:url(../images/nav-workshop.png); background-repeat:no-repeat; text-indent:-9000px;}
ul#chimeiMenu li.workshop a:hover {background-position:right top;}

body.workshop ul#chimeiMenu li.search a {background-position:right top !important;}

.searchwpr {width:207px; height:25px; position:relative; left:20px;
background-image:url("../images/bg-searchwpr.png"); background-repeat:no-repeat;
}
.searchwpr .keyword {width:173px; height:17px; padding:3px 4px; position:absolute; left:0; top:0;
color:#61443b; line-height:17px;
background-color:transparent; border:medium none;
}

.searchwpr .keyword:focus {outline:medium none;}
.searchwpr .search {width:27px; height:23px; position:absolute; right:1px; top:1px; padding:0; cursor:pointer;    
background-color:transparent; background-image:url("../images/bg-search.png"); background-position:7px -23px; background-repeat:no-repeat; 
border-style:none; outline:medium none;
}
.searchwpr .search {font-size:0; line-height:999px; overflow:hidden;}
.searchwpr .search:hover {background-position:7px 5px;}
.searchwpr .search:active {position:absolute; right:1px; top:2px;}

.content-index .note {color:#61443b; line-height:19px; padding:6px 10px 0 23px;}

#btnReset {display:block; width:93px; height:30px; position:relative; cursor:pointer;
font-size:0; line-height:0; margin:6px 6px 6px 130px; z-index:100;
background-image:url("../images/resetbtn.png"); background-position:0 0; background-repeat:no-repeat;
}
#btnReset:hover {background-position:0 -45px;}   

.workshop.entry a:after {content:""; display:table; clear:both;}
.workshop.entry .thumbnail {float:left; width:100px; height:100px; overflow:hidden; position:relative; margin-right:20px; 
background-color:#fff; border-radius:2px; box-shadow:0 0 2px rgba(109,75,65,0.3);
}
.workshop.entry .thumbnail img {max-width:100%; max-height:100%; width:auto; height:auto;
position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; 
}
.workshop.entry h4 {border-bottom:none;}
.workshop.entry h4 span.type {margin-bottom:4px; margin-top:2px; display:inline-block; line-height:20px;}
.workshop.entry dt {line-height:19px;}
.workshop.entry dd {line-height:19px;}

/* 內頁 */
body.workshop .region {margin-bottom:20px; }
body.workshop .content-detail:before {display:block; content:""; width:477px; height:800px; position:absolute; left:3px; top:4px;
background-color:#fff; 
}
body.workshop.search .content-detail:before {display:none;}

body.workshop .nivo-controlNav {width:auto; height:22px; right:10px; top:0;
background-image:none;
}
body.workshop .nivo-controlNav a {width:22px; height:22px; margin:0 2px 0 0; float:left;
text-align:center; line-height:22px; text-decoration:none;
border-radius:22px;
}
body.workshop .nivo-controlNav a.active {background-color:#6b3f2a; color:#fff; font-weight:bold; }

body.workshop .nivo-directionNav {width:477px; height:40px; position:absolute; left:0; top:50%; margin-top:-20px; 
}
body.workshop .nivo-directionNav a {display:block; width:40px; height:40px; position:absolute; top:0;
font-size:0; line-height:0; border:none; padding:0; margin:0; opacity:0.2;    
background-image:url("../images/directionNav.png"); background-repeat:no-repeat;
transition:opacity 300ms;
}
body.workshop .nivo-directionNav a:hover {opacity:1;}
body.workshop .nivo-prevNav {left:0; right:auto; background-position:10px 5px; }
body.workshop .nivo-nextNav {left:auto; right:0; background-position:-99px 5px}


/* perfect-scrollbar v0.6.10 */
.ps-container{-ms-touch-action:none;touch-action:none;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps-container{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps-container{overflow:auto !important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling{pointer-events:none}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container:hover.ps-in-scrolling{pointer-events:none}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:0.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:0.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:0.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}


/* 製琴工坊介紹 */
.wbtnwpr {position:relative; height:42px;}
.wbtnwpr #btnReset {margin:0; position:absolute; right:10px; top:6px;}
#wbTrigger {position:absolute; left:22px; top:7px; display:block; height:22px; cursor:pointer;
font-size:13px; font-weight:bold; line-height:22px; text-decoration:none;
}
#wbTrigger:hover {color:#341b14;}
#wbTrigger:after {content:""; width:0; height:25px; position:absolute; right:-14px; top:-1px;
border-right:1px dotted #61443b;
}

#wbOverlay {position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; display:none;}
#wbContainer {width:610px; height:720px; position:absolute; right:60px; top:70px; z-index:1001; padding:35px 0 30px 0;
border-radius:3px; box-shadow:inset 0 0 0 8px rgba(153,128,97,0.55),0 1px 6px rgba(0,0,0,0.45),inset 0 0 50px rgba(153,128,97,0.5),inset 0 0 100px rgba(153,128,97,0.7);
background-image:url("../images/content-sp.jpg"); background-repeat:repeat-y; border:1px solid rgba(153,128,97,1); color:#593b33;
opacity:0; pointer-events:none; transition:opacity 400ms,top 400ms;
}
#wbContainer.show {opacity:1; pointer-events:auto; top:90px;}
#wbContent {width:535px; height:660px; position:relative; overflow:hidden; padding-right:35px; margin-left:40px;}

#wbContent .section {margin-bottom:40px;}
#wbContent .section.last {margin-bottom:30px;}
#wbContent .section:after {content:""; display:block; width:100%; height:14px; padding-top:40px; 
background-image:url("../images/wbelement.png"); background-repeat:no-repeat; background-position:center -53px; 
}

#wbContainer h1 {padding:8px 0; margin:0 7px 30px 7px; 
text-align:center; font-weight:bold; color:#b59e7f; font-size:24px;
font-family:"微軟正黑體", "Microsoft JhengHei", sans-serif;
box-shadow:0 0 0 1px #361f14; background-color:#4b3127;
background-image:url("../images/wbelement.png"); background-repeat:no-repeat; background-position:center top;  
}
#wbContent h2 {margin-bottom:15px;
font-weight:bold; color:#61443b;
font-family:"微軟正黑體", "Microsoft JhengHei", sans-serif;
}
#wbContent p {margin-bottom:15px;
text-align:justify; text-justify:distribute;
}
#wbContent img {width:100%; padding-top:7px;}

#wbCloseBtn {display:block; width:41px; height:41px; position:absolute; right:7px; top:35px; cursor:pointer;
border-left:1px solid #361f14; background-color:#472d23; 
background-image:url("../images/wbelement.png"); background-repeat:no-repeat; background-position:15px -170px; 
}

#wbContent .note {text-align:center; color:#632400; font-size:15px; font-style:italic; font-weight:bold;
font-family:"微軟正黑體", "Microsoft JhengHei", sans-serif;
}

/* 製琴工坊介紹：捲軸 */
.ps-container > .ps-scrollbar-y-rail {width:8px; right:0; border-radius:1px; background-color:transparent !important;}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {width:8px; background-color:#573b33 !important; border-radius:1px;
box-shadow:inset 0 0 2px #261814;
}