/** * Theme URI: http://wordpress.org/ * Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar. * Author: fulengen * Version: 1.0 * License: GNU General Public License * License URI: license.txt * Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html ---------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead {/*background: transparent;*/ border: 0; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; } table, tbody, tr, th, td { background: transparent; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; border-spacing: 0; } /*Add 2012-5-14*/ body { line-height: 1; /* margin-top:-20px; *//*background:url(images/bodys/body_bg6.png) #8e908f repeat;*/ background: #8e908f; color: #333; font-size: 12px; line-height: 18px; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: bold; } h1 { font-size: 15px; padding: 20px 0; } h2 { font-size: 13px; padding: 20px 0 18px 0; } h3 { font-size: 12px; padding: 20px 0 16px 0; } h4 { font-size: 11px; padding: 20px 0 16px 0; } h5 { font-size: 10px; padding: 20px 0 16px 0; } p { font-size: 12px; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } a img { border: none; } /* Input Start ----------------------------------------------------------- */ .input-text{ width: 200px; padding: 3px !important; line-height:18px; height:18px;} .input-submit{ height:30px; line-height:14px;} /* Input End ------------------------------------------------------------ */ /* =Layout -------------------------------------------------------------- */ /* LAYOUT: Two columns DESCRIPTION: Two-column fixed layout with one sidebar right of content */ #container { /*width:695px;*/ width: 740px; float: right; overflow: hidden; } #container.search_container { width: 100%; } #container.search_container #content { width: 900px; margin: 10px 20px; } #content #location { text-align: right; line-height: 30px; zoom: 1; margin-bottom: 20px; } #content #location a:link, #content #location a:visited { color: #06C; font-weight: bold; } #content #location a:hover { color: #900; } #content #location a:active { color: #900; } #primary { float: left; overflow: hidden; /* width: 220px; */ width: 233px; } #secondary { float: left; overflow: hidden; width: 220px; } #main #secondary { border: 1px solid #CCC; margin: 0; overflow: hidden; } #main #secondary ul { text-indent: 0; margin: 0; padding: 0; zoom: 1; } #main #secondary ul li.widget-container { padding: 0; margin: 0; } /*Left menu and top menu common css Strat*/ /*Left menu and top menu common css End*/ /* Left Menu Start ------------------------------------------------------ */ #main #secondary ul ul li a { display: block; zoom: 1; } #main #secondary ul ul li a:hover { color: #C30; text-decoration: none; } #main #secondary ul ul.menu li a:link, #main #secondary ul ul.menu li a:visited { background-color: #555; zoom: 1; color: #EEE; padding: 5px 1em; font-size: 14px; } #main #secondary ul ul.menu li a:hover { color: #FFF; } #main #secondary ul ul ul.sub-menu li a:link, #main #secondary ul ul ul.sub-menu li a:visited { background-color: #FFF; padding: 6px 1em 6px 24px; color: #20497F; line-height: 16px; font-weight: normal; font-size: 13px; } #main #secondary ul ul ul.sub-menu li a:hover { color: #C30; background-color: #E0ECF8; text-decoration: none; } #main #secondary ul ul ul ul.sub-menu li a:link, #main #secondary ul ul ul ul.sub-menu li a:visited { padding: 5px 1em 5px 3em; line-height: 16px; color: #20497F; font-weight: normal; background-image: url(images/bodys/menuLi-black.gif); background-position: 12px 0; background-repeat: no-repeat; font-size: 11px; } #main #secondary ul ul ul ul.sub-menu li a:hover { color: #C30; background-image: url(images/bodys/menuLi-orange.gif); background-position: 12px 0px; background-repeat: no-repeat; } #main #secondary ul li ul li ul.sub-menu li.current-menu-item a { font-weight: bold !important; /**/ } #main #secondary ul li ul li ul.sub-menu li.current-menu-item ul li a { font-weight: normal !important; } /* cancel 2018-1-31 */ #main #secondary ul li ul li ul.sub-menu li { display: none; } #main #secondary ul li ul li ul.sub-menu li.current-menu-parent { display: block; } #main #secondary ul li ul li ul.sub-menu li.current-menu-parent ul li { } #main #secondary ul li ul li ul.sub-menu li.current-menu-item { display: block; } #main #secondary ul li ul li ul.sub-menu li.current-menu-item ul li { display: block; } /**/ #main #secondary ul li ul li ul li ul li ul.sub-menu li a:link, #main #secondary ul li ul li ul li ul li ul.sub-menu li a:visited { padding: 5px 1em 5px 4em; line-height: 16px; color: #20497F; font-weight: normal; background-image: url(images/bodys/menuLiSub-black.gif); background-position: 24px 0; background-repeat: no-repeat; font-size: 11px; } #main #secondary ul li ul li ul li ul li ul.sub-menu li a:hover { background-image: url(images/bodys/menuLiSub-orange.gif); color: #C30; } #secondary .menu-ancestor-css { color: #FFF !important; } #secondary a.bgHoverOn { background-image: url(images/bodys/angle-down.gif) !important; } /* Left Menu End ------------------------------------------------------ */ #footer { clear: both; width: 100%; } /* LAYOUT: One column, no sidebar DESCRIPTION: One centered column with no sidebar */ .one-column #content { margin: 0 auto; width: 640px; } /* LAYOUT: Full width, no sidebar DESCRIPTION: Full width content with no sidebar; used for attachment pages */ .single-attachment #content { margin: 0 auto; float:none; } /* =Structure -------------------------------------------------------------- */ /* The main theme structure */ div.menu, #colophon, #branding, #main, #wrapper { margin: 0 auto; width: 980px;} #wrapper { /* margin-top: 20px; */ padding: 0 20px; _padding:0 0 0 20px; zoom:1; background-color:#fff; -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.38); -moz-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.38); box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.38); margin-bottom: -20px; } /* =Global Elements -------------------------------------------------------------- */ /* Main global 'theme' and typographic styles */ input, textarea { color: #333; font-size: 12px; line-height: 18px; } hr { background-color: #e7e7e7; border: 0; clear: both; height: 1px; margin-bottom: 18px; } /* Text elements */ p { margin-bottom: 18px; } ul { list-style: square; margin: 0 0 18px 1.5em; } ol { list-style: decimal; margin: 0 0 18px 1.5em; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 0 24px 0; } dt { font-weight: bold; } dd { margin-bottom: 18px; } strong { font-weight: bold; } cite, em, i { font-style: italic; } big { font-size: 131.25%; } ins { background: #ffc; text-decoration: none; } blockquote { font-style: italic; padding: 0 3em; } blockquote cite, blockquote em, blockquote i { font-style: normal; } pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } input[type="text"], textarea { } /*add on 2011 11 21*/ input[type="radio"],input[type="checkbox"]{ position:relative; border:none;} #wpsc_shopping_cart_container .text{ width:200px;} /*add on 2011 11 21*/ a:link { color: #036AC8; text-decoration:none; } a:visited { color: #036AC8; text-decoration:none; } a:active, a:hover { color: #cc6633; } /* Text meant only for screen readers */ .screen-reader-text { position: absolute; left: -9000px;} /* =Header -------------------------------------------------------------- */ #header { padding: 0px; } #masthead{ margin-left:0px; *margin-left:1px; margin-left:0px 0px; _margin-left:0px;} #branding{ width:980px; height:77px; } /* =logo */ #site-title { float: left; font-size: 30px; line-height: 36px; margin: 10px 0 0 30px; width: 210px; padding:0; background:url(images/headers/logo.png) top left no-repeat;} #site-title a { color: #000; font-weight: bold; text-decoration: none; text-indent:-999999px; display:block; width:240px; height:60px; } /* =search input */ #header_search{ float: left; margin: 25px 0 0 10px; width: 465px;} /*增加 Contact Us 缩减35px margin-rignt -20px*/ #header_search .module1{} #header_search .module1_1{ border: 1px solid #d43f3a;} #header_search .module1_1 .caret{ color: #c9302c; border-top: 6px dashed; border-top: 6px solid \9; margin-left: 2px; margin-top: -2px;} #header_search .module1_1:before{} #header_search .module1_1_1{} #header_search .module1_2{ } #header_search .module2{ padding: 0px; height: 32px; border-left: none; text-indent: 10px; border-right: 1px solid #d43f3a; border-top: 1px solid #d43f3a; border-bottom: 1px solid #d43f3a; } #header_search .module2:focus{ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, .6); } #header_search .module3{} #header_search .module3_1{ font-family: 'Glyphicons Halflings'; border-radius: 0px 4px 4px 0;} #header_search .module3_1:before{ content: "\e003"; } /* = top icon link */ #site-description { clear: right; float: right; font-style: normal; margin: 32px 0px 0 0; } /*margin-right -10px*/ #site-description a{} #site-description a.my_account{ margin: 0 14px 0 0; } #site-description a.my_account:before{ font-family: 'Glyphicons Halflings'; content: "\e008"; color: #337ab7; font-size: 20px; text-decoration: none; vertical-align: middle; margin-right: 0px; } #site-description a.my_account:after{ content: "Account"; color: #555; font-size: 12px; display: inline-block; vertical-align: middle; margin-left: 4px; border-bottom: 1px solid #555;} #site-description a.shopping_cart{ margin: 0 14px 0 0; position: relative; } #site-description a.shopping_cart:before{ font-family: 'Glyphicons Halflings'; content: "\e116"; color: #5cb85c; font-size: 20px; text-decoration: none; vertical-align: middle; margin-right: 0px;} #site-description a.shopping_cart:after{ content: "Cart"; color: #555; font-size: 12px; display: inline-block; vertical-align: middle; margin-left: 4px; border-bottom: 1px solid #555; } #site-description a.shopping_cart .badge{ top: 0px; left: -10px; z-index: 1; position: absolute; font-size: 10px; padding: 2px; color: #fff; font-weight: normal; line-height: 10px; border-radius: 10px; min-width: 10px; background-color: transparent; width: 34px; text-align: center; } #site-description a.contact_us {margin: 0 14px 0 0; position: relative;} #site-description a.contact_us:before {font-family: 'Glyphicons Halflings'; content: "\e183"; color: #d9534f; font-size: 20px; text-decoration: none; vertical-align: middle; margin-right: 0px;} /*phone: \e183, mail: \2709*/ #site-description a.contact_us:after { content: "Contact Us"; color: #555; font-size: 12px; display: inline-block; vertical-align: middle; margin-left: 4px; border-bottom: 1px solid #555;} @-moz-document url-prefix() {/* 针对Firefox的 hack*/ #site-description a.shopping_cart .badge { top: -2px; } } /* Overwrite Autocomplete CSS */ .ac_results { border: 1px solid #ccc; } .ac_results li{ padding: 5px 10px;} .ac_odd { background-color: #f5f5f5; } .ac_over { /*background-color: #5bc0de;*/ background-color: #f0ad4e; color: white; } /* This is the custom header image */ #branding img { float: left; } /* Top Menu Start -------------------------------------------------------------- */ #access { clear:both; background-color: #000; display: block; float: left; /*margin: 0 auto;*/ margin: 0 auto 30px auto; width: 979px; /*margin-left:-20px;*//*bug3775*/ _margin-left:-10px; background: url(images/headers/nav_bg.jpg) no-repeat 0px bottom transparent; } #access .menu-header{ font-size: 13px; margin:0 25px; position: relative; *z-index:99999; } /* Safari */ @media screen and (max-device-width: 480px) { #access .menu-header{ font-size: 13px; margin:0 15px 0 35px; } } #access .menu-header ul, div.menu ul { list-style: none; margin: 0; } #access .menu-header ul.menu{ /* _margin-left:-20px; */ height: 38px; width: 925px; margin: 0 auto; } #access .menu-header li { float: left; background: url(images/bodys/nav_right.jpg) no-repeat scroll right center transparent ; /*margin-left: 15px;*/ padding-left:10px; padding-right: 10px; position: relative; _z-index:99999; } #access .menu-header li li{ padding-left:0; } #access .topUL{background-color:#20497F; position:relative;} #access .menu li.ancestorHover{ background-color: #fff; border-top: 2px solid #20497F; margin-top: -2px; position: static;/* _position:relative; */ _z-index:99999; } #access .menu li.ancestorHover a{color:#20497F; _color:#20497F !important; background-color:transparent; _background-color:transparent !important;} #access .menu li.margin_left{margin-left:10px; _margin-left:5px;} #access .menu ul.level2{ width: 923px; float: left; background: #fff; border: 1px solid #20497F; margin-left: 0px; border-top: none; padding-bottom: 10px; top:38px; left:0; position: absolute; z-index:99999;} #access .menu ul.level2 li{float:left; padding-left:0px; _z-index:99999; _padding-left:0px; width:175px; border:none;} #access .menu ul.level2 li a{font-size:14px; color:#444; _color:#444 !important; padding: 10px 0 10px 10px; _z-index:99999; background-color:transparent; _background-color:transparent !important; width:165px;} #access .menu ul.level2 li a:hover{color:#20497f;} #access .menu ul.level3{ display:block; float:left; position:static; width:175px; box-shadow:none; -webkit-box-shadow:none; } #access .menu ul.level3 li{float:left; padding-left:0; _z-index:99999; border:none; width:175px;} #access .menu ul.level3 li a{ font-size:13px; color:#007ED5; font-weight: normal; line-height: 15px; padding: 5px 10px; _z-index:99999; width:auto; background-color:transparent; _color:#036AC8 !important; _background-color:transparent !important; } #access .menu ul.level3 li a:hover{color:#005189; text-decoration:none;} #access .aRow{overflow:hidden; margin-top:10px; float:left; width:925px;} #access .aRow li a{} #access .aRow li ul li a{} div.sub-menu li{ float: left; position: relative; background:none; margin-left:0px; padding-right:0px;} #access .sub-menu li{ float: left; position: relative; background:none; margin-left:0px; padding-right:0px; border-bottom: 1px #6F90B8 solid; _z-index:99999;} #access a { color: #FFF; display: block; line-height: 38px; padding: 0 10px; text-decoration: none; font-size: 14px; font-weight: bold;} #access ul ul { box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 38px; left: 0; float: left; width: 180px; z-index: 99999; z-index: 99999\9; *z-index: 99999; _z-index: 999999; z-index: 99999!important; } #access ul ul li { background:none; margin-left:0px; padding-right:0px; } #access ul ul ul { left: 100%; top: 0; } #access ul ul a { background: #20497F; line-height: 1em; padding: 10px; width: 160px; height: auto; font-size:11px; } #access li:hover > a, #access ul ul :hover > a { /* background: #20497F; */ /* color: #999;*/ color: #002c5f; background-color:#d7e0e8; } #access ul li:hover > ul { display: block; } #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { color: #002c5f; background-color:#d7e0e8; } #access ul.level2 li.current_page_item > a, #access ul.level2 li.current-menu-ancestor > a, #access ul.level2 li.current-menu-item > a, #access ul.level2 li.current-menu-parent > a { color: #444; background:url(/images/nav_current_level2-1.png) no-repeat 4px 50%; text-decoration:none; } #access ul.level3 li.current_page_item > a, #access ul.level3 li.current-menu-ancestor > a, #access ul.level3 li.current-menu-item > a, #access ul.level3 li.current-menu-parent > a { color: #444; font-weight:bold; text-decoration:none; background:url(/images/nav_current_level3-1.png) no-repeat 3px 50%; } #access ul.menu > li > a{ background-color:transparent; color:#fff;} * #access .menu-header ul li ul.sub-menu li a.ieHover{ /*__color:#f00;*/ color: #002c5f; _background-color:#d7e0e8;} /*only for ie 6 Start*/ * #access .menu-header .ul.menu li.current-menu-item a{ _color: #002c5f; _background-color:#d7e0e8;} * #access .menu-header .ul.menu li ul.sub-menu li a{ _color:#fff; _background-color:#20497F;} * #access .menu-header .ul.menu li ul.sub-menu li.current-menu-item a{ _color: #002c5f; _background-color:#d7e0e8; } * #access .menu-header .ul.menu li ul.sub-menu li.current-menu-parent a{ _color: #002c5f; _background-color:#d7e0e8; } * #access .menu-header .ul.menu li ul.sub-menu li ul.sub-menu li a:link, * #access .menu-header .ul.menu li ul.sub-menu li ul.sub-menu li a:visited, * #access .menu-header .ul.menu li ul.sub-menu li ul.sub-menu li a:active{ _color:#fff; _background-color:#20497F; } * #access .menu-header .ul.menu li ul.sub-menu li ul.sub-menu li a:hover{ _color: #002c5f; _background-color:#d7e0e8;} * #access .menu-header .ul.menu li ul.sub-menu li ul.sub-menu li.current-menu-item a:link, * #access .menu-header .ul.menu li ul.sub-menu li ul.sub-menu li.current-menu-item a:visited, * #access .menu-header .ul.menu li ul.sub-menu li ul.sub-menu li.current-menu-item a:active{ _color: #002c5f; _background-color:#d7e0e8;} * #access .menu-header .ul.menu li ul.sub-menu li ul.sub-menu li.current-menu-item a:hover{ _color: #002c5f; _background-color:#d7e0e8; } /*only for ie 6 End*/ #access .menu-ancestor-css{ /* color:#FF9 !important;*/ color:#FFF; _color:#FFF !important; background-color:transparent !important; } /* Top Menu End */ /* =Content -------------------------------------------------------------- */ #main { clear: both; overflow: hidden; padding: 0 0 0 0;} #content { float:right; width:730px; margin:0 10px 0px 10px; _margin:0 10px 0px 10px; overflow:hidden;} .content *{ /*vertical-align:middle;*/ vertical-align:top;} #content, #content input, #content textarea { color: #333; /* font-size: 16px; */ /* line-height: 22px; */ line-height:14px;} #content p, #content dd, #content pre, #content hr { margin-bottom: 12px; } #content ul ul, #content ol ol, #content ul ol, #content ol ul { margin-bottom: 0; } .content ul li{ list-style:disc; line-height: 16px; padding-bottom: 6px; padding-left:5px; margin-left:18px; margin-left:14px\0; padding-left:9px\0; } .content ol{ margin:0 0 18px 26px; *margin:0 0 18px 32px; _margin:0 0 18px 26px;} .content ol li{ list-style:decimal; line-height: 16px; padding-bottom: 6px; margin-left:0; padding-left:0;} #content pre, #content kbd, #content tt, #content var { font-size: 15px; line-height: 21px;} #content code { font-size: 13px;} #content dt, #content th { color: #000;} #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #000; line-height: 1.5em; margin:0; } #content h1{ margin:20px 0; padding:0; font-size:18px; } #content h2{ margin:20px 0 18px 0; padding:0; font-size:18px; } #content h3{ margin:20px 0 16px 0; padding:0; font-size:14px; } #content h4{ margin:20px 0 16px 0; padding:0; font-size:13px; } #content h5{ margin:20px 0 16px 0; padding:0; font-size:12px; } #content h6{ margin:20px 0 16px 0; padding:0; font-size:11px; } #content table { text-align: left; width: 100%; } #content tr th, #content thead th { color: #f6f6f6; font-size: 12px; font-weight: bold; line-height: 18px; padding: 5px; background-color:#555; text-align:center;} #content tr td { zoom:1; } #content tr.odd td { background: #f2f7fc; } #content sup{ top: 0.01em; font-size: 9px; vertical-align:super; } #content sub { top: 1ex; } #content .subclassification{ border-bottom:1px dashed #CCC; overflow:hidden; padding:20px 0;} #content .subclassification h2{ display:block; width:200px; float:left; margin:0; } #content .subclassification div.thumbnail{ display:block; width:200px; float:left; margin:0; } #content .subclassification div.thumbnail img{ width: 180px; height: 180px; } #content .subclassification div.post{ width:460px; float:right; margin-bottom: 10px; } #content .subclassification div.post .entry-text{ margin-bottom: 20px; } #content .subclassification div.post h3{ margin:0 0 5px 0; } #content div.post h2{ margin:0 0 5px 0; } #content h1.entry-title{ margin: 0 0 20px 0; } .hentry { /* margin: 0 0 48px 0; */ margin-bottom: 30px; } .home .sticky { background: #f2f7fc; border-top: 4px solid #000; margin-left: -20px; margin-right: -20px; padding: 18px 20px; } .single .hentry { margin: 0 0 0px 0; } .page-title { color: #000; font-size: 14px; font-weight: bold; margin: 0 0 36px 0;} .page-title span { color: #333; font-size: 16px; font-style: italic; font-weight: normal; padding: 3px 4px; background-color: #f5989d; color: #fff; border-radius: 3px;} .page-title a:link, .page-title a:visited { color: #888; text-decoration: none; } .page-title a:active, .page-title a:hover { color: #ff4b33;} #content h2.entry-title{ margin: 20px 0 10px 0; padding: 0;} #content .category-title{ font-weight:bold; padding:0; border-bottom: 1px dashed #CCCCCC; display:block; line-height:34px;} #content .category-title a:visited,#content .category-title a:link,#content .category-title a:active{ color:#036AC8; display:block; } #content .category-title a:hover{ color:#C00; background-color:#E0ECF8; } #content .entry-summary p{ line-height:20px; } .entry-title a:link, .entry-title a:visited { color: #000; text-decoration: none; /* font-size: 16px\9;*/ font-weight: bold\9;} .entry-title a:active, .entry-title a:hover { color: #ff4b33; } .entry-meta { color: #888; font-size: 12px; } .entry-meta abbr, .entry-utility abbr { border: none; } .entry-meta abbr:hover, .entry-utility abbr:hover { border-bottom: 1px dotted #666;} .entry-content{ line-height:20px;} .category-content{ line-height:20px; clear: both; margin: 25px 0 0 0; padding-left: 10px; border-left: #CCC 3px solid; } .entry-summary { clear: both; margin: 12px 0 0 0; line-height: 22px; } #content .entry-summary p:last-child { margin-bottom: 12px; } .entry-content fieldset { border: 1px solid #e7e7e7; margin: 0 0 24px 0; padding: 24px; } .entry-content fieldset legend { background: #fff; color: #000; font-weight: bold; padding: 0 24px; } .entry-content input {} .entry-content input.file, .entry-content input.button { margin-right: 24px; } .entry-content label { color: #000; font-size: 12px; } .entry-content select { margin: 0 0 10px 0;/*org value: 0 0 24px 0*/} .entry-content sup, .entry-content sub { font-size: 10px; } .entry-content blockquote.left { float: left; margin-left: 0; margin-right: 24px; text-align: right; width: 33%; } .entry-content blockquote.right { float: right; margin-left: 24px; margin-right: 0; text-align: left; width: 33%; } .page-link { clear: both; color: #000; font-weight: bold; margin: 0 0 22px 0; word-spacing: 0.5em;} .page-link a:link, .page-link a:visited { background: #f1f1f1; color: #333; font-weight: normal; padding: 0.5em 0.75em; text-decoration: none;} .home .sticky .page-link a { background: #d9e8f7;} .page-link a:active, .page-link a:hover { color: #ff4b33; } body.page .edit-link { clear: both; display: block;} #entry-author-info { background: #f2f7fc; border-top: 4px solid #000; clear: both; font-size: 14px; line-height: 20px; margin: 24px 0; overflow: hidden; padding: 18px 20px;} #entry-author-info #author-avatar { background: #fff; border: 1px solid #e7e7e7; float: left; height: 60px; margin: 0 -104px 0 0; padding: 11px; } #entry-author-info #author-description { float: left; margin: 0 0 0 104px; } #entry-author-info h2 { color: #000; font-size: 100%; font-weight: bold; margin-bottom: 0; } .entry-utility { clear: both; color: #888; font-size: 12px; line-height: 18px; padding: 10px 0 20px 0; border-bottom:1px dashed #ddd; font-style: italic; } .entry-utility .cat-links{ margin-bottom: 10px; } .entry-utility .cat-links span{ display: inline-block; line-height: 20px; padding: 1px 0px; margin: 3px 0; } .entry-utility .cat-links a { padding: 1px 4px; margin: 2px 4px 2px 0; background-color: #f68e56; color: #fff; border-radius: 3px; line-height: 20px; display: inline-block; } .entry-utility .cat-links a:hover { color: #464646; } .entry-utility .tag-links { margin-bottom: 10px; } .entry-utility .tag-links span { display: inline-block; line-height: 20px; padding: 1px 0px; margin: 3px 0; } .entry-utility .tag-links a { padding: 1px 4px; margin: 2px 4px 2px 0; background-color: #7cc576; color: #fff; border-radius: 3px; line-height: 20px; display: inline-block; } .entry-utility .tag-links a:hover { color: #464646; } .entry-meta a, .entry-utility a { color: #06C; text-decoration: none; } .entry-meta a:hover, .entry-utility a:hover { color: #ff4b33; } #content .video-player { padding: 0; } .entry-meta .author a:visited, .entry-meta .author a:link { color: #06C; } .entry-meta .author a:hover { color: #ff4b33; } /* =Asides -------------------------------------------------------------- */ .home #content .format-aside p, .home #content .category-asides p { font-size: 14px; line-height: 20px; margin-bottom: 10px; margin-top: 0; } .home .hentry.format-aside, .home .hentry.category-asides { padding: 0; } .home #content .format-aside .entry-content, .home #content .category-asides .entry-content { padding-top: 0; } /* =Gallery listing -------------------------------------------------------------- */ .format-gallery .size-thumbnail img, .category-gallery .size-thumbnail img { border: 10px solid #f1f1f1; margin-bottom: 0; } .format-gallery .gallery-thumb, .category-gallery .gallery-thumb { float: left; margin-right: 20px; margin-top: -4px; } .home #content .format-gallery .entry-utility, .home #content .category-gallery .entry-utility { padding-top: 4px; } /* =Attachment pages -------------------------------------------------------------- */ .attachment .entry-content .entry-caption { font-size: 140%; margin-top: 24px; } .attachment .entry-content .nav-previous a:before { content: '\2190\00a0'; } .attachment .entry-content .nav-next a:after { content: '\00a0\2192'; } /* =Images -------------------------------------------------------------- */ /* Resize images to fit the main content area. - Applies only to images uploaded via WordPress by targeting size-* classes. - Other images will be left alone. Use "size-auto" class to apply to other images. */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { /* max-width: 100%; When images are too wide for containing element, force them to fit. */ /* height: auto; Override height to match resized width for correct aspect ratio. */ } .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } .alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; } .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 632px !important; /* prevent too-wide images from breaking layout */ padding: 4px; text-align: center; } .wp-caption img { margin: 5px 5px 0; } .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; } .wp-smiley { margin: 0; } .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { border: 2px solid #cfcfcf; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery img { border: 10px solid #f1f1f1; } .gallery br+br { display: none; } /* =Navigation -------------------------------------------------------------- */ .navigation { color: #888; font-size: 12px; line-height: 18px; overflow: hidden; } .navigation a:link, .navigation a:visited { color: #06C; text-decoration: none; } .navigation a:active, .navigation a:hover { color: #ff4b33; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } #nav-above { margin: 0 0 18px 0; } #nav-above { display: none; } .paged #nav-above, .single #nav-above { display: block; } #nav-below { margin: -18px 0 0 0; } /* =Comments -------------------------------------------------------------- */ #comments { clear: both; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { color: #000; font-size: 20px; font-weight: bold; margin-bottom: 0; } h3#comments-title { padding: 24px 0; } .commentlist { margin: 0; } .commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px;/* margin: 0 0 24px 0; padding: 0 0 0 56px;*/ position: relative; list-style: none; } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .commentlist .avatar {/* position: absolute; top: 4px; left: 0; */ float: left; } .comment-author { } .comment-author cite { color: #000; font-style: normal; font-weight: bold; float: left; margin-left: 15px; } .comment-author .says { font-style: italic; } .comment-meta { font-size: 12px; margin: 0 0 0 15px; float: left; } .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #ff4b33; } .comment-body { float: left; clear: left; margin: 10px 0 5px 0; } .commentlist .even { } .commentlist .bypostauthor { } .reply { font-size: 12px; /* padding: 0 0 24px 0;*/ float: left; clear: left; } .reply a, a.comment-edit-link { color: #888; } .reply a:hover, a.comment-edit-link:hover { color: #ff4b33; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li { border: none; margin: 0; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } /* Comments form */ input[type=submit] { color: #333; } #respond { border-top: 1px solid #e7e7e7; margin: 24px 0; overflow: hidden; position: relative; float: left; clear: left; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; } h3#reply-title { margin: 18px 0; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { color: #888; font-size: 12px; } #respond input { margin: 0 0 9px; width: 98%; } #respond textarea { width: 98%; } #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit input { font-size: 14px; width: auto; } /* =Widget Areas -------------------------------------------------------------- */ .widget-area ul { list-style: none; margin-left: 0; } .widget-area ul li ul .current_page_item a { display: inline-block; width: 196px; height: 25px; line-height: 25px; /*background-color:#ffe6d6; */ } .widget-area ul ul { list-style: none; /* margin-left: 1.3em; */ text-indent: 4px; } .widget-area select { max-width: 100%; } .widget_search #s {/* This keeps the search inputs in line */ width: 60%; } .widget_search label { display: none; } .widget-container { margin: 0 0 18px 0; } .widget-title { color: #222; font-weight: bold; /* add on 2011 11 15*/ /*background:none repeat scroll 0 0 #2172A3;*/ color: #FFFFFF; height: 30px; line-height: 30px; text-indent: 4px; } .widget-title2 { background: url("images/bodys/ps.jpg") no-repeat scroll 0 0 transparent; color: #000000; font-size: 18px; height: 36px; line-height: 36px; text-indent: 13px; width: 233px; } .widget-area a:link, .widget-area a:visited { text-decoration: none; color: #000; } .widget-area a:active, .widget-area a:hover { text-decoration: underline; } .widget-area .entry-meta { font-size: 11px; } #wp_tag_cloud div { line-height: 1.6em; } #wp-calendar { width: 100%; } #wp-calendar caption { color: #222; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left; } #wp-calendar thead { font-size: 11px; } #wp-calendar thead th { } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } .widget_rss a.rsswidget { color: #000; } .widget_rss a.rsswidget:hover { color: #ff4b33; } .widget_rss .widget-title img { width: 11px; height: 11px; } /* Main sidebars */ #main .widget-area ul { margin-left: 0; /* padding: 0 20px 0 0; */ } #main .widget-area ul li a { cursor: pointer; /* font-size: 14px; */ /* font-weight: bold; */ /* line-height: 30px; */ color: #000000; } #main .widget-area ul li ul li a { font-weight: bold; line-height: 25px; font-size: 12px; /* color: #000000; */ color: #3366CC; } #main .widget-area ul ul { border: none; margin-left: 1.3em; padding: 0; } #primary { width: 232px; padding-left: 1px; } /* =Footer -------------------------------------------------------------- */ #footer { /*margin:30px 0 5px 0;*/ margin: 30px auto 0px auto; width: 940px; } #colophon { background: url("images/bodys/foot2.jpg") no-repeat scroll left top transparent; height: auto; margin-left: auto; margin-right: auto; overflow: hidden;/* padding-left:42px; padding-top:17px;*/ line-height: 20px; padding-top: 5px; } /*修改footer前 #site-info { float: left; font-size: 12px; font-weight: bold; text-indent: -32px; _text-indent: 0px; width: 700px; } */ /* Footer widget areas */ /* Structure the footer area */ #footer-widget-area { overflow: hidden; } #footer-widget-area .widget-area { float: left; margin-right: 0px; _margin-right: 0px; width: 230px; /* _width: 210px;*/ } #footer-widget-area .widget-area h3 { padding: 0; font-size: 14px; text-indent: 0; color: #FFF; } #footer-widget-area .widget-area .widget-container { margin: 0; } #footer-widget-area .widget-area .widget-container ul { margin: 0; } #footer-widget-area .widget-area .widget-container ul li { text-indent: 0; } #footer-widget-area .widget-area .widget-container ul li a { line-height: 22px; font-weight: normal; } #footer-widget-area .widget-area .widget-container ul li a:link, #footer-widget-area .widget-area .widget-container ul li a:visited, #footer-widget-area .widget-area .widget-container ul li a:active { color: #FFF; text-decoration: none; } #footer-widget-area .widget-area .widget-container ul li a:hover { text-decoration: underline; } #footer-widget-area #first { margin-left: 20px; _margin-left: 10px; } #footer-widget-area .widget-area .widget-container ul li.current-menu-item a { /* font-weight:bold; edit 2012-4-24*/ } #footer-widget-area .widget-area .widget-container ul li.current_page_item a { /* font-weight:bold; edit 2012-4-24*/ } #site { overflow: hidden; padding-bottom: 20px; margin-top: 10px; /*_margin-top:-10px;*/ } #site-info { font-weight: bold; float: left; width: 670px; padding: 0 0 0 20px; color: #000000; } #site-info a { color: #000; text-decoration: none; } #site-generator { float: right; width: 220px; font-style: italic; position: relative; } #site-generator a { background: url(images/wordpress.png) center left no-repeat; color: #666; display: inline-block; line-height: 16px; padding-left: 20px; text-decoration: none; } #site-generator a:hover { text-decoration: underline; } img#wpstats { display: block; margin: 0 auto 10px; } /* =Mobile Safari ( iPad, iPhone and iPod Touch ) -------------------------------------------------------------- */ pre { -webkit-text-size-adjust: 140%; } code { -webkit-text-size-adjust: 160%; } #access, .entry-meta, .entry-utility, .navigation, .widget-area { -webkit-text-size-adjust: 120%; } #site-description { -webkit-text-size-adjust: none; } #site-contact { font-size: 11px; float: right; clear: right; text-align: right; line-height: 14px; margin: 6px 10px 0 0; _margin: 6px 5px 0 0; color: #c30; width: 160px; } /* =Print Style -------------------------------------------------------------- */ @media print { body { /*background: none !important;*/ } #wrapper { clear: both !important; display: block !important; float: none !important; position: relative !important; } #header { border-bottom: 2pt solid #000; padding-bottom: 18pt; } #colophon { border-top: 2pt solid #000; } #site-title, #site-description { float: none; line-height: 1.4em; margin: 0; padding: 0; } #site-title { font-size: 13pt; } /* .entry-content { font-size: 14pt; line-height: 1.6em; } .entry-title { font-size: 21pt; } */ #access, #branding img, #respond, .comment-edit-link, .edit-link, .navigation, .page-link, .widget-area { display: none !important; } #container, #header, #footer { margin: 0; width: 100%; } #content, .one-column #content { margin: 24pt 0 0; width: 100%; } .wp-caption p { font-size: 11pt; } #site-info, #site-generator { float: none; width: auto; } #colophon { width: auto; } img#wpstats { display: none; } #site-generator a { margin: 0; padding: 0; } #entry-author-info { border: 1px solid #e7e7e7; } #main { display: inline; } .home .sticky { border: none; } } /*custom style*/ .nav1 { /* width:896px; padding-left:30px; height:29px; padding-top:8px;background:url(images/headers/nav_bg2.jpg) no-repeat top center;clear:both; margin:0px auto; margin-bottom:10px; */ width: 924px; padding-left: 55px; height: 40px; padding-top: 8px; background: url(images/headers/nav_bg2.jpg) no-repeat 0px 0px transparent; clear: both; margin: 0px auto; margin-left: -20px; } .nav1 .input1 { width: 180px; height: 18px; _height: 19px; line-height: 18px; color: #656565; border: 1px white solid; margin: 2px 0 0 0; display: block; float: left; border: 1px solid #999; } .nav1 #select_id { width: 91px; margin: 2px 0px 0px 3px; color: #656565; border: 1px solid #999; font-family: Arial; position: relative; display: block; float: left; margin: 2px 0px 0px 3px; height: 23px; line-height: 25px; padding-top: 1px; } .nav1 .input2 { /* margin-top:2px; background:url(images/headers/search_bg.jpg) no-repeat left center; width:81px; height:38px; line-height:26px; border:none; */ background: url(images/headers/search_bg.jpg) no-repeat left bottom; width: 81px; height: 31px; line-height: 26px; border: none; display: block; float: left; margin: 1px 0px 0px 12px; cursor: pointer; text-indent: 200px; } .nav1 a.input3:visited, .nav1 a.input3:link, .nav1 a.input3:active { display: block; float: left; height: 27px; width: 120px; background: url(images/headers/search_advance_bg.jpg) no-repeat;/**/ font-size: 12px; color: #1f497b; text-decoration: none; margin-top: 5px; } .nav1 a.input3:hover { color: #1f497b; text-decoration: underline; } .nav1 a.input4:link, .nav1 a.input4:active, .nav1 a.input4:visited { display: none; float: left; height: 25px; text-decoration: none; margin-top: 5px; line-height: 25px; font-size: 14px; font-weight: bold; } .nav1 a.input4:hover { text-decoration: underline; } .nav1 a.input5:link, .nav1 a.input5:active, .nav1 a.input5:visited { display: block; float: left; height: 25px; margin-top: 5px; margin-left: 25px; line-height: 25px; font-size: 12px; color: #C30; font-weight: bold; text-decoration: underline; } .nav1 a.input5:hover { text-decoration: none; } .nav1 span.input6 { line-height: 35px; color: #000; } .nav1 span.input7 a { display: block; width: 150px; height: 31px; background: url(/images/search_by_gene.png) no-repeat 0 0; float: left; } .nav1 span.input7 a:hover { background-position: 0 -31px; } .m_con1 { overflow: hidden; margin: 30px auto 0 auto; } .left_cn { width: 630px; /*height:470px;*/ float: left; padding-right: 10px; } .left_cn h1 { padding: 10px; margin: 10px; border-bottom: 1px solid #666; } .left_cn h1 a:link, .left_cn h1 a:visited, .left_cn h1 a:active { color: #333; text-decoration: none; } .left_cn h1 a:hover { color: #C30; text-decoration: none; } .left_cn ul { margin-top: 20px; overflow: hidden; } .left_cn li { width: 300px; height: auto; float: left; margin-top: 15px; list-style-type: none; } .left_cn li img { float: left; width: 100px; height: 80px; } .left_cn table tr td p { margin: 0px 5px 0px 10px; } .left_cn div { margin: 20px 0 0 18px; } .left_cn div a:link, .left_cn div a:visited, .left_cn div a:active { color: #1C3C96; text-decoration: none; font-weight: bold; } .left_cn div a:hover { color: #036AC8; text-decoration: underline; } .left_cn p { margin: 0; padding: 0; } .left_cn1 { padding-left: 20px; width: 270px; float: left; margin-bottom: 20px; } .left_cn1 h1 { padding: 10px; margin: 10px 0; border-bottom: 1px solid #666; background-color: #21487f; } .left_cn1 h1 a:link, .left_cn1 h1 a:visited, .left_cn1 h1 a:active { color: #FFF; text-decoration: none; } .left_cn1 h1 a:hover { color: #EEE; text-decoration: none; } .left_cn1 p { line-height: 20px; margin-top: 20px; padding: 0 0 0 15px; font-weight: bold; background: url(images/bodys/list_style.gif) no-repeat scroll -6px top transparent; } .left_cn1 p a:link, .left_cn1 p a:visited, .left_cn1 p a:active { color: #333; text-decoration: none } .left_cn1 p a:hover { color: #333; text-decoration: none; } .left_cn1 ul { margin-left: 0px; padding-left: 0px; } .left_cn1 li { display: block; padding-left: 15px; margin-left: 0px; /* *padding-left:0;*/ list-style: none; background: url(images/bodys/list_style.gif) no-repeat -6px -2px; margin-bottom: 6px; height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 255px; } /*for new home content start*/ .left_cn2 { width: 630px;/* height:370px;*/ float: left; padding-right: 10px; } .left_cn2 h1 { padding: 10px; margin: 10px 0; border-bottom: 1px solid #666; background-color: #21487f; } .left_cn2 h1 a:link, .left_cn2 h1 a:visited, .left_cn2 h1 a:active { color: #FFF; text-decoration: none; } .left_cn2 h1 a:hover { color: #EEE; text-decoration: none; } .left_cn2 div.home_picture_box { width: 190px; /* border:1px solid #ddd; -moz-border-radius: 10px; border-radius: 10px; */ margin-bottom: 20px; background: url(/wp-content/uploads/images/home_picture_box_bg.jpg) repeat-y; } .left_cn2 div.home_picture_box_foot { background: url(/wp-content/uploads/images/home_picture_box_foot.jpg) no-repeat; width: 190px; height: 10px; padding: 0; border: none; margin: 0; } .left_cn2 p { margin: 0; padding: 0; } .left_cn2 div.home_picture_box a { display: block; } .left_cn2 div.home_picture_box img { display: block; } .left_cn2 .home_picture_text { padding: 20px 5px 10px 5px; } .home_text { width: 180px; padding: 0px; font-size: 12px; margin: 0 0 20px 0; background: url(/wp-content/uploads/images/home_text_bg.jpg) repeat-y; } .home_text h3 { font-size: 14px; padding: 8px 30px 8px 5px; background: url(/wp-content/uploads/images/home_text_head.jpg) no-repeat; line-height: 15px; } .home_text p { line-height: 18px; padding: 10px 5px 0px 5px; } .home_text_foot { background: url(/wp-content/uploads/images/home_text_foot.jpg) no-repeat; width: 180px; height: 10px; } /*for new home content end*/ .m_con2{overflow:hidden; margin:30px auto 10px auto;} .m_con2_left{ width:630px; float:left; height:auto; overflow:hidden; padding-right:10px;} .m_con2_left h1{ padding:10px; margin:10px; border-bottom:1px solid #666;} .m_con2_left h1 a:link,.m_con2_left h1 a:visited,.m_con2_left h1 a:active{ color:#333; text-decoration: none;} .m_con2_left h1 a:hover{color:#C30;text-decoration: none;} .m_con2_left p{padding:10px; color:#000000;line-height:20px;} .m_con2_left2{/*width:630px;*/ float:left; height:auto; overflow:hidden; padding-right:10px;} .m_con2_left2 h1{ padding:10px; margin:10px; border-bottom:1px solid #666;} .m_con2_left2 h1 a:link,.m_con2_left2 h1 a:visited,.m_con2_left2 h1 a:active{ color:#333; text-decoration: none;} .m_con2_left2 h1 a:hover{color:#C30;text-decoration: none;} .m_con2_left2 p{padding:10px; color:#000000;line-height:20px;} .m_con2_right{ padding-left:20px; _padding-left:19px; width:270px;float:left} .m_con2_right h1{padding:10px; margin:10px 0; border-bottom:1px solid #666;} .m_con2_right h1 a:link,.m_con2_right h1 a:visited,.m_con2_right h1 a:active{ color:#333; text-decoration: none;} .m_con2_right h1 a:hover{color:#C30;text-decoration: none;} .m_con2_right p{ padding:10px; line-height:20px; color:#000000; font-weight:bold;margin-left:auto; margin-right:auto;width:261px;} .m_con2_other{ width:auto; height:auto; overflow:hidden; padding-right:10px;} .m_con2_other h1{ padding:10px; margin:10px; border-bottom:1px solid #666;} .m_con2_other h1 a:link,.m_con2_other h1 a:visited,.m_con2_other h1 a:active{ color:#333; text-decoration: none;} .m_con2_other h1 a:hover{color:#C30;text-decoration: none;} .m_con2_other p{padding:10px; color:#000000;line-height:20px;} #featured { /* width:665px; */ margin: 0px auto;/* padding-right:250px; _padding-right:0px;*/ position: relative;/* border:3px solid #ccc; */ height: 250px; background: #ccc; } #featured ul.ui-tabs-nav { position: absolute; top: 0; right: 0px; list-style: none; padding: 0; margin: 0; width: 172px; filter: alpha(opacity=62); -moz-opacity: 0.62; opacity: 0.62; z-index: 10000; } #featured ul.ui-tabs-nav li { padding: 1px 0; font-size: 12px; color: #666; } #featured ul.ui-tabs-nav li img { float: left; margin: 2px 5px; background: #fff; padding: 2px; border: 1px solid #eee; } #featured div img { width: 940px; height: 250px; } #featured ul.ui-tabs-nav li span { display: inline-block; position: relative; text-align: right; font-weight: bold; font-size: 12px; width: 160px; padding: 0px 5px; line-height: 48px; overflow: hidden; } #featured li.ui-tabs-nav-item a { display: block; height: 48px; color: #333; background: #fff; line-height: 20px; _cursor: hand; } #featured li.ui-tabs-nav-item a:hover { background: #f2f2f2; } #featured li.ui-tabs-selected { background: url('images/selected-item.gif') top left no-repeat; } #featured ul.ui-tabs-nav li.ui-tabs-selected a { /* background:#ccc; */ background: #E7E7E7; } #featured .ui-tabs-panel { /* width:670px; */ /*width:940px;*/ height: 250px; background: #999; position: relative; } #featured .ui-tabs-panel a, #featured .ui-tabs-panel img { display: block; } #featured .ui-tabs-panel .info { position: absolute; bottom: 8px; left: 20px; background: url('images/transparent-bg.png'); } #featured .info h2 { font-size: 18px; padding: 5px; margin: 0; overflow: hidden; color: #eee; } #featured .info p { margin: 0 5px; font-size: 11px; line-height: 15px; color: #eee; } #featured .info a { text-decoration: none; color: #eee; } #featured .info a:hover { text-decoration: underline; } #featured .ui-tabs-hide { display: none; } #product_des_my p{ margin-bottom:4px;} #product_list_my tr td{vertical-align: middle;} .shoppingcart table tr td .gocheckout{ display:inline-block; width:91px; height:22px; line-height:22px; text-align:center;background: url('images/bodys/checkout.png') no-repeat; text-indent:15px; font-weight:bold;margin-bottom:4px; color:#fff;} .shoppingcart table tr td .emptycart{display:inline-block; width:91px; height:22px; line-height:22px; text-align:center;background: url('images/bodys/clear.jpg') no-repeat; text-indent:15px; font-weight:bold;color:#fff;} #update_my_css{display:inline-block; width:79px; height:22px; line-height:22px; text-align:center;background: url('images/bodys/update.png') no-repeat; text-indent:15px; font-weight:bold; border:none;color:#fff;} #remove_my_css{display:inline-block; width:77px; height:22px; line-height:22px; text-align:center;background: url('images/bodys/remove.png') no-repeat; text-indent:15px; font-weight:bold;border:none;color:#fff; text-indent:20px;} #user_pass{ padding:2px;} #pwd{ padding:2px;} #qty_my_css{ margin-top:5px\9;} #wpsc_shopping_cart_container textarea{width:255px; height:30px;resize:none;margin-bottom:5px} .widget_wpsc_categorisation{ border: 1px solid #3198D4;position:relative;left:1px;width:229px;} .widget-title2{ background-color:#2172A3; background-image:none;color: #FFFFFF;font-weight: bold;height:30px;line-height:30px;text-indent:4px;} #sliding_cart{ border:1px solid #3198D4;position:relative;width:230px;} #content .wrap table tr td input{ border:1px solid #999; margin-bottom:5px; background:none;} #content .wrap table tr td textarea{width:255px; height:30px;overflow-x:hidden;overflow:-moz-scrollbars-vertical;resize:none;margin-bottom:5px;background:none;} #content .wrap table tr td input[type="submit"]{background:url("wpsc-images/icon_buy_bg.jpg") no-repeat scroll 0 0 transparent;border:none;color: #FFFFFF;font-size:12px;height:22px;line-height:22px;width:85px;} #content #searchform #s{ width:180px;} #content #searchform #searchsubmit{background:url("images/bodys/english_submit.jpg") no-repeat scroll 0 0 transparent;border:none;color: #FFFFFF;font-size:12px;height:20px;line-height:20px;width:50px;padding-bottom:2px;} /*table td color switch Start*/ #content .table_org { border: 1px solid #CCC; border-collapse: collapse; /* font-size:12px;*/ width: 100%; /* table-layout:fixed;*/ table-layout: auto; } #content .table_org tr td, #content .table_org tr th { border: 1px solid #CCC; border-collapse: collapse; padding: 2px 4px; width: auto; vertical-align: middle; } #content .row1 { color: #f6f6f6 !important; /* font-size: 12px !important;*/ font-weight: bold !important; line-height: 18px !important; padding: 5px !important; background-color: #555 !important; text-align: center !important; } #content .row_single { /* background-color:#d7e0e8;*/ background-color: #eceef1; } .table_org { border: 1px solid #CCC; border-collapse: collapse; /* font-size:12px;*/ width: 100%; } .table_org tr td, .table_org tr th { border: 1px solid #CCC; border-collapse: collapse; padding: 2px 4px; width: auto; vertical-align: middle; } .row1 { color: #f6f6f6 !important; /* font-size: 12px !important;*/ font-weight: bold !important; line-height: 18px !important; padding: 5px !important; background-color: #666 !important; text-align: center !important; } .row_single { /* background-color:#d7e0e8;*/ background-color: #eceef1; } /*table td color switch End*/ .table_simple, .table_simple tr td { border: 1px solid #ccc; padding: 3px; } .table_dashed { width: 100%; } .table_dashed td { border-bottom: 1px dashed #DDD; padding: 2px; } .logintable tr td { padding: 3px; } .logintable input[type="text"], .logintable input[type="password"] { width: 200px; padding: 3px !important; line-height: 18px; height: 18px; } .logintable input[type="submit"] { height: 30px; line-height: 14px; } .erricon { background: url(/images/errIcon.png) no-repeat; display: inline-block; height: 23px; visibility: hidden; vertical-align: middle; padding-left: 26px; margin-left: 10px; line-height: 23px; color: #f00; } /* feature Start */ .feature { padding: 10px; background-color: #FF9; color: #000; font-weight: bold; border: 1px solid #C63; text-align: center; margin: 5px 10px; width: 180px; float: right; zoom: 1; font-size: 12px; } .feature a:link, .feature a:visited { color: #C63; } .feature a:hover { color: #036AC8; } .feature a:active { color: #036AC8; } /* feature End */ /* featured Start */ .featured, .featured_wide, .featured_flow_left { padding: 10px; background-color: #FF9; color: #000; font-weight: bold; border: 1px solid #C63; text-align: center; margin: 5px 5px; width: 180px; /* float:right; Edit 2012-5-13*/ display: inline-block;/*Add 2012-5-13*/ zoom: 1; font-size: 12px; } .featured_wide1 { padding: 10px; background-color: #FFFF33; color: #000; border: 1px solid #C63; margin: 5px 5px; width: 550px; display: inline-block; zoom: 1; font-size: 12px; } .featured_wide { width: auto; } .featured a:link, .featured a:visited, .featured_wide a:link, .featured_wide a:visited { color: #C63; } .featured a:hover, .featured_wide a:hover { color: #036AC8; } .featured a:active, .featured_wide a:active { color: #036AC8; } .featured_flow_left { position: absolute; z-index: 100; margin-left: -220px; margin-top: 0px; } .absolute_right { position: absolute; right: 0; top: -70px; } /*Promotion Box Start*/ .promotion_tag { padding: 8px 12px; border-radius: 4px; font-size: 14px; line-height: 18px; min-width: 120px; max-width: 240px; text-align: center; display: inline-block; } .transparent_box { } .yellow_box { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .yellow_box * { line-height: 1.2857em; } .yellow_box a { color: #ed1c24; font-weight: bold; } /*new red*/ .blue_box { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .blue_box * { line-height: 1.2857em; } .blue_box a { color: #f7941d; font-weight: bold; } /*new yellow*/ .green_box { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .green_box * { line-height: 1.2857em; } .green_box a { color: #ed1c24; font-weight: bold; } /*new red*/ .red_box { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .red_box * { line-height: 1.2857em; } .red_box a { color: #f7941d; font-weight: bold; } /*new yellow*/ /*Promotion Box End*/ /* featured End */ /* featured blue Start */ .featured_blue { padding: 10px; background-color: #cbd1e8; color: #000; font-weight: bold; border: 1px solid #1a2791; text-align: center; margin: 5px 5px; width: 180px; display: inline-block; zoom: 1; font-size: 12px; } .featured_blue a:link, .featured_blue a:visited, .featured_blue a:active { color: #1a2791; } .featured_blue a:hover { color: #1a2791; } /* featured blue End */ /*--------------------------------------------------------- vertical-align Start */ .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .align-bottom { vertical-align: bottom; } /*--------------------------------------------------------- vertical-align End */ /* Tabs Switch Start ---------------------------------------------*/ .TabbedPanels { clear: none; } .TabbedPanels .TabbedPanelsTabGroup { border-left: none; border-right: none; border-bottom: none; border-top: none; padding: 0; margin: 0; } .TabbedPanels .TabbedPanelsTabGroup li { border-left: 2px solid #E1E1E1; border-right: 2px solid #999; border-top: 2px solid #999; border-bottom: none; float: left; list-style: none; padding: 5px 7px; text-align: center; margin: 0 0px 0 5px; background-color: #EEE; position: relative; top: 2px; } .TabbedPanels .TabbedPanelsTabGroup li a { display: block; line-height: 20px; color: #555; } .TabbedPanels .TabbedPanelsTabGroup li a:link, .TabbedPanels .TabbedPanelsTabGroup li a:visited, .TabbedPanels .TabbedPanelsTabGroup li a:active { font-weight: normal; font-size: 13px; text-decoration: none; } .TabbedPanels .TabbedPanelsTabGroup li a:hover { text-decoration: none; } .TabbedPanels .TabbedPanelsTabGroup li.CurrentTabbedPanelsTab { border-left: 2px solid #E1E1E1; border-right: 2px solid #999; border-top: 2px solid #999; border-bottom: 2px solid #FFF; font-weight: bold; background-color: #FFF; text-decoration: none; top: 2px; } .TabbedPanels .TabbedPanelsTabGroup li.CurrentTabbedPanelsTab a { color: #000; font-weight: bold !important; } .TabbedPanelsContentGroup { border-top: 2px solid #999; margin: 0; padding: 0; clear: both; } .TabbedPanelsContentGroup table {/* Table in this class must be 100% width*/ width: 100%; margin: 0 0 15px 0; } /* Tabs Switch End ------------------------------------------------------ */ a.link:link, a.link:visited, a.link:active { color: #036; text-decoration: none; vertical-align: bottom; } a.link:hover { color: #036; text-decoration: underline; vertical-align: bottom; } /* This is for search page Start */ .search_filter_table td { padding: 3px 10px 3px 0px; } .search_filter_table a:link, .search_filter_table a:visited, .search_filter_table a:active { text-decoration: none; } .search_filter_table a:hover { text-decoration: underline; } /* This is for search page Start */ /* Bottons Style Start */ a.botton_green, a.botton_blue, a.botton_purple, a.botton_red, a.botton_yellow, a.botton_black { width: 122px; height: 40px; padding: 0 2px; display: inline-block; font-size: 12px; font-weight: bold; line-height: 38px; text-align: center; } a.botton_green:link, a.botton_green:visited { background: url(images/bodys/botton_green.jpg) no-repeat 0 0; color: #555; } a.botton_green:hover { background: url(images/bodys/botton_green.jpg) no-repeat 0 -40px; } a.botton_green:active { background: url(images/bodys/botton_green.jpg) no-repeat 0 -80px; } a.botton_blue:link, a.botton_blue:visited { background: url(images/bodys/botton_blue.jpg) no-repeat 0 0; color: #555; } a.botton_blue:hover { background: url(images/bodys/botton_blue.jpg) no-repeat 0 -40px; } a.botton_blue:active { background: url(images/bodys/botton_blue.jpg) no-repeat 0 -80px; } a.botton_purple:link, a.botton_purple:visited { background: url(images/bodys/botton_purple.jpg) no-repeat 0 0; color: #555; } a.botton_purple:hover { background: url(images/bodys/botton_purple.jpg) no-repeat 0 -40px; } a.botton_purple:active { background: url(images/bodys/botton_purple.jpg) no-repeat 0 -80px; } a.botton_red:link, a.botton_red:visited { background: url(images/bodys/botton_red.jpg) no-repeat 0 0; color: #555; } a.botton_red:hover { background: url(images/bodys/botton_red.jpg) no-repeat 0 -40px; } a.botton_red:active { background: url(images/bodys/botton_red.jpg) no-repeat 0 -80px; } a.botton_yellow:link, a.botton_yellow:visited { background: url(images/bodys/botton_yellow.jpg) no-repeat 0 0; color: #555; } a.botton_yellow:hover { background: url(images/bodys/botton_yellow.jpg) no-repeat 0 -40px; } a.botton_yellow:active { background: url(images/bodys/botton_yellow.jpg) no-repeat 0 -80px; } a.botton_black:link, a.botton_black:visited { background: url(images/bodys/botton_black.jpg) no-repeat 0 0; color: #EEE; } a.botton_black:hover { background: url(images/bodys/botton_black.jpg) no-repeat 0 -40px; } a.botton_black:active { background: url(images/bodys/botton_black.jpg) no-repeat 0 -80px; } a.botton_green_long, a.botton_blue_long, a.botton_purple_long, a.botton_red_long, a.botton_yellow_long, a.botton_black_long { width: 180px; height: 40px; padding: 0 2px; display: inline-block; font-size: 12px; font-weight: bold; line-height: 38px; text-align: center; } a.botton_green_long:link, a.botton_green_long:visited { background: url(images/bodys/botton_green_long.jpg) no-repeat 0 0; color: #555; } a.botton_green_long:hover { background: url(images/bodys/botton_green_long.jpg) no-repeat 0 -40px; } a.botton_green_long:active { background: url(images/bodys/botton_green_long.jpg) no-repeat 0 -80px; } a.botton_blue_long:link, a.botton_blue_long:visited { background: url(images/bodys/botton_blue_long.jpg) no-repeat 0 0; color: #555; } a.botton_blue_long:hover { background: url(images/bodys/botton_blue_long.jpg) no-repeat 0 -40px; } a.botton_blue_long:active { background: url(images/bodys/botton_blue_long.jpg) no-repeat 0 -80px; } a.botton_purple_long:link, a.botton_purple_long:visited { background: url(images/bodys/botton_purple_long.jpg) no-repeat 0 0; color: #555; } a.botton_purple_long:hover { background: url(images/bodys/botton_purple_long.jpg) no-repeat 0 -40px; } a.botton_purple_long:active { background: url(images/bodys/botton_purple_long.jpg) no-repeat 0 -80px; } a.botton_red_long:link, a.botton_red_long:visited { background: url(images/bodys/botton_red_long.jpg) no-repeat 0 0; color: #555; } a.botton_red_long:hover { background: url(images/bodys/botton_red_long.jpg) no-repeat 0 -40px; } a.botton_red_long:active { background: url(images/bodys/botton_red_long.jpg) no-repeat 0 -80px; } a.botton_yellow_long:link, a.botton_yellow_long:visited { background: url(images/bodys/botton_yellow_long.jpg) no-repeat 0 0; color: #555; } a.botton_yellow_long:hover { background: url(images/bodys/botton_yellow_long.jpg) no-repeat 0 -40px; } a.botton_yellow_long:active { background: url(images/bodys/botton_yellow_long.jpg) no-repeat 0 -80px; } a.botton_black_long:link, a.botton_black_long:visited { background: url(images/bodys/botton_black_long.jpg) no-repeat 0 0; color: #EEE; } a.botton_black_long:hover { background: url(images/bodys/botton_black_long.jpg) no-repeat 0 -40px; } a.botton_black_long:active { background: url(images/bodys/botton_black_long.jpg) no-repeat 0 -80px; } /* Bottons Style End */ /* Anti-tag css Start */ #content ul.list { float: left; width: 100%; margin: 10px 0; } #content ul.list li { margin: 0; padding: 5px 2px 0 3px; width: 80px; height: 35px; float: left; background: #4f81bd; border-left: 1px #ffffff solid; color: #FFFFFF; list-style: none; text-align: center; font-weight: bold; } #content ul.list li a:link, #content ul.list li a:visited { color: #FFFFFF; } #content ul.list li a:hover { color: #f99e00; } /* Anti-tag css End */ /* advantages Start */ #content .advantages { clear: both; background: #D7E4BD; padding: 2px 0 10px 0; } #content .advantages p { padding-left: 40px; margin: 16px 0 6px 0; } #content .advantages ul { margin: 0; padding: 6px 0 0 0; } #content .advantages ul li { margin-left: 80px; padding-left: 0px; } #content .advantages ol li { margin-left: 80px; padding-left: 0px; } /* advantages End */ /* box class Start */ .box { width: 260px; height: 130px; margin: 10px auto; background: url(images/bodys/box-border3.jpg) no-repeat; text-align: center; padding: 15px; } .box h2 { display: block; text-align: center; margin: 0 auto; padding: 10px; } .box p { margin-top: 20px; } #content .box2 { width: 260px; height: 130px; margin: 10px auto; background: url(images/bodys/box-border3.jpg) no-repeat; text-align: center; padding: 15px; position: relative; } #content .box2 h2 { display: block; text-align: center; margin: 0 auto; padding: 0px; } #content .box2 p { position: absolute; bottom: 15px; padding: 0; margin: 0; width: 260px; } /* box class End */ a.toggle { background: url(images/bodys/plus.jpg) 0px 4px no-repeat; height: 20px; display: inline-block; line-height: 20px; font-weight: bold; padding-left: 15px; margin-top: 10px; } a.toggle.toggle_down { background: url(images/bodys/minus.jpg) 0px 4px no-repeat; height: 20px; display: inline-block; line-height: 20px; font-weight: bold; padding-left: 15px; } table.toggle { display: none; margin-top: 10px; } table.toggle.toggle_down { display: table; } table.toggle.toggle_up { display: none; } .divmargintop { margin-top: 10px; font-size: 14px; } .divnone { display: none; margin-top: 25px; } div.toggle.toggle_down { display: block; } div.toggle.toggle_up { display: none; } /* auto fold End */ /* datasheet Start */ .content ul { margin: 0; } #content ul.datasheet li { width: 220px; height: 22px; float: left; list-style: none; border-bottom: #DDD 1px dashed; text-indent: 3em; font-size: 11px; line-height: 22px; margin: 0; padding: 2px 0; } #content ul.datasheet li.libg { background: url(images/bodys/file_pdf.jpg) 10px no-repeat; list-style: none; margin: 0; padding: 2px 0; } /* datasheet End */ .highlight { text-decoration: underline; font-weight: bold; } #wide-container { width: 820px; margin: 0 auto; } /* for search results */ h2.entry-title { margin: 20px 0 10px 0; padding: 0; font-size: 16px; } h2.entry-title a:link, h2.entry-title a:visited, h2.entry-title a:active { color: #036AC8; } h2.entry-title a:hover { color: #CC6633; } .pagination { clear: both; float: left; border: 1px solid #ccc; border-radius: 4px; margin-top: 30px; } .pagination span, .pagination a { float: left; display: inline-block; height: 34px; text-align: center; vertical-align: middle; line-height: 34px; border-right: 1px solid #ccc; padding: 0px 12px; font-size: 14px; } .pagination span { color: #fff; background-color: #428bca; border-color: #428bca; } .pagination span:last-child, .pagination a:last-child { border-right: none; } /** restyle this pagination .pagination { clear: both; padding: 0 0 10px 0; position: relative; z-index: 3; margin: 20px; } .pagination span, .pagination a { display: block; float: left; font-size: 11px; line-height: 13px; margin: 2px 2px 2px 0; padding: 3px 6px; text-decoration: none; width: auto; } .pagination .current { font-size: 11px; padding: 3px 6px; } .pagination span, .pagination a { border: 1px solid #e1e1e1; } .pagination a:hover { border: 1px solid #666; } .pagination .current { background: #666; border: 1px solid #222; color: #fff; } ****/ .custom_content { width: 886px; margin: 0 auto; } ul.bookmarks { list-style: none; } ul.bookmarks li { line-height: 26px; overflow: hidden; padding: 4px 0; border-bottom: 1px dashed #CCC; } a.bookmarks { background: url(/images/view_bookmark.png) no-repeat 0 4px; padding-left: 22px; padding: 0px 0 0px 22px; display: inline-block; width: 820px; float: left; } a.delete_bookmarks { text-indent: -9999px; background: url(/images/del_bookmark.png) no-repeat 5px 5px; display: inline-block; width: 26px; height: 26px; float: right; } .stick_rightbottom { position: absolute; padding: 10px; background-color: #FFF; border-left: none; border-right: 1px solid #555555; border-bottom: 1px solid #555555; border-top: 1px solid #555555; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; filter: alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95; } .stick_rightbottom a { display: block; width: 16px; height: 16px; text-indent: 24px; overflow: hidden; line-height: 16px; color: #000; font-weight: bold; } .stick_rightbottom a.add { background: url(/images/add_bookmark.png) no-repeat; } .stick_rightbottom a.view { background: url(/images/view_bookmark.png) no-repeat; margin: 15px 0 0 0; } .stick_rightbottom a.del { background: url(/images/del_bookmark.png) no-repeat; } .stick_rightbottom.wider { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #555555; } .stick_rightbottom.wider a { width: 200px; } #pre_a { background: #000; color: #FFF; text-align: center; margin-top: 30px; margin-left: -100px; position: absolute; z-index: 9999; display: none; box-shadow: 0 0 5px #333; border: 1px ridge #FFF; padding: 3px 8px; font-size: 12px; border-radius: 6px; width: 200px; word-wrap: break-word } /* pagenavi */ #pagenavi { margin: 10px 0; overflow: hidden; } #pagenavi .po, #pagenavi .sp { width: auto; padding-left: 12px; padding-right: 12px; } #pagenavi a, #pagenavi a:visited, #pagenavi span { height: 34px; width: 34px; line-height: 34px; display: block; border: 1px solid #d3d3d3; /* border-right:none; */ margin-right: -1px; float: left; text-align: center; color: #777; } #pagenavi a:first-child, #pagenavi span:first-child { border-radius: 3px 0 0 3px; } #pagenavi a:last-child, #pagenavi span:last-child { border: 1px solid #d3d3d3; border-radius: 0 3px 3px 0; } #pagenavi a:hover { background: #eee; } #pagenavi span.pages { color: #777; font-weight: bold; margin-right: 10px; padding: 0; } #pagenavi span.current { background: #eee; } .entry-content blockquote { background: #D7E4BD; padding: 8px 10px; } .entry-content blockquote ul { margin: 10px 10px 10px 15px; } table .text-right { text-align: right; } .hide { display: none; } /* Product detail page stickup style */ .stickUp { background-color: #fff; width: 100%; z-index: 9; } .red { color: #f00 !important; } /* Yet Another DataTables Column Filter START */ .folder { font-weight: bold; } .folder:after { clear: both; } .tobe_folder { width: 100%; margin: 20px 0 40px 0; } #express_clones_wrapper { padding-top: 30px; clear: both; } #filter_waiting_list table tr td { padding: 6px 0; } /******/ #externaly_triggered_wrapper { width: 100%; display: inline-block; margin-bottom: 20px; } .externaly_triggered_wrapper > div { margin-bottom: 10px; } .externaly_triggered_wrapper > div > span { display: inline-block; } .externaly_triggered_wrapper > div > span.filter_title { width: 130px; text-align: right; padding-right: 10px; } .externaly_triggered_wrapper > div > span.external_filter_container { width: 760px; } #externaly_triggered_wrapper-controls { width: 200px; display: inline-block; margin-bottom: 50px; } .some_btn.general_btn { color: #fff; background-color: #98A0A8; border-color: #40484F; display: inline-block; } .some_btn { margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; text-decoration: none; margin-top: 10px; } /******/ #express_clones thead tr th * { font-size: 8px !important; padding: 0px; word-wrap: break-word !important; } #express_clones.dataTable.compact thead th { padding: 0px; } /******/ .dataTables_length, .dataTables_filter { margin-bottom: 20px; } .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 2px solid #ddd; } .table-bordered>thead>tr>td:first-child, .table-bordered>thead>tr>th:first-child{ border-left: 1px solid #ddd; } .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th { border-top: 2px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .table-bordered>tfoot>tr>td:first-child, .table-bordered>tfoot>tr>th:first-child{ border-left: 1px solid #ddd; } /* Yet Another DataTables Column Filter END */ /* bootcss button START */ .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;} .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none;} .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);} .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c;} .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none;} .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc;} .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4;} .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74;} .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {background-image: none; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44 border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d;} .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925;} .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; order-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19;} .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: normal; color: #337ab7; border-radius: 0;} .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent;} .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px;} .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px;} input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } /* bootcss button END*/ /* For detail_clone_df */ /* tags container */ .filter_tags_container{ overflow: hidden;} .filter_tags_container label{ display: block; font-weight: normal;} .filter_tags_container label.hide{ display: none;} .filter_tags_container label .show_more_tags{ margin-top: 10px; text-align: right; display: block;} a.tags{ padding: 1px 4px; border-radius: 2px; margin: 0px 4px 4px 0px; color: #555; font-size: 12px; line-height: 1em;} a.tags:link, a.tags:hover, a.tags:active{ color: #555;} .tags.selected{background-color: #d9534f; border-color: #d43f3a; color: #fff; } .more_tags{ display: none;} .filter_title{ cursor: pointer;} .filter_tags_li{/*display: none;*/} /* hide more info*/ .moreinfo{ display: none;} /* KellyChen */ .bg-advantages { font-weight: bold; margin-top: 10px; margin-bottom: 10px; padding: 15px 10px; border-style: solid; border-width: 0px 0px 0px 0px; } /* .grad3 */ .advantages-gray { background: #eeeeee; background: linear-gradient(to right, #eeeeee, white);} /* .grad2 */ .advantages-orange { background: #ffdb99; background: linear-gradient(to right, #ffdb99, white); border-color: orange; } /* .grad1 */ .advantages-wathet { background: #dafcff; background: linear-gradient(to right, #dafcff, white); } /* 自定義 */ .advantages-blue { background: #d8f1ff; background: linear-gradient(to right, #d8f1ff, white); } .advantages-green { background: #5cb85c; background: linear-gradient(to right, #5cb85c, white); } .advantages-kelly { background: #D7E4BD; background: linear-gradient(to right, #D7E4BD, white); } .advantages-red { background: #d9534f; background: linear-gradient(to right, #d9534f, white); } .advantages-yellow { background: yellow; background: linear-gradient(to right, yellow, white); } .radius-5 { border-radius: 5px; } /* 非漸變形式 */ .advantages-none-wathet { background: #dafcff; } .advantages-none-gray { background: #eeeeee; } .advantages-none-orange { background: #ffdb99; } .advantages-none-wathet { background: #dafcff; } .advantages-none-blue { background: #d8f1ff; } .advantages-none-green { background: #5cb85c; } .advantages-none-kelly { background: #D7E4BD; } .advantages-none-red { background: #d9534f; } .advantages-none-yellow { background: yellow; } /*April 8, 2020 Friend links */ .friend-link { display: inline-block; clear: both; width: 100%; border-bottom: 1px solid #2172A3; padding-bottom: 5px; } .friend-link h2 { display: inline-block; padding: 5px 5px 5px 20px; } .friend-link ul { list-style: none; } .friend-link ul li { display: inline-block; padding: 3px 5px;} .friend-link div.menu-friend-link-container{ padding: 5px; }