/************************************************************* * Globals *************************************************************/ body { /*font-family: Georgia, "Times New Roman", Times, serif;*/ font-family: 100%/1.2 Helvetica,"�𧢲��瑚葉暺�","敺株�甇��擃�",Verdana,Arial,sans-serif,"�啁敦�𡡞�"; color: #555; /* background-color: #efefef; background-color: #f8f8f8; background-color: #ebeef5; background-color: #EBEBEB; */ background-color: #e7ebee; min-height: 100%; height: auto; position: relative; } /* fix mmenu's bug .mm-slideout{ z-index: inherit !important; }*/ h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; color: #333; } /* a */ a {outline: medium none !important; text-decoration:none; } a:focus { outline: none !important;} a:hover { text-decoration:none !important; } /************************/ /* overlay && overflow /************************/ .overflow-visible{ overflow:visible; } .overflow-hidden{ overflow:hidden; height: 100%; } .icon-facicons{ width: 16px; height: 16px; } .overlay { position: fixed; display: block; z-index: 9999; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } .overlay2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: #e7ebee; opacity: 0.6; z-index: 100; } .fixed { left: 0; opacity: 0.99; position: fixed; top: 0; width: 100%; z-index: 1001; } /************************/ /* breadcrumb /************************/ .breadcrumb{ background: transparent; border-radius:0px; margin-bottom:0px; } .breadcrumb>li+li:before { /*padding: 0 1px;*/ color: #555; content: "\0BB \020"; } .breadcrumb>li a { color: #555; } .breadcrumb h1 { display: inline-block; font-weight: 700; } /********************************* social-icons /*********************************/ ul.social-icons{ line-height:0.7em; padding-left: 0px; margin-bottom: 0px; } ul.social-icons li { display:inline-block; float:none; padding:17px; width:10px; height:10px; position:relative; background:#444; margin-right:5px; border-radius:3px; } .toparea ul.social-icons li{ background:#c00; } .toparea ul.social-icons li:hover{ background-color:rgba(0,0,0,0.5); } ul.social-icons li i { position:absolute; font-size:18px; width:40px; height:40px; text-align:center; line-height:40px; left:50%; top:50%; margin-left:-20px; margin-top:-19px; } ul.social-icons li a { color:#fff; } ul.social-icons li a i { -webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; transition-property:transform; overflow:hidden; } ul.social-icons li a i:hover { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); } ul.social-icons li a:hover { text-decoration:none; color: #fff; } /********************************* footer /*********************************/ .footer-wrapper { color: #b9b9b9; font-size: 90%; background: none repeat scroll 0 0 #121212; padding-top:10px; padding-bottom:10px; line-height: 30px; } .footer-wrapper p { margin: 0px; } .footer-wrapper a { color: #b9b9b9; } /********************************* back-top /*********************************/ #back-top { bottom: 50px; position: fixed; right: 2%; z-index: 1001; opacity :0.9; } #back-top a { color: #666; display: block; font: 11px/100% Arial,Helvetica,sans-serif; text-align: center; text-decoration: none; text-transform: uppercase; transition: all 1s ease 0s; width: 44px; } #back-top span { background: #666 url("../images/up-arrow.png") no-repeat scroll center center; border-radius: 50%; display: block; height: 40px; margin-bottom: 7px; transition: all 1s ease 0s; width: 40px;http://test.buybook.tw/cate-4.htm } .tbox1-head a.accordion-toggle:link, .tbox1-head a.accordion-toggle:visited , .tbox1-head a.accordion-toggle:hover , .tbox1-head a.accordion-toggle:active{ text-decoration:none; color:#000; } .sidebar-filter , .left_ad{ max-width: 255px; } .left_ad img{ max-width: 225px !important; } /************************/ /* RWD /************************/ /* 1440 隞乩�*/ @media (min-width: 1440px) { /* .container { width: 1170px; } #sidebar { max-width: 285px; } */ } /* 1200 隞乩�*/ @media (min-width: 1200px) { /*.container { width: 1040px; } */ } /* 992 隞乩�*/ @media (min-width: 992px) { #list-sort,#list-type, .sidebar-filter, .left_ad{ display:block; } #modal-cate, #modal-sort, #modal-type{ display:none; } } /* 992 隞乩�*/ @media (max-width: 992px) { .container { width: 100%; } .container { width: 100%; } .footer-wrapper p{ text-align: center !important; } #list-sort, #list-type, .sidebar-filter, .left_ad{ display:none; } #modal-cate, #modal-sort, #modal-type{ display: block; } } /* 768 隞乩�*/ @media (min-width: 768px) { } /* 768 隞乩�*/ @media (max-width: 768px) { .nav-title ul li a { margin: 0 15px; } }