/*------------------------------------*\VARIABLE\*------------------------------------*/*,*:after,*:before  { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; }.preload *  { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }html  { font-size: 100%; }body  { margin: 0; font: 80%/100% Meiryo,'Hiragino Kaku Gothic Pro','微軟正黑體',Verdana,Arial,Helvetica,sans-serif; letter-spacing: 1px; line-height: 2em; color: #000; background: url('../images/paint_pattern.jpg'); }/* clear */.clear:before,.clear:after  { content:' '; display:table; }.clear:after  { clear:both; }.clear  { *zoom:1; }img  { /*max-width:100%; 註解by阿閒*/vertical-align:bottom; /* 註解by阿閒-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; */; }p  { text-align: justify; text-justify: inter-ideograph; font-size: 16px; }a,button  { color: #444; text-decoration:none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }a:hover,a:active,  { color:#444; }a:focus  { outline:0; }a:hover,a:active  { outline:0; }button:hover,button:active  { opacity: .7; }input:focus  { outline:0; border:1px solid #04A4CC; }h1,h2,h3,h4,h5,ul,ol,p,nav  { padding: 0; margin: 0; }li,input[type=submit]  { list-style: none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }.pos-r  { position: relative; }table  { width: 100%; } table  thead  { background: #ece7dd; } table  thead  td  { font-size: 120%; } table  td  { padding: 15px 12px; border: 1px solid #bababa; font-size: 16px; }/*------------------------------------*\FONT\*------------------------------------*/.font-serif  { font-family: 'Hiragino Mincho Pro','Kozuka Mincho Pro',Georgia,Century,'Times New Roman',Times,serif,''; }.font-en  { font-family: 'Times New Roman',Times,Century,Georgia,serif; }/*------------------------------------*\ANIMATION ELEMENT\*------------------------------------*/.ani  { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }.rotate-clock  { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }.width1  { width: 449px!important; }.width2  { width: 90px!important; }.width3  { width: 215px!important; }.width4  { width: 500px!important; }.nav-sub.width5  { width: 120px; }/*------------------------------------*\COMMON ELEMENT\*------------------------------------*/blockquote  { font-size: 16px; }.grid-wrapper  { padding-top: 25px; } .grid-wrapper  .item  { float: left; width: 215px; height: 211px; margin-bottom: 20px; background: #fff; } .grid-wrapper  .item  a  { display: block; padding: 20px 20px 0 20px; } .grid-wrapper  .item  a  img  { width: 100%; } .grid-wrapper  .item  p  { padding: 20px 0; text-align: center; }.paint-bg  { position: fixed; top: 0; left: 0; width: 100%; height: 1000px; background: url('../images/paint_bg.png') 50% 50% no-repeat; z-index: -1; }/*	.content 修改by阿閒，原本是像註解裡面這樣，改過的加上 .wrapper >.content  { position: relative; width: 85.714286%; margin: 104px auto; }*/.wrapper > .content  { position: relative; width: 85.714286%; margin: 104px auto; }/* .content修改by阿閒 end */.backtop  { position: fixed; bottom: 50px; right: 207px; width: 31px; height: 30px; margin-top: 30px; text-indent: -9999px; background: url('../images/icon-arrow-2.png') 0 0 no-repeat; z-index: 10; cursor: pointer; opacity: 0; }.backtop:hover,.backtop:active  { opacity: .7; }.modal  { position: fixed; z-index: 1000; top: 50%; left: 50%; width: 62px; height: 56px; margin-top: -30px; margin-left: -30px; background: url('../images/svg-sprite.svg') -41px -97px no-repeat; -webkit-animation-delay: .3s; animation-delay: .3s; }body.loading  { overflow: hidden; }body.loading .modal  { display: block; }.gpshadow  { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px 1px #e4e4e4; box-shadow: 0 1px 2px 1px #e4e4e4; }.widget.row1  { } .widget.row1  li  { float: left; /*width: 26px; 原width */width:100px; height: 24px; margin-left: 4px; /*text-indent: -9999px; */background: url('../images/icon-widget-sprite.png') 0 0 no-repeat; cursor: pointer; } .widget.row1  li  span  { background-color: white; display: inline-block; margin-left: 30px; width:70px; } .widget.row1  li.icon-zh  { background-position: -1px -1px; } .widget.row1  li.icon-a-plus  { background-position: -40px -1px; } .widget.row1  li.icon-a-minus  { background-position: -80px -1px; } .widget.row1  li.icon-pencil  { background-position: -120px -1px; } .widget.row1  li.icon-map  { background-position: -160px -1px; } .widget.row1  /*li.icon-geo  { background-position: -160px -1px; } .widget.row1  */li.icon-doc  { background-position: -200px -1px; } .widget.row1  li.icon-openmap  { display: none; width: auto; text-indent: 0px; padding-left: 20px; background: url('../images/icon-openmap.png') 0 50% no-repeat; } .widget.row1  li.icon-zh.active  { background-position: -1px -24px; } .widget.row1  li.icon-pencil.active  { background-position: -120px -24px; } .widget.row1  li.icon-map.active  { background-position: -160px -24px; } .widget.row1  /*li.icon-geo.active  { background-position: -160px -24px; } .widget.row1  */li:hover  { opacity: .7; }.title-circle  { margin: 10px 0 0 50px; font-weight: normal; text-indent: 20px; background: url('../images/icon-circle.png') 0 40% no-repeat; }.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp  { background-position: 6.5px 14px; }.mCSB_buttonDown  { background: url('../images/mCSB_buttons_down.png') 50% 5px no-repeat!important; }.content  { } .content  .title  { margin-left: 17px; margin-bottom: 20px; font-size: 2.4em; line-height: 2em; } .content  .title.search-result  { } .content  .title.search-result  .quotation  { display: inline-block; width: 9px; height: 8px; margin: 0 10px 20px 0; background: url('../images/svg-sprite.svg') -513px -848px no-repeat; } .content  .title.search-result  .quotation.last  { margin-left: 10px; margin-bottom: 0; background-position: -531px -848px; } .content  .title.search-result  span  { font-size: 16px; font-family: Meiryo,'Hiragino Kaku Gothic Pro','微軟正黑體',Verdana,Arial,Helvetica,sans-serif; color: #9d7740; } .content  .title.vertical  { display: block; text-indent: -9999px; background: url('../images/svg-sprite.svg') 0 0 no-repeat; }.text-link  { text-decoration: underline; }.text-link.red  { color: #da2148; }.text-link.blue  { color: #1d8bcd; }.text-link:hover,.text-link:active  { text-decoration: none; }.header-mobile  { display: none; }.btn-vertical  { display: block; position: absolute; top: 50%; right: -30px; width: 30px; padding-top: 55px; padding-bottom: 31px; margin-top: -70px; border: 0; outline: 0; font-size: 110%; line-height: 18px; color: #fff; background: url('../images/icon-arrow-17.png') 50% 30px no-repeat; background-color: rgba(23,23,23,.9); -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -ms-border-radius: 0 10px 10px 0; -o-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; -webkit-box-shadow: -1px 0 5px #222; box-shadow: -1px 0 5px #222; }.btn-vertical.open  { background-image: url('../images/icon-arrow-16.png'); }.btn-vertical:hover  { opacity: .9; }/*------------------------------------*\HEADER WIDGET\*------------------------------------*/.header-widget  { position: relative; width: 74.821429%; /*1257/1680*/margin: 40px auto; }.head-left  { float: left; }.head-right  { float: right; } .head-right  a  { display: inline-block; }.dropdown  { /* style code in plugin.css line 1052 */; }.search  { display: inline-block; } .search  form  { position: relative; } .search  form  input[type=text]  { display: inline-block; width: 100%; padding: 12px 30px 12px 6px; border: 0; border-bottom:1px solid #a3a3a3; font-size: 14px; background: none; } .search  form  input[type=submit]  { position: absolute; top: 50%; right: 10px; width: 15px; height: 15px; margin-top: -7px; border: 0; outline: 0; text-indent: -9999px; background: url('../images/icon-zoom-2.png') 0 0 no-repeat; }.search.adv  { position: relative; } .search.adv  button  { width: 211px; padding: 12px 6px; border: 0; outline: 0; border-bottom:1px solid #a3a3a3; text-align: left; background: none; } .search.adv  button:before  { content: ''; position: absolute; top: 50%; right: 10px; width: 18px; height: 10px; margin-top: -5px; background: url('../images/icon-arrow-3.png') 0 0 no-repeat; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .search.adv  button.open:before  { -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .search.adv  .adv-search-panel  { display: none; position: absolute; top: 38px; left: 0; width: 211px; background: #fff; z-index: 200; -webkit-box-shadow: 0px 1px 10px rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.08); box-shadow: 0px 1px 10px rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.08); } .search.adv  .adv-search-panel  h5  { display: block; margin: 15px 10px; } .search.adv  .adv-search-panel  .from  { width: 156px; float: left; margin: 0 0 17px 12px; border-bottom: 1px solid #a3a3a3; } .search.adv  .adv-search-panel  .end  { width: 156px; float: right; margin-right: 12px; border-bottom: 1px solid #a3a3a3; } .search.adv  .adv-search-panel  input[type=text]  { width: 30px; padding: 3px 0; border-bottom: 0; text-align: center; } .search.adv  .adv-search-panel  input[type=text].year  { width: 52px; } .search.adv  .adv-search-panel  input[type=submit]  { position: relative; display: block; top: auto; right: auto; margin: 20px auto; padding: 10px 0; width: 90%; height: auto; border: 1px solid #9d7740; text-indent: 0; background: url('../images/icon-arrow-5.png') 38% 50% no-repeat; } .search.adv  .adv-search-panel  input[type=submit]:hover  { background-color: #ece7dd; }.btn-tag  { margin-left: 6px; } .btn-tag  li  { display: block; float: left; margin: 0 0px 5px 5px; padding: 0px 5px; border: 1px solid #9d7830; font-size: 90%; line-height: 20px; color: #9d7830; /*cursor: pointer; */; } .btn-tag  li.choosen  { background-color: #9d7740; color: #fff; }.btn-bracket  { width: 90px; height: 25px; padding: 0!important; margin: 10px auto 0 auto; border: 0; outline: 0; font-size: 110%; font-family: 'Hiragino Mincho Pro','Kozuka Mincho Pro',Georgia,Century,'Times New Roman',Times,serif,''; text-align: center; background: url('../images/icon-bracket.png') 0 0 no-repeat; color: #222; }.btn-bracket:hover  { text-decoration: underline; }.share  { position: relative; display: inline-block; } .share  button  { margin-right: 36px; padding: 10px 0; border: 0; outline: 0; text-indent: 25px; font-size: 110%; background: url('../images/icon-arrow-7.png') 0 50% no-repeat; color: #323232; } .share  button:hover  { opacity: .7; } .share  ul  { display: none; width: 100px; position: absolute; top: 130%; padding: 16px 0 4px 17px; background: rgba(0,0,0,.8); z-index: 10; } .share  ul  li  { padding-bottom: 10px; display: inline-block; } .share  ul  li:last-child  { padding-bottom: 0; } .share  ul:after  { content: ''; position: absolute; top: -10px; left: 50%; width: 0; height: 0; margin-left: -6px; border-style: solid; border-width: 0 6px 10px 6px; border-color: transparent transparent rgba(0,0,0,.8) transparent; }/*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  { position: fixed; top: 0; right: 0; width: 110px; height: 100vh; background: rgba(255,255,255,.9); -webkit-box-shadow: 0px 0px 10px 1px #eee; -moz-box-shadow: 0px 0px 10px 1px #eee; -o-box-shadow: 0px 0px 10px 1px #eee; -ms-box-shadow: 0px 0px 10px 1px #eee; box-shadow: 0px 0px 10px 1px #eee; z-index: 500; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  h1 a  { display: block; position: absolute; top: 54px; right: 23px; width: 62px; height: 149px; text-indent: -9999px; background: url('../images/svg-sprite.svg') -1380px -69px no-repeat; z-index: 20; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  ul,.tool  { display: none; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .nav-current  { position: absolute; display: block; top: 287px; right: 44px; text-indent: -9999px; background: url('../images/svg-sprite.svg') 0 0 no-repeat; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .nav-current.history  { width: 23px; height: 118px; background-position: -1528px -626px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .nav-current.books-grid  { width: 24px; height: 214px; background-position: -1479px -626px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .nav-current.faguquanji  { width: 24px; height: 182px; background-position: -1429px -626px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .nav-current.call-material  { width: 23px; height: 114px; background-position: -1382px -626px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .nav-current.video  { width: 23px; height: 115px; background-position: -1331px -626px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .nav-current.bio  { width: 23px; height: 117px; background-position: -1284px -626px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .nav-current.link  { width: 23px; height: 116px; background-position: -1236px -626px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .nav-current.about  { width: 23px; height: 116px; background-position: -1188px -626px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .switch  { position: absolute; display: block; top: 0; right: 0; width: 110px; height: 100vh; cursor: pointer; z-index: 10; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .switch  i  { display: block; position: absolute; top: 551px; right: 48px; width: 14px; height: 25px; text-indent: -9999px; background: url('../images/icon-arrow-1.png') 0 0 no-repeat; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .switch:hover,.switch:active  { opacity: .7; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  ul  { position: absolute; width: 100%; top: 319px; right: 110px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  ul li a  { position: relative; display: block; margin-left: 38px; float: right; text-indent: -9999px; background: url('../images/svg-sprite.svg') 0 0 no-repeat; -webkit-transition: all .5s ease-in-out; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  ul li a:before  { content: ''; position: absolute; top: -30px; left: 2px; width: 14px; height: 14px; background: url('../images/icon-circle.png') 0 0 no-repeat; opacity: 0; -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  ul li a:hover:before  { opacity: 1; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  ul li a:active:before  { opacity: 1; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  ul li a:hover  { opacity: .7; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .history a  { width: 18px; height: 96px; background-position: -1538px -315px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .books-grid a  { width: 18px; height: 184px; background-position: -1485px -315px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .faguquanji a  { width: 18px; height: 148px; background-position: -1432px -315px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .call-material a  { width: 18px; height: 95px; background-position: -1380px -315px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .video a  { width: 18px; height: 95px; background-position: -1326px -315px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .bio a  { width: 18px; height: 95px; background-position: -1273px -315px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .link a  { width: 18px; height: 96px; background-position: -1219px -315px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .about a  { width: 18px; height: 96px; background-position: -1165px -315px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .tool  { position: absolute; width: 363px; bottom: 14px; right: 44px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .search  { display: inline-block; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .search  input[type=text]  { width: 225px; padding: 6px 30px 6px 10px; border: 1px solid #9d7740; font-size: 110%; color: #222; background-color: #fff; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .search  input[type=submit]  { position: absolute; top: 10px; right: 10px; width: 16px; height: 17px; border: 0; outline: 0; text-indent: -9999px; background: url('../images/icon-zoom.png') 0 0 no-repeat; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .lang  { display: inline-block; margin-left: 20px; line-height: 1.1em; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .lang  a  { display: inline-block; text-indent: 20px; font-size: 16px; background: url('../images/icon-arrow-15.png') 0 0 no-repeat; color: #9d7740; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .lang  a:hover  { opacity: .7; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .lang  a:active  { opacity: .7; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .copyright  { margin-top: 10px; } /*------------------------------------*\NAVIGATION\*------------------------------------*/.nav-main  .copyright  p  { color: #666; }.home .nav-main  { width: 450px; -webkit-box-shadow: none; box-shadow: none; } .home .nav-main  h1 a  { right: auto; left: 50%; margin-left: -31px; } .home .nav-main  ul  { display: block; top: 297px; right: 50px; } .home .nav-main  .tool  { display: block; }.nav-sub  { position: fixed; top: 0; left: 0; width: 30px; height: 100vh; background: #fff; -webkit-box-shadow: -5px 0px 10px 1px #ccc; -moz-box-shadow: -5px 0px 10px 1px #ccc; -o-box-shadow: -5px 0px 10px 1px #ccc; -ms-box-shadow: -5px 0px 10px 1px #ccc; box-shadow: -5px 0px 10px 1px #ccc; z-index: 20; } .nav-sub  li  { cursor: pointer; } .nav-sub  li a  { display: block; width: 30px; text-indent: -9999px; background: url('../images/svg-sprite.svg') 0 0 no-repeat; } .nav-sub  li a:hover  { opacity: .7; } .nav-sub  li a:active  { opacity: .7; } .nav-sub  .bio a  { height: 102px; background-position: -1054px -74px; } .nav-sub  .bio-thought a  { height: 102px; background-position: -1018px -74px; } .nav-sub  .bio-international a  { height: 102px; background-position: -983px -74px; } .nav-sub  .bio-ancestry a  { height: 139px; background-position: -949px -74px; } .nav-sub  .bio-monk a  { height: 124px; background-position: -912px -74px; } .nav-sub  .bio-painting a  { height: 124px; background-position: -877px -74px; } .nav-sub  .bio a.current  { background-position: -1054px -177px; } .nav-sub  .bio-thought a.current  { background-position: -1018px -177px; } .nav-sub  .bio-international a.current  { background-position: -983px -177px; } .nav-sub  .bio-ancestry a.current  { background-position: -949px -216px; } .nav-sub  .bio-monk a.current  { background-position: -912px -199px; } .nav-sub  .bio-painting a.current  { background-position: -877px -199px; } .nav-sub  .mCSB_scrollTools  { left: 30px; } .nav-sub  .mCustomScrollBox  { overflow: visible; } .nav-sub  .mCSB_inside > .mCSB_container  { margin-right: 0; } .nav-sub  .mCSB_scrollTools .mCSB_draggerContainer  { left: -10px; }.nav-sub.has-child  { } .nav-sub.has-child  .parent a  { position: relative; display: block; width: 30px; height: 94px; text-indent: -9999px; background: url('../images/svg-sprite.svg') 0 -68px no-repeat #fff; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; z-index: 10; } .nav-sub.has-child  .parent a:hover  { opacity: 1; } .nav-sub.has-child  #child-1 a  { background-position: -630px -68px; } .nav-sub.has-child  #child-2 a  { background-position: -593px -68px; } .nav-sub.has-child  #child-3 a  { background-position: -559px -68px; } .nav-sub.has-child  #child-1.parent.current a  { background-position: -630px -162px!important; } .nav-sub.has-child  #child-2.parent.current a  { background-position: -593px -162px!important; } .nav-sub.has-child  #child-3.parent.current a  { background-position: -559px -162px!important; } .nav-sub.has-child  .child-wrapper  { position: absolute; width: 90px; height: 100vh; top: 0; left: -90px; background: #fff; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; z-index: 9; } .nav-sub.has-child  .child-wrapper  p  { width: 20px; line-height: 18px; margin: 23px 0 34px 40px; } .nav-sub.has-child  .child-wrapper  li a  { width: 20px; margin: 0 0 34px 40px; line-height: 18px; text-indent: 0; color: #8f8f8f; } .nav-sub.has-child  .child-wrapper.open  { left: 30px; } .nav-sub.has-child  .mCSB_scrollTools  { left: auto; right: -11px; }.nav-sub.drag  { width: 0; /*width: 215px; */background: url('../images/icon-line-2.png') 45px 0 repeat-y rgba(0,0,0,.8); } .nav-sub.drag  ul  { margin: 20px 0 20px 45px; } .nav-sub.drag  ul  li  { margin-bottom: 40px; } .nav-sub.drag  ul  li:first-child  { padding-top: 70px; } .nav-sub.drag  li a  { position: relative; width: 110px; text-indent: 0; text-align: center; color: #fff; } .nav-sub.drag  li a  span  { padding: 2px 12px 0px 12px; font-size: 120%; text-align: center; background: #fff; color: #222; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } .nav-sub.drag  li a:before  { content: ''; position: absolute; top: 4px; left: -8px; width: 16px; height: 15px; background: url('../images/svg-sprite.svg') -242px -300px no-repeat; } .nav-sub.drag  li a.active  { color: #9d7740; } .nav-sub.drag  li a.active  span  { background: #9d7740; color: #fff; } .nav-sub.drag  li a.active:before  { background-position: -242px -315px; } .nav-sub.drag  .mCSB_scrollTools  { left: auto; right: -10px; }.nav-sub.scroll  { width: 0; padding: 20px 0; background: rgba(0,0,0,.9); } .nav-sub.scroll  li a  { width: auto; text-indent: 0; background: none; color: #fff; } .nav-sub.scroll  #hierarchy-wrapper  { margin: 0 45px 0 20px; } .nav-sub.scroll  #hierarchy-wrapper  ul  { } .nav-sub.scroll  #hierarchy-wrapper  ul  li a  { position: relative; padding: 15px 0; border-bottom: 1px solid #525252; color: #dadada; } .nav-sub.scroll  #hierarchy-wrapper  ul  li a:before  { content: ''; position: absolute; width: 17px; height: 9px; top: 50%; right: 15px; margin-top: -4px; background: url('../images/svg-sprite.svg') -210px -321px no-repeat; } .nav-sub.scroll  #hierarchy-wrapper li a:before  { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .nav-sub.scroll  #hierarchy-wrapper li.open > a:before  { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .nav-sub.scroll  #hierarchy-wrapper > li > a  { position: relative; padding: 25px 15px; border-bottom: 1px solid #888888; font-size: 120%; } .nav-sub.scroll  #hierarchy-wrapper > li > a:before  { content: ''; position: absolute; width: 17px; height: 9px; top: 50%; right: 15px; margin-top: -4px; background: url('../images/svg-sprite.svg') -210px -303px no-repeat; } .nav-sub.scroll  .hierarchy-link a:hover  { opacity: 1; color: #9d7740!important; } .nav-sub.scroll  .hierarchy-link a:before  { width: 10px!important; height: 19px!important; margin-top: -8px!important; background: url('../images/svg-sprite.svg') -214px -334px no-repeat!important; -webkit-transition: color .2s ease!important; -o-transition: color .2s ease!important; transition: color .2s ease!important; } .nav-sub.scroll  .hierarchy-link a:hover:before  { background: url('../images/svg-sprite.svg') -214px -353px no-repeat!important; } .nav-sub.scroll  .mCSB_scrollTools  { left: auto; right: 10px; } .nav-sub.scroll  .mCSB_dragger_bar  { background: rgba(255,255,255,1)!important; }#hierarchy-wrapper ul,#hierarchy-wrapper ul ul,#hierarchy-wrapper ul ul ul,#hierarchy-wrapper ul ul ul ul,#hierarchy-wrapper ul ul ul ul ul  { margin: 0 20px; }.left-panel,.right-panel  { display: none; }/*------------------------------------*\PAGES--HOME\*------------------------------------*/.wrapper.home  { overflow-y: hidden; }.home .nav-main  { -webkit-animation-delay: .9s; animation-delay: .9s; -webkit-animation-duration: 1s; animation-duration: 1s; }.home .content  { margin: 0; height: 100vh; background: url('../images/img-home.jpg') 50% 100% no-repeat; background-size: cover; -webkit-animation-delay: 1.9s; animation-delay: 1.9s; -webkit-animation-duration: 1s; animation-duration: 1s; } .home .content  article  { -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-duration: .5s; animation-duration: .5s; opacity: 0; position: absolute; top: 13%; left: 15%; } .home .content  article  h1  { float: right; width: 200px; height: 322px; text-indent: -9999px; background: url('../images/img-home-title.png') 0 0 no-repeat; background-size: contain; } .home .content  article  p  { width: 148px; height: 328px; margin-top: 125px; margin-right: 230px; text-indent: -9999px; background: url('../images/svg-sprite.svg') -1429px -1051px no-repeat; }/*------------------------------------*\PAGES--HISTORY\*------------------------------------*/.content.history  { position: absolute; top: 50%; width: 70.416667%; /*1183/1680*/margin-left: 12.261905%; } /*------------------------------------*\PAGES--HISTORY\*------------------------------------*/.content.history  /*206/1680*/article  { float: left; width: 66.779374%; /*790/1183*/padding-left: 22px; } /*------------------------------------*\PAGES--HISTORY\*------------------------------------*/.content.history  /*206/1680*/article  time  { color: #9d7740; } /*------------------------------------*\PAGES--HISTORY\*------------------------------------*/.content.history  /*206/1680*/article  p  { margin-bottom: 30px; } /*------------------------------------*\PAGES--HISTORY\*------------------------------------*/.content.history  /*206/1680*/article  .tag-type-1  { margin-left: 10px; padding: 0 6px; background: #9d7740; color: #fff; font-size: 80%; } /*------------------------------------*\PAGES--HISTORY\*------------------------------------*/.content.history  /*206/1680*/article  /*/*阿閒移除.btn-bracket.icon-doc-2  { float: right; margin-top: 0; width: 135px; height: 31px; font-size: 150%; text-indent: 20px; background: url('../images/icon-bracket-4.png') 0 0 no-repeat; */; } /*------------------------------------*\PAGES--HISTORY\*------------------------------------*/.content.history  h1  { position: relative; font-weight: normal; } /*------------------------------------*\PAGES--HISTORY\*------------------------------------*/.content.history  .head-left  { position: relative; width: 32.967033%; /*390/1183*/; } /*------------------------------------*\PAGES--HISTORY\*------------------------------------*/.content.history  .img-wrapper  { position: relative; max-width: 88%; } /*------------------------------------*\PAGES--HISTORY\*------------------------------------*/.content.history  .img-caption  { display: block; margin-top: 10px; background: url('../images/icon-circle.png') 0 40% no-repeat; text-indent: 20px; } /*------------------------------------*\PAGES--HISTORY\*------------------------------------*/.content.history  .timeline-nav  { position: absolute; width: 100%; top: 45%; left: 0; } /*------------------------------------*\PAGES--HISTORY\*------------------------------------*/.content.history  .timeline-nav  a  { display: block; position: absolute; left: -90px; width: 65px; height: 60px; text-indent: -9999px; background: url('../images/icon-arrow-prev.png') 0 0 no-repeat; } /*------------------------------------*\PAGES--HISTORY\*------------------------------------*/.content.history  .timeline-nav  a.next  { left: auto; right: -90px; background-image: url('../images/icon-arrow-next.png'); } /*------------------------------------*\PAGES--HISTORY\*------------------------------------*/.content.history  .timeline-nav  a:hover  { opacity: .7; }.timeline-river  { position: fixed; bottom: 0; left: 0; } .timeline-river  .timeline-tool  { position: absolute; top: 0; left: 30%; } .timeline-river  .timeline-tool  li  { display: inline-block; float: left; width: 21px; height: 21px; margin-right: 5px; background: url('../images/icon-timeline-btns.png') 0 0 no-repeat; cursor: pointer; } .timeline-river  .timeline-tool  li.tool-2  { background-position: -26px 0; } .timeline-river  .timeline-tool  li.tool-3  { background-position: -52px 0; }.book-info-text-title	 { font-weight:bold; }#book-info-modal	 { display: none; position: absolute; top: 50%; left: 50%; width: 500px; height: 500px; /*margin-top: -250px; margin-left: -250px; */padding: 18px 0; border: 1px solid #ccc; background: #fff; -webkit-box-shadow: 0 2px 10px #ccc; box-shadow: 0 2px 10px #ccc; z-index: 500; } #book-info-modal	 .close  { position: relative; float: right; margin-right: 10px; display: block; width: 15px!important; height: 14px; margin-top: 5px; text-indent: -9999px; background: url('../images/icon-close-2.png') 0 0 no-repeat; cursor: pointer; } #book-info-modal	 .book-info-content	 { margin-top:25px; } #book-info-modal	 .book-info-content	 .book-info-text	 { border-top:1px dotted; margin:18px; padding:15px; } #book-info-modal	 .book-info-content	 .book-info-text	 a	 { color:#9d7830; text-decoration:underline; } #book-info-modal	 .book-info-content	 .book-info-img	 { height: 181px; overflow: hidden; width:115px; margin:auto; } #book-info-modal	 .book-info-content	 .book-info-img	 img	 { width:100%; }.history-related  { display: none; position: absolute; top: 50%; left: 50%; width: 500px; height: 500px; margin-top: -250px; margin-left: -250px; padding: 18px 0; border: 1px solid #ccc; background: #fff; -webkit-box-shadow: 0 2px 10px #ccc; box-shadow: 0 2px 10px #ccc; z-index: 150; } .history-related  .control  { position: absolute; top: 18px; width: 443px; padding: 5px 0; margin: 0 38px 0 18px; border-top: 1px solid #bababa; border-bottom: 1px solid #bababa; background: #fff; z-index: 10; } .history-related  .control  .close  { position: relative; float: right; margin-right: 10px; display: block; width: 15px!important; height: 14px; margin-top: 5px; text-indent: -9999px; background: url('../images/icon-close-2.png') 0 0 no-repeat; cursor: pointer; } .history-related  .control-tab  { border: 0; margin: 0; margin-left: 18px; padding: 0; background: #fff; } .history-related  .control-tab  .close  { /*float: left; */margin: 0 0 0 10px; background-position: 50% 50%; background-color: #fff; position:relative; left:20px; top:3px; } .history-related  .control-tab .tabs li  { width: 191px; } .history-related  .control-tab .tabs li a:before  { left:24%; } .history-related  .tabs  { } .history-related  .tabs  li  { float: left; width: 45%; } .history-related  .tabs  li  a  { position: relative; display: block; border: 1px solid #5b5b5b; text-align: center; padding-top: 3px; line-height: 23px; /*阿閒：原值是33px */background: #fff; } .history-related  .tabs  li  a:before  { content: ''; position: absolute; display: block; top: 50%; left: 27%; width: 16px; height: 16px; margin-top: -8px; background: url('../images/icon-arrow-6.png') 0 0 no-repeat; } .history-related  .tabs  li.active a  { background: #000; color: #fff; } .history-related  .tabs  li.active a:before  { background-position: 0 -16px; } .history-related  .tabs  li:first-child  { margin-right: 11px; } .history-related  .tab_container  { margin: 30px 38px 0 18px; } .history-related  .tab_container  li  { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #bababa; } .history-related  .tab_container  li  a  { display: inline-block; float: right; width: 28px; height: 16px; margin-top: 5px; text-indent: -9999px; background: url('../images/icon-bracket-5.png') 0 0 no-repeat; } .history-related  .tab_container  li  a:hover  { opacity: .7; } .history-related  .tab_container  .tag-type-2  { margin-right: 10px; padding: 0 6px; border: 1px solid #9d7740; color: #9d7740; font-size: 80%; } .history-related  .mCSB_inside > .mCSB_container  { margin-right: 0; } .history-related  .mCSB_scrollTools  { margin: 0 10px 0 0; }.overlay-w  { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(255,255,255,.9); z-index: 100; }.img-wrapper:before, .img-wrapper:after  { content: ''; position: absolute; top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8); box-shadow: 0 0 20px rgba(0,0,0,0.8); z-index: -1; }.img-wrapper:after  { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); -o-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); }/*------------------------------------*\PAGES--BOOKS\*------------------------------------*/.header-widget.books  { } /*------------------------------------*\PAGES--BOOKS\*------------------------------------*/.header-widget.books  .search  { display: block; float: left; width: 210px; height: 42px; margin: 0 25px 0 0; line-height: 13px; } /*------------------------------------*\PAGES--BOOKS\*------------------------------------*/.header-widget.books  .dropdown  { float: left; width: 210px; height: 42px; font-size: 13px; line-height: 22px; } /*------------------------------------*\PAGES--BOOKS\*------------------------------------*/.header-widget.books  .view-mode  { float: left; margin: 13px 0 0 10px; } /*------------------------------------*\PAGES--BOOKS\*------------------------------------*/.header-widget.books  .view-mode  li  { display: inline-block; margin-left: 20px; } /*------------------------------------*\PAGES--BOOKS\*------------------------------------*/.header-widget.books  .view-mode  li  a  { display: block; width: 20px; height: 20px; text-indent: -9999px; background: url('../images/svg-sprite.svg') 0 0 no-repeat; } /*------------------------------------*\PAGES--BOOKS\*------------------------------------*/.header-widget.books  .view-mode  li  a.grid  { background-position: -336px -178px; } /*------------------------------------*\PAGES--BOOKS\*------------------------------------*/.header-widget.books  .view-mode  li  a.list  { background-position: -359px -178px; } /*------------------------------------*\PAGES--BOOKS\*------------------------------------*/.header-widget.books  .view-mode  li  a.grid.active  { background-position: -336px -200px; } /*------------------------------------*\PAGES--BOOKS\*------------------------------------*/.header-widget.books  .view-mode  li  a.list.active  { background-position: -359px -200px; } /*------------------------------------*\PAGES--BOOKS\*------------------------------------*/.header-widget.books  .view-mode  li  a:hover  { opacity: .7; }.content.books  { width: 74.821429%; } .content.books  .item  { height: 325px; } .content.books  .item  /* 阿閒：books的detail選單，原值是 400px*/section > a  { display: block; padding: 20px 32px; } .content.books  .item  section  { padding: 0 18px; } .content.books  .item  section  h1  { font-size: 100%; line-height: 18px; } .content.books  .item  section  h1  a  { padding: 0; } .content.books  .item  section  h1  a:hover  { text-decoration: underline; } .content.books  .item  section  p  { padding: 0; text-align: left; font-size: 90%; color: #5b5b5b; } .content.books  .item  section  .btn-tag  { display: table; margin-left: -6px; } .content.books  .item  section  .btn-tag  li:last-child:before  { content: ''; clear: both; } .content.books  .item  section  button  { display: block; } .content.books  .item  section  a:hover img  { opacity: .7; } .content.books  .detail  { display: none; position: absolute; top: 100%; left: 0; width: 100%; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; background: #fff; z-index: 10; padding: 21px; } .content.books  .pagnav  { margin: 30px auto; } .content.books  .pagnav  a:hover  { text-decoration: underline; }.content.books.list  { margin-top: 0; } .content.books.list  table  { border-collapse: separate; border-spacing: 0 10px; } .content.books.list  td  { font-size: 100%; border: 0; width: 15%; } .content.books.list  thead  { background: #dadada; } .content.books.list  thead  td  { padding: 15px 20px; } .content.books.list  .item  { width: 100%; height: auto; margin: 10px 0; background: #fff; } .content.books.list  .item  td  { position: relative; padding: 10px; } .content.books.list  .item  td  a  { color: #000; font-weight: bold; } .content.books.list  .item  td  a:hover  { text-decoration: underline; } .content.books.list  .item  td:before  { content: ''; display: block; position: absolute; top: 6%; right: 0; width: 1px; height: 90%; background: #d5d5d5; } .content.books.list  .item  td:last-child:before  { display: none; } .content.books.list  .item  .btn-tag  { margin-left: 0; }.header-widget.books-content  { width: 82%; margin: 10px 0 0 90px; } .header-widget.books-content  h1  { font-weight: normal; font-size: 24px; } .header-widget.books-content  .dropdown  { width: 400px; } .header-widget.books-content  a.back  { font-size: 110%; text-indent: 30px; background: url('../images/icon-arrow-8.png') 0 40% no-repeat; } .header-widget.books-content  a:hover  { opacity: .7; } .header-widget.books-content  .head-right  { margin-top: 10px; }.content.books-content + .nav-sub.drag { background-image: none; } .content.books-content + .nav-sub.drag ul  { margin: 0; } .content.books-content + .nav-sub.drag ul  li:first-child  { padding-top: 0; } .content.books-content + .nav-sub.drag ul  li  { margin-bottom: 0; } .content.books-content + .nav-sub.drag ul  li  a  { background: none; } .content.books-content + .nav-sub.drag ul  li  a:before  { content: none; }.content.books.books-content  { width: 87%; margin: 0 0 0 40px; } .content.books.books-content  .col-2-1  { float: left; width: 50%; } .content.books.books-content  .col-2-1 > section  { position: relative; background: #fff; z-index: 9; } .content.books.books-content  .col-2-1 > section  .widget.row1  { float: right; margin: 21px 67px 0 0; } .content.books.books-content  .scroll-content  { margin: 0 10px 0 15px; padding: 20px 0 0 10px; } .content.books.books-content  .scroll-content  .widget.row2  { } .content.books.books-content  .scroll-content  .widget.row2  li  { display: inline-block; width: 30px; height: 30px; text-indent: -9999px; } .content.books.books-content  .scroll-content  .widget.row2  li:hover  { opacity: .7; } .content.books.books-content  .scroll-content  .widget.row2  /*.icon-edit  { background: url('../images/icon-edit.png') 0 0 no-repeat; cursor: pointer; } .content.books.books-content  .scroll-content  .widget.row2  li.icon-geo  { margin-left: 40px; background: url('../images/icon-geo.png') 0 0 no-repeat; cursor: pointer; } .content.books.books-content  .scroll-content  .widget.row2  */h3  { margin-top: 20px; font-weight: normal; font-size: 16px; color: #9d7740; } .content.books.books-content  .scroll-content  article  { margin-top: 23px; } .content.books.books-content  .scroll-content  article  h1,h2  { font-size: 120%; } .content.books.books-content  .scroll-content  article  p  { margin-bottom: 40px; } .content.books.books-content  .scroll-content  article  p  a:hover  { text-decoration: none; } .content.books.books-content  .scroll-content  article  /*.icon-edit  { float: left; width: 30px; height: 30px; margin: 30px 5px 0 0; text-indent: -9999px; background: url('../images/icon-edit.png') 0 0 no-repeat; */; } .content.books.books-content  .col-2-1.section-1 section  { padding-bottom: 20px; } .content.books.books-content  .section-1	 { } .content.books.books-content  .section-1	 section  { padding-bottom: 20px; } .content.books.books-content  .section-2  { } .content.books.books-content  .section-2  section  { padding-bottom: 20px; margin-left: 20px; } .content.books.books-content  .section-2  button  { float: right; margin: 0px 47px 0 0; border: 0; outline: 0; line-height: 42px; text-indent: 15px; background: url('../images/icon-arrow-9.png') 0 50% no-repeat; } .content.books.books-content  .section-2  button.icon-full  { padding-left: 10px; background-image: url('../images/icon-close-3.png'); } .content.books.books-content  .section-2  .scroll-content  { padding-top: 0; } .content.books.books-content  .section-3  { display: none; } .content.books.books-content  .section-3  section  { margin-left: 20px; padding-bottom: 21px; } .content.books.books-content  .section-3  .filename  { float: left; margin: 0 0 0 100px; font-size: 110%; line-height: 48px; } .content.books.books-content  .section-3  .widget.row1  { margin-top: 0!important; } .content.books.books-content  .section-3  button  { padding-right: 20px; border: 0; outline: 0; text-indent: 15px; line-height: 42px; background: url('../images/icon-map.png') 0 50% no-repeat; } .content.books.books-content  .section-3  button.icon-full  { padding-left: 10px; background-image: url('../images/icon-close-3.png'); } .content.books.books-content  .section-3  .scroll-content  { position: relative; padding-top: 0; overflow: hidden; } .content.books.books-content  .section-3  .scroll-content  img  { display: block; margin: 30px auto 0 auto; } .content.books.books-content  .section-3  .scroll-content  .tools  { position: absolute; bottom: 10px; left: 50%; margin-left: -125px; } .content.books.books-content  .section-3  .scroll-content  .tools  li  { display: inline-block; width: 24px; height: 24px; margin-right: 3px; text-indent: -9999px; background: url('../images/icon-tools.png') 0 0 no-repeat; cursor: pointer; } .content.books.books-content  .section-3  .scroll-content  .tools  li:last-child  { margin-right: 0; } .content.books.books-content  .section-3  .scroll-content  .tools  li.icon-down  { background-position: -26px 0; } .content.books.books-content  .section-3  .scroll-content  .tools  li.icon-left  { background-position: -53px 0; } .content.books.books-content  .section-3  .scroll-content  .tools  li.icon-right  { background-position: -80px 0; } .content.books.books-content  .section-3  .scroll-content  .tools  li.icon-zoomin  { background-position: -107px 0; } .content.books.books-content  .section-3  .scroll-content  .tools  li.icon-zoomout  { background-position: -135px 0; } .content.books.books-content  .section-3  .scroll-content  .tools  li.icon-square  { background-position: -162px 0; } .content.books.books-content  .section-3  .scroll-content  .tools  li.icon-fullscreen  { background-position: -188px 0; } .content.books.books-content  .title  { position: relative; display: block; width: 84px; height: 135px; margin-left: 10px; margin-bottom: -95px; text-indent: -9999px; background: url('../images/svg-sprite.svg') 0 0 no-repeat; z-index: 10; } .content.books.books-content  .title-1  { background-position: -745px -831px; } .content.books.books-content  .title-2  { margin-left: 30px; background-position: -659px -831px; } .content.books.books-content  .title-3  { margin-left: 30px; background-position: -575px -831px; }.popup.books-content  { display: block; } .popup.books-content  .control  { cursor: move; background: #E4E4E4; } .popup.books-content  table  { width: 443px; margin: 50px 20px 0px 18px; } .popup.books-content  table  td:first-child  { width: 20%; background: #ece7dd; }.popup.books-content.map  { width: 300px; height: 500px; margin-left: -150px; margin-top: -240px; padding-bottom: 50px; } .popup.books-content.map  .control-2  { width: 245px; position: relative; margin: 4px 30px 30px 20px; background: #fff; } .popup.books-content.map  .close  { position: relative; float: right; margin-right: 15px; display: block; width: 15px; height: 14px; margin-top: -2px; text-indent: -9999px; background: url('../images/icon-close-2.png') 0 0 no-repeat; cursor: pointer; } .popup.books-content.map  article  { margin: 0 30px 40px 20px; padding-bottom: 27px; border-bottom: 1px solid #c2c2c2; } .popup.books-content.map  article  h1  { font-size: 110%; line-height: 34px; } .popup.books-content.map  article  a.icon-arrow  { display: block; margin-top: 10px; padding: 10px 0; border: 1px solid #666; text-align: center; font-size: 14px; background: url('../images/icon-arrow-12.jpg') 34% 46% no-repeat; color: #242424; } .popup.books-content.map  article  a.icon-arrow:hover  { opacity: .7; }.content.books.books-content.full  { } .content.books.books-content.full  .col-2-1  { float: none; width: 100%; } .content.books.books-content.full  .col-2-1:first-child > section  { margin-right: 0; }/*------------------------------------*\PAGES--COLLECTOIN\*------------------------------------*/.header-widget.collection-content  { width: 87.916667%; /*1477/1680*/; margin-left: 3.1547619%; } /*------------------------------------*\PAGES--COLLECTOIN\*------------------------------------*/.header-widget.collection-content  .dropdown  { width: 400px; } /*------------------------------------*\PAGES--COLLECTOIN\*------------------------------------*/.header-widget.collection-content  .widget.row1  { display: inline-block; margin-left: 37px; } /*------------------------------------*\PAGES--COLLECTOIN\*------------------------------------*/.header-widget.collection-content  .widget.row1  li  { margin: 10px 22px 0 0; }.content.collection-content  { width: 87.916667%; /*1477/1680*/; margin: 0 0 0 3.1547619%; } .content.collection-content  /*53/1680*/h1  { position: relative; width: 49px; height: 271px; text-indent: -9999px; background: url('../images/svg-sprite.svg') -928px -831px no-repeat; z-index: 10; } .content.collection-content  .col-wrapper  { position: relative; margin: -211px 0 0 21px; background: #fff; z-index: 9; } .content.collection-content  .col-3-2  { width: 69.024725%; /*1005/1456*/float: left; margin: 35px 0; padding: 0 45px; } .content.collection-content  .col-3-2  section  { padding-left: 10px; border-left: 1px solid #ece7dd; color: #5b5b5b; } .content.collection-content  .col-3-2  li  { list-style: disc; list-style-position: inside; font-size: 16px; } .content.collection-content  .col-3-2  li  .btn-tag  { margin-left: 0; } .content.collection-content  .col-3-2  li  .btn-tag  i  { margin: 0 0px 5px 5px; padding: 0px 5px; border: 1px solid #9d7830; font-size: 90%; line-height: 20px; color: #9d7830; } .content.collection-content  .col-3-2  .li-h li  { display: inline-block; list-style: none; } .content.collection-content  .col-3-2  .li-h li  a  { text-decoration: underline; } .content.collection-content  .col-3-2  .li-h li  a:hover  { text-decoration: none; } .content.collection-content  .col-3-2  .li-h li:after  { content: '、'; } .content.collection-content  .col-3-2  .li-h li:last-child:after  { content: none; } .content.collection-content  .col-3-2  .indent  { padding-left: 20px; } .content.collection-content  .col-3-2  article  { border-bottom: 1px solid #ece7dd; padding-bottom: 10px; } .content.collection-content  .col-3-2  article  .title-circle  { margin-left: 0; margin-bottom: 5px; color: #2d2d2d; } .content.collection-content  .col-3-1  { width: 30.906593%; /*450/1456*/float: left; padding: 0 40px; border-left: 1px solid #ece7dd; } .content.collection-content  .col-3-1  .slides-wrapper  { position: relative; top: 50%; overflow: hidden; } .content.collection-content  .col-3-1  .slides-wrapper  #lightSlider li a  { display: block; position: relative; width: 74%; } .content.collection-content  .col-3-1  .slides-wrapper  #lightSlider li a  img  { max-width: none; width: 50%; } .content.collection-content  .col-3-1  .slides-wrapper  #lightSlider li a:after  { opacity: 0; content: ''; position: absolute; top: 0; left: 0; width: 50%; height:100%; /*阿閒改：原本為100% */background: url('../images/icon-zoom-3.png') 50% 50% no-repeat rgba(0,0,0,.5); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 10; } .content.collection-content  .col-3-1  .slides-wrapper  #lightSlider li a:hover:after  { opacity: 1; } .content.collection-content  .title  { font-size: 120%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ece7dd; color: #2d2d2d; } .content.collection-content  .title + p  { padding: 21px 0; }.thumb-wrapper  { opacity: 0; position: fixed; width: 100%; height: 205px; left: 0; padding: 30px 0; background: rgba(0,0,0,.9); } .thumb-wrapper  button  { position: absolute; bottom: 100%; left: 50%; margin: -50px 0 0 -62px; padding: 10px; border: 0; outline: 0; font-size: 110%; font-weight: bold; text-indent: 20px; background: url('../images/icon-arrow-11.png') 10% 50% #000 no-repeat; color: #fff; background-color: rgba(23,23,23,.9); -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; -webkit-box-shadow: 0 1px 5px #222; box-shadow: 0 1px 5px #222; } .thumb-wrapper  .visible  { width: 84%; height: 145px; margin-left: 100px; overflow: hidden; } .thumb-wrapper  .visible  ul  { height: 145px!important; } .thumb-wrapper  .visible  ul  img  { height: 100%!important; }.thumb-wrapper.open  { bottom: 0!important; } .thumb-wrapper.open  button  { background: url('../images/icon-arrow-13.png') 10% 50% #000 no-repeat; }.mb-slides-wrapper  { display: none; }#lightSlider  { } #lightSlider  .detail  { display: none!important; } #lightSlider  .zoom  { cursor: pointer; }.zoom-wrapper  { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.9); z-index: 600; } .zoom-wrapper  .zoom-content  { position: absolute; /*top: 50%; */left: 50%; } .zoom-wrapper  .detail-title  { float: left; width: 49px; height: 256px; margin: 40px 0 0 0; text-indent: -9999px; background: url('../images/svg-sprite.svg') -437px -831px no-repeat; } .zoom-wrapper  .zoom-slides-wrapper  { position: relative; display: inline-block; margin: 0 auto; } .zoom-wrapper  .zoom-slides-wrapper  #lightSlider  { height: 100%!important; } .zoom-wrapper  .zoom-slides-wrapper  #lightSlider  .zoom  { cursor: default!important; } .zoom-wrapper  .zoom-slides-wrapper  #lightSlider  .zoom  a  { width: auto!important; } .zoom-wrapper  .zoom-slides-wrapper  #lightSlider  .zoom  img  { width: 80%; max-width:80%; } .zoom-wrapper  .zoom-slides-wrapper  .thumb-wrapper  { z-index: -1; } .zoom-wrapper  .zoom-slides-wrapper  .close  { position: fixed; top: 40px; right: 100px; width: 68px; height: 68px; text-indent: -9999px; background: url('../images/icon-close.png') 0 0 no-repeat; cursor: pointer; z-index: 10; } .zoom-wrapper  .zoom-slides-wrapper  .close:hover  { opacity: .7; } .zoom-wrapper  .zoom-slides-wrapper  .lSAction  { position: fixed; top: 48%; width: 100%; } .zoom-wrapper  .zoom-slides-wrapper  .lSAction a  { display: block; width: 65px; height: 60px; } .zoom-wrapper  .zoom-slides-wrapper  .lSAction > .lSNext  { right: 30px; background: url('../images/icon-arrow-next-2.png') 0 0 no-repeat; } .zoom-wrapper  .zoom-slides-wrapper  .lSAction > .lSPrev  { background: url('../images/icon-arrow-prev-2.png') 0 0 no-repeat; } .zoom-wrapper  .detail-wrapper  { display: inline-block; width: 200px; /*原本是420*/padding-bottom: 200px; vertical-align: bottom; margin-left:-30px; position:absolute; right:-180px; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .zoom-wrapper  .detail-wrapper  .detail  { opacity: 1!important; width:200px; } .zoom-wrapper  .detail-wrapper  p  { color: #fff; font-size:14px; }/*------------------------------------*\PAGES--VIDEO\*------------------------------------*/.header-widget.video  { } /*------------------------------------*\PAGES--VIDEO\*------------------------------------*/.header-widget.video  .dropdown  { width: 213px; } /*------------------------------------*\PAGES--VIDEO\*------------------------------------*/.header-widget.video  .search  { width: 213px; } /*------------------------------------*\PAGES--VIDEO\*------------------------------------*/.header-widget.video  .icon-video  { display: inline-block; width: 27px; height: 20px; margin-left: 20px; text-indent: -9999px; line-height: 16px; background: url('../images/icon-video.png') 0 0 no-repeat; } /*------------------------------------*\PAGES--VIDEO\*------------------------------------*/.header-widget.video  .icon-video:hover  { opacity: .7; }.content.video  { width: 74.821429%; /*1257/1680*/; margin-top: 0; } .content.video  .grid-wrapper .item  { height: 300px; } .content.video  .title  { margin-left: 17px; margin-bottom: 20px; font-size: 2.4em; line-height: 2em; } .content.video  section  { } .content.video  section  img  { padding: 20px 25px; } .content.video  section  h1  { padding: 0 16px 5px 16px; font-size: 100%; line-height: 18px; } .content.video  section  p  { padding: 0 16px; text-align: left; font-size: 90%; line-height: 18px; } .content.video  section  p  .gold  { color: #9d7740; } .content.video  section  a:hover img  { opacity: .7; } .content.video  section > a  { padding: 0!important; }.pagnav  { display: block; /*阿閒：這裡竟然用!important，拿掉！*/text-align: center; } .pagnav  a  { display: inline-block; width: 145px; height: 35px; margin-right: 50px; line-height: 32px; font-size: 140%; text-indent: 30px; } .pagnav  a.icon-circle  { background: url('../images/icon-bracket-2.png') 0 0 no-repeat; } .pagnav  a.icon-right-2  { margin-right: 0; background: url('../images/icon-bracket-3.png') 0 0 no-repeat; }/*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  { } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  article  { padding-right: 17.636364%; /*194/1100*/; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  section  { position: relative; margin-bottom: 73px; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .title-1  { position:relative; width: 62px; height: 212px; text-indent: -9999px; background: url('../images/svg-sprite.svg') -1063px -406px no-repeat; z-index: 10; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .title-1 + p  { margin: -140px 0 15px 80px; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .title-1 + p + img  { position:relative; margin: 0 0 10px 50px; z-index: 9; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .section-1 .title-circle + p,.section-1 .title-circle + p + p  { margin: 0 0 0 70px; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .section-1 .title-circle + p + p,.section-2 .title-circle + p + p  { margin-top: 40px; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .title-2  { position: relative; float: right; width: 62px; height: 247px; text-indent: -9999px; background: url('../images/svg-sprite.svg') -995px -406px no-repeat; z-index: 10; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .title-2 + img  { position: relative; float: right; margin: 60px -28px 0 28px; z-index: 9; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .title-2 + img + p  { padding: 60px 0 0 0; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .section-2 .title-circle  { margin-left: 0; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .section-2 p + img  { float: left; margin: 35px 34px 0 0; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .section-2 .title-circle + p,.section-2 .title-circle + p + p  { margin-left: 20px; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .section-2 p + img + p  { margin-top: 70px; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .section-2 p + img + p + p  { margin-top: 20px; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .title-3  { position: relative; margin-left: 93px; width: 62px; height: 247px; text-indent: -9999px; background: url('../images/svg-sprite.svg') -929px -407px no-repeat; z-index: 10; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .title-3 + img  { margin: -133px 0 20px 128px; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .title-3 + img + p,.title-3 + img + p + p  { margin-left: 93px; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .title-3 + img + p + p  { margin-top: 40px; margin-bottom: 40px; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .section-3 .title-circle  { margin-left: 93px; margin-bottom: 20px; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  .section-3 table  { margin-left: 93px; width: 806px; } /*------------------------------------*\PAGES--BIO\*------------------------------------*/.content.bio  span  { padding: 5px 10px; font-size: 90%; background: #9d7830; color: #fff; }.content.bio.thought  { } .content.bio.thought  header  { margin-left: 80px; } .content.bio.thought  h1  { display: block; width: 150px; height: 340px; text-indent: -9999px; background: url('../images/svg-sprite.svg') -758px -397px no-repeat; } .content.bio.thought  blockquote  { margin: -152px 0 35px 120px; } .content.bio.thought  header span  { margin-left: 120px; } .content.bio.thought  header + img  { position: relative; float: left; margin: 30px 22px 0 80px; z-index: 9; } .content.bio.thought  header + img + p  { margin: 27px 0 45px 0; } .content.bio.thought  .title-1  { position: relative; width: 62px; height: 300px; margin: -12px 0 0 37px; text-indent: -9999px; background: url('../images/svg-sprite.svg') -691px -411px no-repeat; z-index: 10; } .content.bio.thought  .title-1 + p  { margin-left: 120px; margin-top: -180px; } .content.bio.thought  .title-1 + p + p  { margin-left: 120px; margin-bottom: 100px; } .content.bio.thought  .title-circle  { margin-left: 0; } .content.bio.thought  section p  { margin-left: 20px; } .content.bio.thought  .section-1  { } .content.bio.thought  .section-1  .title-circle  { margin-top: 150px; } .content.bio.thought  .section-1  .title-circle + img  { float: right; margin-left: 28px; margin-top: -85px; } .content.bio.thought  .section-1  img + p  { margin-bottom: 45px; } .content.bio.thought  .section-2  { } .content.bio.thought  .section-2  h2 + p + p  { margin-bottom: 45px; } .content.bio.thought  .section-3  { } .content.bio.thought  .section-3  img  { position: relative; float: left; margin-right: -98px; z-index: 9; } .content.bio.thought  .section-3  div  { position: relative; margin-left: 278px; padding-top: 100px; z-index: 10; } .content.bio.thought  .section-3  div  h2 + p  { margin-bottom: 40px; } .content.bio.thought  .section-3  .title-circle  { margin-bottom: 0; }.content.bio.international  { } .content.bio.international  h1  { position: relative; width: 62px; height: 212px; text-indent: -9999px; background: url('../images/svg-sprite.svg') -627px -411px no-repeat; z-index: 10; } .content.bio.international  blockquote  { margin: -160px 0 40px 80px; } .content.bio.international  header + img  { position: relative; float: left; margin: 0 22px 42px 44px; z-index: 9; } .content.bio.international  .section-1 .title-circle  { position: relative; width: 600px; margin-left: 330px; padding-top: 37px; text-indent: -125px; background-position: 0 41px; z-index: 10; } .content.bio.international  header + img + .title-circle + p  { margin-bottom: 45px; } .content.bio.international  .section-2  { } .content.bio.international  .section-2  .title-circle  { padding-top: 50px; background-position: 0 53px; } .content.bio.international  .section-2  img  { float: right; margin-left: 28px; } .content.bio.international  .section-2  p  { margin: 0 0 45px 20px; }.content.bio.ancestry  { } .content.bio.ancestry  .section-2  { width: 914px; } .content.bio.ancestry  .title-1  { float: left; margin: -2px 20px 130px 0; height: 333px; background-position: -562px -411px; } .content.bio.ancestry  section p  { margin-bottom: 45px; } .content.bio.ancestry  blockquote  { font-size: 110%; margin-bottom: 0; } .content.bio.ancestry  .title-2  { margin-top: -154px; margin-right: 90px; height: 333px; background-position: -496px -411px; } .content.bio.ancestry  .section-2 img  { margin-left: 92px; margin-bottom: 40px; } .content.bio.ancestry  .title-3  { float: left; width: 113px; height: 270px; margin-left: 47px; margin-right: 20px; background-position: -379px -411px; } .content.bio.ancestry  .title-3 + p  { padding-top: 32px; } .content.bio.ancestry  .section-3 img  { float: left; margin: -25px 20px auto -68px; } .content.bio.ancestry  .section-3 img + p  { padding-top: 60px; } .content.bio.ancestry  .section-4 p  { margin-left: 70px; }.content.bio.monk  { } .content.bio.monk  .title-1  { float: left; margin-top: -2px; margin-right: 13px; height: 212px; background-position: -314px -411px; } .content.bio.monk  blockquote  { margin-top: 34px; } .content.bio.monk  header img  { margin-left: -45px; margin-bottom: 30px; } .content.bio.monk  section p  { margin-bottom: 45px; } .content.bio.monk  .section-1 p  { margin-left: 80px; } .content.bio.monk  .title-2  { height: 286px; background-position-x: -250px; } .content.bio.monk  .section-2 img  { float: right; margin-top: 120px; v; } .content.bio.monk  .title-3  { width: 115px; height: 316px; margin-left: 58px; background-position-x: -128px; } .content.bio.monk  .section-3  { } .content.bio.monk  .section-3  h2 + img  { margin-top: -199px; margin-left: 140px; } .content.bio.monk  .section-3  img + img  { float: right; margin: 55px 0 55px 28px; } .content.bio.monk  .section-3  p  { margin-left: 58px; } .content.bio.monk  .section-4 p  { margin-left: 70px; }/*------------------------------------*\PAGES--LINK\*------------------------------------*/.content.link  { } /*------------------------------------*\PAGES--LINK\*------------------------------------*/.content.link  .title  { position: absolute; top: 0; left: 0; width: 35px; height: 193px; background-position: -845px -831px; } /*------------------------------------*\PAGES--LINK\*------------------------------------*/.content.link  .grid-wrapper  { margin-left: 70px; } /*------------------------------------*\PAGES--LINK\*------------------------------------*/.content.link  .grid-wrapper  a:hover img  { opacity: .7; } /*------------------------------------*\PAGES--LINK\*------------------------------------*/.content.link  .grid-wrapper  a:active img  { opacity: .7; }