/*
* Theme Name: offgreenxys
* Theme URI: http://www.wpff.com
* Description: wpoff Theme for corporate and creative sites, responsive and clean layout, more than color skins
* Author: wpoff team
* Author URI: http://www.wpoff.com
* Version: 1.0
*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
a{background:transparent}a:focus{outline:thin dotted}
a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="text"]:hover,input[type="text"]:focus,input[type="text"]:active{border:1px solid #CCC}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,span,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0 auto;padding:0;border:0}
body{color:#444;background:#FFF;font:12px/24px "Microsoft Yahei",Arial,Verdana,Tahoma,Sans-Serif}
ul,ol,li{list-style:none}
table,td,th,input{font-size:12px}
h1,h2,h3,h4,h5,h6{font-weight:normal}
h1{font-size:28px}h2{font-size:18px}h3{font-size:16px}
h4{font-size:14px}
h5,h6{font-size:12px}
.inner{overflow:hidden}
.clearfix{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0 !important;*margin-top:-1px;line-height:0}
.radius{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.opacity{opacity:.5;filter:"alpha(opacity=50)";filter:alpha(opacity=50)}
.folio-thumb img{width:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-duration:.7s;-moz-transition-duration:.7s;-ms-transition-duration:.7s;-o-transition-duration:.7s}
.folio-thumb:hover img{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3)}
.mediaholder{overflow:hidden}
a:link,a:visited{color:#444;outline:0;text-decoration:none}
a:hover{color:#3fbd98;text-decoration:none}
.header{background:#FFF;clear:both;*position:relative;*z-index:1;}
.header .inner{height:100px;overflow:visible;position:relative}
.logo{float:left;margin:20px auto}.logo img{height:60px;display:block}
.head-pinned{border-bottom:1px solid #e6e6e6;height:60px;position:fixed;top:0;left:0;width:100%;z-index:10000;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));-moz-box-shadow:0 0 12px #ccc;-webkit-box-shadow:0 0 12px #ccc;box-shadow:0 0 12px #ccc}
.head-pinned .logo{margin:0 auto}
.head-pinned .logo img{height:60px}
.head-pinned .main-menu{margin:12px auto}
.head-pinned .navi li ul{top:25px}
.head-pinned #btn-so{margin-top:12px}
.head-pinned #search-box{border:1px solid #e6e6e6;border-top:0;top:60px}
.main-menu{float:right;margin:32px auto;font-size:15px;line-height:36px;color:#333;position:relative}#mobile-nav{display:none}
.navi{position:relative;z-index:9999}
.navi li{float:left;padding:0 4px;text-transform:capitalize;white-space:nowrap;position:relative}
.navi li a,.navi li a:link,.navi li a:visited{padding:0 12px;color:#333;display:block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.navi li a:hover{color:#FFF;background:#3fbd98;text-decoration:none}
.navi li.current-menu-item a:link,.navi li.current-menu-item a:visited,.navi li.current-post-parent a,.navi li.current-post-ancestor a,.navi li.current-menu-parent a,.navi li.current-category-ancestor a,.navi li:hover a{color:#FFF;background:#3fbd98}
.navi li ul{position:absolute;top:36px;left:5px;z-index:9999;padding:23px 0 0 0;width:200px;border-bottom:1px solid #CCC;display:none}
.navi li ul li{float:none;padding:0;line-height:38px;font-size:14px;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #EEE;background:#FFF}
.navi li ul li.litop,.navi li ul li:first-of-type{height:2px;line-height:2px;font-size:0;background:#3fbd98}
.navi li ul li a:link,.navi li ul li a:visited{padding:0 12px;height:38px;color:#666}
.navi li.current-menu-item ul li a:link,.navi li.current-menu-item ul li a:visited,.navi li.current-menu-item ul li a:hover,.navi li.current-post-parent ul li a,.navi li.current-post-ancestor ul li a,.navi li.current-menu-parent ul li a,.navi li.current-category-ancestor ul li a{color:#666;background:none}
.navi li ul li.menu-item-has-children a{padding:0 12px;height:38px;color:#666;background:url(images/menu.png) no-repeat right -15px}
.navi li ul li a:hover,.navi li.current-menu-item ul li a:hover,.navi li.current-post-ancestor ul li a:hover,.navi li.current-menu-parent ul li a:hover,.navi li.current-category-ancestor ul li a:hover,.navi li:hover ul li a:hover{color:#3fbd98;background:#f6f6f6}.navi li.current-menu-item ul li a{background:none}.navi li.current-menu-item ul li a span{background:none}
.navi li:hover a{color:#FFF;background:#3fbd98}
.navi li:hover ul li a{background:none}
.navi li:hover ul li.menu-item-has-children a{background:url(images/menu.png) no-repeat right -15px}
.navi li ul li ul{top:-3px;left:198px;padding:0;background:none}
.navi li ul li.menu-item-has-children:hover a{color:#3fbd98;background:#f6f6f6 url(images/menu.png) no-repeat right -59px}
.navi li ul li.menu-item-has-children:hover ul li a{color:#333;background:#FFF}
.navi li ul li.menu-item-has-children:hover ul li a:hover{color:#3fbd98;background-color:#f6f6f6}
.navi li:hover ul li.menu-item-has-children ul li a{background:none}#btn-so{float:right;margin-top:32px;width:40px;height:36px;background:url(images/search.png) no-repeat center 12px;display:inline-block;cursor:pointer}
#search-box{width:400px;display:none;position:absolute;right:0;top:80px;z-index:100}
#search-box #searchform{padding:10px;background:#FFF}
#search-box #searchform #ls{padding:10px 3%;width:80%;border:1px solid #DDD;border-right:0;color:#666}
#search-box #searchform #searchsubmit{padding:11px 0;width:14%;text-indent:-9999px;border:0;background:#3fbd98 url(images/search.png) no-repeat center -32px;cursor:pointer;position:absolute;right:10px;top:10px}
#search-box #searchform #searchsubmit:hover{background-color:#ef730e}
#sliderbox{position:relative;clear:both;overflow:hidden}
#slidebanner{width:1900px;height:500px;margin-left:-950px;text-align:center;_text-align:left;overflow:hidden;position:relative;left:50%;z-index:90;clear:both}#slideshow li{width:1900px;height:500px;position:absolute;left:0;top:0}#slideshow li img{width:1900px;height:500px;display:block}
#slidebanner .bx-wrapper{height:auto}
#slidebanner .bx-wrapper .bx-pager{width:100%;text-align:center;position:absolute;left:0;bottom:10px;z-index:90}
#slidebanner .bx-wrapper .bx-pager .bx-pager-item,#slidebanner .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline}#slidebanner .bx-wrapper .bx-pager a{margin-left:10px;width:7px;height:7px;font-size:0;background:#FFF;overflow:hidden;display:inline-block;text-decoration:none;moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}
#slidebanner .bx-wrapper .bx-pager a.active{background:#ef730e}
#sliderbox .bx-prev,#sliderbox .bx-next{width:40px;height:100%;_height:400px;text-indent:-9999px;background:url(images/arrow-slider.png) no-repeat -40px 48%;overflow:hidden;display:none;position:absolute;top:0;z-index:100;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6}
#sliderbox .bx-prev{left:2%;_left:69%}#sliderbox .bx-next{right:2%;background-position:0 48%}
#sliderbox .bx-prev:hover,#sliderbox .bx-next:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
.banner-shadow{width:100%;height:26px;background:url(images/shadow.png) repeat;overflow:hidden;position:absolute;top:0;right:0;z-index:91}
.banner{width:100%;max-height:180px;text-align:center;background:#3fbd98;overflow:hidden;position:relative}
.banner img{width:100%;display:block}
.container{padding:30px 0;clear:both}
.column-fluid{float:right;width:100%}
.content{margin-left:275px;overflow:hidden}
.fullwidth{margin:0 auto;width:100%}
.announce{height:32px;line-height:32px;border-bottom:1px solid #e4e4e4;color:#999;background:#f2f2f2;overflow:hidden}
.announce h3{float:left;padding-right:20px;font-weight:bold;font-size:13px;background:url(images/icon.gif) no-repeat right -282px}
.announce h3 a:link,.announce h3 a:visited{color:#3fbd98}
.announce h3 a:hover{color:#666}
.announce ul li{width:450px}
.announce .bx-wrapper{float:left;padding-left:10px;height:32px}
.announce .bx-wrapper .bx-window{float:left}
.row-fluid{margin-bottom:30px;overflow:hidden}
.row-fluid h2{padding:8px 0 20px 0;font-size:18px;border-top:1px solid #e4e4e4;color:#111}
.row-fluid h2 a:link,.row-fluid h2 a:visited{color:#111}
.row-fluid h2 a:hover{color:#3fbd98;text-decoration:none}
.row-fluid h2 span a{float:right;*margin-top:-45px;width:36px;height:30px;text-indent:-9999px;background:url(images/icon.gif) no-repeat 0 -104px;display:block}
.col-lt{float:left;width:32%;overflow:hidden}
.col-ct{float:left;width:32%;padding-left:2%;overflow:hidden}
.col-rt{float:right;width:32%;overflow:hidden}
.col-rt ul li,.col-ct ul li{margin-bottom:5px;padding-left:14px;height:24px;background:url(images/icon.gif) no-repeat 0 11px;overflow:hidden}
.col-md-3{overflow:hidden}
.col-md-3 div{float:left;margin-bottom:20px;padding:0 1.5%;*padding:0 1.4%;width:30.33%;height:auto;text-align:center;overflow:hidden}
.col-md-3 div img{max-width:100%;height:auto}
.col-md-3 div h3{margin:6px auto 10px;width:100%;height:24px;font-size:16px;color:#333;overflow:hidden}
.col-md-3 div p{color:#666}.col-md-4 div{padding:0 1%;*padding:0 .9%;width:23%}
.col-md-2 div{padding:0 1%;*padding:0 .9%;width:48%}
.col-md-1 div{padding:0;*padding:0;width:100%}
.row-scroll{position:relative}
.row-scroll .bx-controls a{margin-left:8px;width:22px;height:22px;text-indent:-9999px;border:1px solid #e2e2e2;background:#f6f6f6 url(images/arrow-scroll.png) no-repeat;display:inline-block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
.row-scroll .bx-controls a:hover{border:1px solid #999;background-color:#999}
.row-scroll .bx-controls a.bx-prev{background-position:8px 6px;position:absolute;top:10px;right:30px}
.row-scroll .bx-controls a.bx-next{background-position:-15px 6px;position:absolute;top:10px;right:0}
.row-scroll .bx-controls a.bx-prev:hover{background-position:8px -14px}
.row-scroll .bx-controls a.bx-next:hover{background-position:-15px -14px}
.pic-scroll-list{overflow:hidden}
.pic-scroll-list .slide{float:left;margin-bottom:25px;width:24%;height:auto;text-align:center;overflow:hidden}
.pic-scroll-list .slide .folio-thumb{position:relative}
.pic-scroll-list .slide .folio-thumb img{width:100% !important;height:auto;display:block}
.pic-scroll-list .slide .folio-thumb .opacity-pic{width:100%;height:100%;position:absolute;top:0;left:0;background:#3fbd98;cursor:pointer;-moz-opacity:0;-khtml-opacity:0;opacity:0;filter:alpha(opacity=0);_display:none}
.pic-scroll-list .slide:hover .folio-thumb .opacity-pic{-moz-opacity:.4;-khtml-opacity:.4;opacity:.4;filter:alpha(opacity=40);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.pic-scroll-list .slide h3{margin-top:8px;width:100%;height:24px;font-size:14px;overflow:hidden;position:relative;z-index:10}
.partners{margin-bottom:30px}
.partners h2{padding:10px 10px 20px 0;border:0;text-align:center;background:url(images/icon.gif) repeat-x 0 -452px}
.partners h2 a{padding:0 30px;background:#f8f8f8}
#partner-list a{display:inline-block}
#partner-list a img{height:38px;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65}
#partner-list a:hover img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:gray;filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
.breadcrumb{height:32px;line-height:32px;border-bottom:1px solid #e4e4e4;color:#999;background:#f2f2f2;overflow:hidden}
.breadcrumb i{padding:0 8px;background:url(images/icon.gif) no-repeat 7px -39px}
.breadcrumb a:link,.breadcrumb a:visited{color:#999}
.breadcrumb a:hover{color:#666}
.breadcrumb a#hp{padding-left:18px;background:url(images/icon.gif) no-repeat 0 -157px;*background-position:0 -159px;}
.crumb-box{float:left}.weibo-box,.wb-follow-button{float:right}
.weibo-box{*width:127px;}
.wb-follow-button{margin-top:5px;*margin-top:-29px;}
.cur-title{margin-bottom:25px;padding:0 0 10px 20px;font-size:18px;border-bottom:1px solid #CCC;color:#333;background:url(images/icon.gif) no-repeat 0 -200px;text-transform:capitalize;overflow:hidden}
.cur-title a{color:#333;text-decoration:none}.cur-title span{padding-left:4px;color:#999}
.postlist{padding:0;overflow:hidden}
.postlist li{margin:0 auto 5px;padding:0 0 7px 15px;height:24px;border-bottom:1px solid #EEE;background:url(images/icon.gif) no-repeat 0 11px;overflow:hidden}
.postlist li.nb{border:0}.postlist li a{float:left;width:85%;font-size:14px}
.postlist li span{float:right;text-align:right;color:#BBB}
.piclist{margin-left:-1.83%;overflow:hidden}
.piclist li{float:left;margin-bottom:25px;margin-left:1.83%;*margin-left:1.8%;_margin-left:.935%;width:31.5%;height:auto;text-align:center;overflow:hidden}
.piclist li .folio-thumb{position:relative}
.piclist li .folio-thumb img{width:100%;height:auto;display:block}
.piclist li .folio-thumb .opacity-pic{width:100%;height:100%;position:absolute;top:0;left:0;background:#3fbd98;cursor:pointer;-moz-opacity:0;-khtml-opacity:0;opacity:0;filter:alpha(opacity=0);_display:none}.piclist li:hover .folio-thumb .opacity-pic{-moz-opacity:.4;-khtml-opacity:.4;opacity:.4;filter:alpha(opacity=40);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.piclist li h3{margin-top:8px;width:100%;height:24px;font-size:14px;overflow:hidden;position:relative;z-index:10}
.piclist-col4{margin-left:-1.5%}
.piclist-col4 li{margin-left:1.5%;_margin-left:.75%;width:23.5%}
.post{overflow:hidden}
.post .post-title{margin-bottom:8px;padding-bottom:8px;line-height:40px;font-size:28px;text-align:center;border-bottom:1px solid #e9e9e9;color:#333}.postmeta{margin-bottom:25px;color:#999;text-align:center}
.postmeta a:link,.postmeta a:visited{color:#999}
.postmeta a:hover{color:#666}
.entry{font-size:14px;overflow:hidden}
.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{margin-bottom:15px;padding:0;border:0;background:none;color:#000}
.entry p{margin-bottom:20px}
.entry a:link,.entry a:visited{color:#005bb5}
.entry a:hover{color:#ef730e}
.entry img{margin-bottom:15px;max-width:100%;height:auto}
.entry ol,.entry ul{margin:10px 20px}
.entry ol li{list-style:decimal}
.entry ul li{list-style:disc}
.entry table{margin-bottom:15px;color:#666;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.entry th{padding:3px 10px;border-right:1px solid #e4e4e4;border-top:1px solid #e4e4e4;background:#f5f5f5}
.entry td{padding:3px 10px;border-right:1px solid #e4e4e4;border-top:1px solid #e4e4e4}
.alignleft{float:left;padding-right:10px}.alignright{float:right;padding-left:10px}
.alignnone,.aligncenter{float:none;margin-left:auto;margin-right:auto;clear:both}
.aligncenter{text-align:center;display:block}
.wp-caption{margin:10px auto;padding:6px;background:#f6f6f6;border:1px solid #e4e4e4;-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center}
.wp-caption img{max-width:660px}
.wp-caption p.wp-caption-text{margin:5px 0 0;padding:4px;line-height:20px;color:#666}
.post .share{margin:25px auto;padding-bottom:8px;line-height:28px;border-bottom:1px solid #e8e8e8;color:#999;text-align:right;clear:both}
.post #bdshare{float:right}.post .page-title{margin-bottom:25px;padding-bottom:8px;line-height:40px;font-size:28px;text-align:center;border-bottom:1px solid #e9e9e9;color:#333}
.wpagenavi{margin:20px auto;padding-top:25px;width:100%;line-height:40px;font-family:"???";border-top:1px solid #e4e4e4;text-align:center}
.wpagenavi a:link,.wpagenavi a:visited{margin:0 4px;padding:12px 16px;color:#666;background:#e4e4e4;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition:color .4s ease;-moz-transition:color .4s ease;-o-transition:color .4s ease;-ms-transition:color .4s ease;transition:color .4s ease}
.wpagenavi a:hover,.wpagenavi a:active{color:#FFF;background:#3fbd98;text-decoration:none}
.wpagenavi a.current:link,.wpagenavi a.current:visited,.wpagenavi a.current:hover{color:#FFF;background:#3fbd98;font-weight:bold}
.post-navi{padding-top:20px;text-align:center}.post-navi a:link,.post-navi a:visited{padding:2px 9px;border:1px solid #FFF;background:#FFF}
.post-navi a:hover{border:1px solid #e4e4e4;background:#f5f5f5;text-decoration:none}
.post-prev-next{margin:6px auto;line-height:24px;font-size:13px;color:#333}
.error404{max-width:460px;padding:50px 0}
.error404 h4{height:32px;line-height:32px;font-size:200%;color:#F00}
.error404 span{margin-bottom:25px;color:#666;display:block}
.error404 ol{padding:5px 0 5px 20px}
.error404 ol li{margin:0 auto;list-style:disc}
.errorsearch{margin-top:15px;width:100%;overflow:hidden}
.errorsearch .searchInput{float:left;padding:6px 0;width:80%;text-indent:12px;height:24px;line-height:24px;border:1px solid #DDD}
.errorsearch #searchsubmit{float:right;width:19%;height:38px;font-size:14px;border:0;color:#FFF;background:#666;cursor:pointer}
.errorsearch #searchsubmit:hover{background:#333}
.related{margin:30px auto 0}
.related h2{padding:0 0 6px 20px;font-size:18px;border-bottom:1px solid #CCC;color:#111;background:url(images/icon.gif) no-repeat 0 -200px;text-transform:capitalize;overflow:hidden}
.related ul.post-list,.related ul.thumb-list{margin-top:20px;overflow:hidden}
.related ul.post-list li{float:left;margin:2px auto;padding-right:5%;width:45%;height:24px;background:url(images/icon.gif) no-repeat 0 10px;overflow:hidden}
.related ul.post-list li a{padding-left:15px}.sidebar{float:left;margin-right:-250px;width:250px;color:#666;overflow:hidden}
.sidebar h3{padding-left:14px;height:34px;line-height:34px;font-size:16px;border-top:2px solid #3fbd98;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;color:#333;background:#f2f2f2}
.sidebar h3 a{color:#333}
.sidebar h3 a:hover{color:#3fbd98}
.sidebar ul li{margin-bottom:20px}
.sidebar ul li ul{padding:10px;border:1px solid #e8e8e8;background:#FFF;overflow:hidden}
.sidebar ul li ul li{margin:4px auto;padding-left:12px;height:24px;background:url(images/icon.gif) no-repeat 0 10px;overflow:hidden}
.sidebar ul li ul li ul{border:0}
.sidebar ul li div{padding:15px 10px 10px;line-height:28px;border:1px solid #e8e8e8;background:#FFF;overflow:hidden}
.sidebar ul li.widget_nav_menu ul{padding:0;font-size:14px;border:0;background:#3fbd98;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px}
.sidebar ul li.widget_nav_menu ul li{margin:0;padding:0;height:auto;border-bottom:1px solid #ddd;color:#FFF;overflow:hidden}
.sidebar ul li.widget_nav_menu ul li a:link,.sidebar ul li.widget_nav_menu ul li a:visited{height:36px;line-height:36px;text-indent:40px;color:#e4f2f8;background:#3fbd98 url(images/icon.gif) no-repeat right -377px;display:block;overflow:hidden}
.sidebar ul li.widget_nav_menu ul li a:hover,.sidebar ul li.widget_nav_menu ul li.current-cat a:link,.sidebar ul li.widget_nav_menu ul li.current-cat a:visited,.sidebar ul li.widget_nav_menu ul li.current_page_item a:link,.sidebar ul li.widget_nav_menu ul li.current_page_item a:visited,.sidebar ul li.widget_nav_menu ul a:hover,.sidebar ul li.widget_nav_menu ul li.current-cat a:hover{color:#FFF;background:#ef730e url(images/icon.gif) no-repeat right -337px;text-decoration:none}
.sidebar ul li.widget_nav_menu ul li.page_item a:link,.sidebar ul li.widget_nav_menu ul li.page_item a:visited{text-indent:40px}
.sidebar ul li.widget_search .searchInput{padding:4px 8px 3px;width:168px;height:24px;line-height:24px;border:1px solid #d6d6d6;color:#666;background:#FFF}
.sidebar ul li.widget_search .searchInput:hover{border:1px solid #999;color:#666}
.sidebar ul li.widget_search .searchBtn{float:right;*float:none;width:60px;height:33px;*line-height:30px;font-size:13px;font-weight:bold;text-align:center;text-indent:0;border:0;color:#FFF;background:#666;cursor:pointer;position:static}
.sidebar ul li.widget_search .searchBtn:hover{background:#333}
.sidebar ul li.wpyou_widget_SpecialCatList ul{padding:0}
.sidebar ul li.wpyou_widget_SpecialCatList ul li{height:auto;background:url( ) no-repeat 3px 10px}
.sidebar ul li.wpyou_widget_SpecialCatList ul li ul li{line-height:20px;background:url( ) no-repeat 3px 7px}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li{margin-bottom:15px;padding:0 0 15px;height:auto;border-bottom:1px solid #EEE;background:none}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li img{float:left;padding-right:10px;width:110px;height:80px}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li h4{margin-bottom:5px;height:54px;line-height:18px;font-size:14px;overflow:hidden}
.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li p{color:#666}
.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li{margin:0 auto 15px;padding:0;height:auto;text-align:center;background:none}
.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li img{width:240px;height:180px}
.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li h4{margin-bottom:10px;line-height:18px;font-size:14px;overflow:hidden}#wp-calendar{margin:5px auto;width:94%}#wp-calendar caption{padding:5px 0;font-size:14px}#wp-calendar th,#wp-calendar td{padding:2px 1px;line-height:18px;text-align:center;text-transform:capitalize;color:#555;border:1px solid #e4e4e4;background-color:#f9f9f9}#wp-calendar tbody tr td a:link,#wp-calendar tbody tr td a:visited{font-weight:bold;color:#ff0242}#wp-calendar tbody tr td a:hover{color:#333}#wp-calendar tbody tr td:hover{border:1px solid #d9d9d9;color:#444;background-color:#EEE}#wp-calendar tfoot tr td{padding:8px 10px 0;border:0;background:none}
.pad{border:0 !important;background:none !important}
.postComment{margin:25px auto 0;overflow:hidden}
#respond{margin:25px auto 0}
#addcomment,#comments{margin-bottom:25px;padding:0 0 6px 20px;font-size:18px;border-bottom:1px solid #CCC;color:#111;background:url(images/icon.gif) no-repeat 0 -200px;overflow:hidden}
.post_comment ol li{margin:10px 5px;padding:10px 10px 5px 10px;list-style:none}
.commentlist{width:98%;font-size:12px;clear:both}
.commentlist li{margin-bottom:15px;padding:6px 0;border:1px solid #e4e4e4}
.commentlist li.alt{border:1px solid #e3e7ea;background-color:#f7f8f9}
.commentlist li.comment-author-admin{border:1px solid #e4e4e4;background:#FFF}
.commentlist li ul{margin:10px 10px}.commentlist li ul.children{margin:15px 20px}
.commentlist li p{padding:10px 10px 5px}
.comment-author{padding:4px 0;width:100%;height:22px;line-height:22px;border-bottom:1px solid #ececec}
.commentlist li.alt .comment-author{border-bottom:1px solid #e3e7ea}
.commentlist li.comment-author-admin .comment-author{border-bottom:1px solid #e3e3e3}
.commentlist li.alt .comment-author{border-bottom:1px solid #e8edf0}
.avatar{float:left;padding:1px 1px;width:32px;height:32px;border:1px solid #e0e0e0}
.author_info{float:left;padding-left:10px;line-height:16px}
.author_info cite{font-style:normal;font-weight:bold}
.author_info em{padding-left:10px;font-size:10px;font-style:normal;color:#999}
.reply{float:right;margin:-3px 8px 0 0}#cancel-comment-reply{float:right;margin-right:10px}
.reply a,#cancel-comment-reply a{color:#999 !important}
.reply a:hover,#cancel-comment-reply a:hover{color:#1162b3 !important}
#respond p{margin:0 auto 15px;overflow:hidden}
#respond label{float:left;padding:3px 8px;width:70px;text-align:right;display:block}
#respond em{padding-top:5px;color:#F00;font-style:normal;font-weight:normal}
#author,#email,#url,#comment{padding:6px;width:50%;border:1px solid #e4e4e4;color:#666}
#comment{width:84%;height:150px;font-size:12px;color:#787878;overflow-y:scroll;color:#666}
#submit{margin-left:86px;width:150px;line-height:36px;font-size:16px;color:#fff;border:0;background:#444;cursor:pointer;display:block}
#submit:hover,#submit:active{background:#005bb5}
#submit-inquiry{float:right;margin:0 8px;width:130px;height:32px;text-indent:-9999px;border:0;background:url( ) no-repeat 0 0;cursor:pointer;display:block}
.comment_navi{text-align:right;padding:5px 15px;font-size:12px;color:#999}
.comment_navi a{color:#999}
.friendlink{width:100%;border-top:1px solid #e4e4e4;overflow:hidden}
.friendlink ul{padding:18px 0 0;overflow:hidden}
.friendlink ul li{float:left;margin:0 6px;height:24px;white-space:nowrap;overflow:hidden}
.friendlink ul li.fltitle{margin:0 6px 4px 0}
.friendlink ul h4{display:none}
.footer{min-height:150px;border-top:2px solid #EEE;color:#888;background:#f2f2f2}
.footer .inner{padding:25px 0;overflow:visible;position:relative}
.footline{border-top:1px solid #d9d9d9}
.footer a{color:#888}.footer a:hover{color:#005bb5}
.foot-lt{float:left;margin-bottom:15px;max-width:68%;overflow:hidden}
.foot-nav{margin-bottom:25px;width:100%;font-size:14px}
.foot-nav li{width:1px;padding:0 12px;display:inline;word-break:keep;white-space:nowrap}
.foot-nav li a:link,.foot-nav li a:visited{color:#555}
.foot-nav li a:hover{color:#3fbd98;text-decoration:none}
#our-sns{float:left;margin-left:12px}
#our-sns a{margin-right:10px;width:24px;height:24px;text-indent:-9999px;display:inline-block;background:url(images/icon-sns.gif) no-repeat 0 0;cursor:pointer;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65}#our-sns a:hover{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:gray;filter:alpha(opacity=100);-moz-opacity:1;opacity:1}#our-sns a#i_tsina{background-position:0 0}#our-sns a#i_tqq{background-position:0 -31px}#our-sns a#i_weixin{background-position:0 -62px}#our-sns a#i_renren{background-position:0 -92px}#our-sns a#i_qzone{background-position:0 -123px}#our-sns a#i_facebook{background-position:0 -154px}#our-sns a#i_twitter{background-position:0 -185px}
#weixin{padding:10px;text-align:center;background:#3fbd98;display:none;position:absolute;left:0;bottom:-10px;z-index:99}
.foot-rt{float:right;margin-top:8px;max-width:30%;text-align:right}
.foot-rt p{margin-bottom:5px}.cs-div{width:140px;height:auto;text-align:center;position:absolute;z-index:99999;overflow:hidden}
.backToTop{width:46px;height:44px;background:#999 url(images/backtop.gif) no-repeat 7px 11px;position:fixed;_position:absolute;right:20px;bottom:40px;_bottom:"auto";cursor:pointer;display:none;-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;z-index:9999}
.backToTop:hover{background-color:#666}
.animated{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@media only screen and (min-width:1200px)
{.inner{width:1170px}}

@media only screen and (max-width:1024px)
{.inner{width:960px}#search-box #searchform #searchsubmit{right:9px}.navi li{padding:0 3px}
.navi li a,.navi li a:link,.navi li a:visited{padding:0 10px}
#slidebanner{width:100%;margin-left:-50%;height:auto}#slideshow li{height:auto}#slideshow li img{width:100%;height:auto;min-height:inherit}}
@media only screen and (min-width:768px) and (max-width:959px){.inner{width:96%}.header .inner{width:100%}.logo{margin-bottom:10px;float:none;text-align:center}.logo img{display:inline}.main-menu{float:left;margin:0 10px}#btn-so{margin:0 auto}#search-box{top:130px}#slidebanner{width:100%;margin-left:-50%;height:auto}#slideshow li{height:auto}#slideshow li img{width:100%;height:auto;min-height:inherit}.announce-wrapper{width:400px !important}.pic-scroll-list .slide{width:50%;height:auto}.container,.content{float:none;margin:0 auto}.col-md-3 div,.col-md-4 div{padding:0 2%;width:46%}
.postlist li a{float:none;width:100%}.sidebar{display:none}
.piclist{margin-left:-3%}.piclist li{margin-left:3%;width:47%}
.wpagenavi a:link,.wpagenavi a:visited,.wpagenavi a:hover{display:none}
.wpagenavi a.next,.wpagenavi a.previous{padding:8px 60px;font-size:18px;display:inline-block}
.foot-lt,#our-sns,.foot-rt{float:none;max-width:100%;text-align:center}
.foot-nav{font-weight:700}
.foot-rt{margin:40px auto 20px}
}

@media only screen and (max-width:767px)
{.inner{width:96%}
.header .inner{width:100%;height:150px}
.logo{margin-bottom:10px;float:none;text-align:center}
.logo img{display:inline}
.main-menu{margin:0 auto;width:100%;font-size:16px;display:none;position:absolute;top:145px;z-index:9999}
.navi{background:#333}.navi li{float:none;width:100%;padding:0;border-bottom:1px solid #262626;border-top:1px solid #363636}
.navi li:first-child{border-top:0}
.navi li a,.navi li a:link,.navi li a:visited{padding:4px 15px;color:#EEE;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.navi li a:hover{color:#FFF;background:#3fbd98}
.navi li ul{position:static;padding:0;width:100%;border-bottom:0;background:none}
.navi li ul li{border:0;background:none;border-bottom:1px solid #262626}
.navi li ul li.litop{display:none}
.navi li ul li a:link,.navi li ul li a:visited{padding:0 0 0 35px;color:#BBB;background:none}
.navi li ul li a:hover,.navi li:hover ul li a:hover{color:#FFF;background:#404040}
.navi li.current-menu-item ul li a:link,.navi li.current-menu-item ul li a:visited,.navi li.current-post-parent ul li a,.navi li.current-post-ancestor ul li a,.navi li.current-menu-parent ul li a,.navi li.current-category-ancestor ul li a,.navi li:hover ul li a{background:none}
#btn-so{display:none}
#mobile-nav{margin-bottom:5px;height:50px;line-height:50px;background:#3fbd98;display:block;position:relative}
#mobile-menu{width:50px;height:100%;background:url(images/icon.gif) no-repeat center -444px;cursor:pointer;position:absolute;top:0;left:10px}
#mobile-nav #mobile-so{margin-top:0;width:40px;height:100%;background:url(images/search.png) no-repeat center 17px;display:inline-block;cursor:pointer;position:absolute;top:0;right:10px}#search-box{width:100%;display:none;position:absolute;z-index:9999;top:145px}#search-box #searchform{background:#333}#slidebanner{width:100%;margin-left:-50%;height:auto}#slideshow li{height:auto}#slideshow li img{width:100%;height:auto;min-height:inherit}.banner img{width:100%;height:auto}
.container,.content{float:none;margin:0 auto}
.col-md-3 div,.col-md-4 div,.col-lt,.col-rt,.col-ct{float:none;padding:0;width:100%}
.crumb-box,.postlist li a{float:none;width:100%}
.bx-pager,.announce h3,.weibo-box,.postlist li span,.sidebar,.cs-div,.backToTop{display:none !important}
.pic-scroll-list .slide{width:100%;height:auto}
.piclist{margin-left:-3%}.piclist li{margin-left:3%;width:47%}
.entry{font-size:16px}.entry p{margin-bottom:20px}
.related ul.post-list li{float:none;width:95%}
.wpagenavi a:link,.wpagenavi a:visited,.wpagenavi a:hover{display:none}
.wpagenavi a.next,.wpagenavi a.previous{padding:8px 60px;font-size:18px;display:inline-block}
.foot-lt,#our-sns,.foot-rt{float:none;max-width:100%;text-align:center}
.foot-nav{font-weight:700}
.foot-rt{margin:40px auto 20px}
#weixin{left:25%;bottom:210px}
}

@media only screen and (max-width:480px)
{.share,.friendlink{display:none}
.announce ul li{width:auto}
.piclist{margin-left:0}
.piclist li{margin-left:0;width:100%}
.related li{float:none;width:95%}
}
#slidebanner .inner {padding: 160px 0 110px;}

#slidebanner  h1, #slidebanner  h2 {
		font-size: 45px;
		line-height: 52px;
		color: #fff;
	}
#slidebanner p{
        padding-top:20px;
		font-size: 18px;
		line-height: 1.5em;
		color: #fff;
	}
#slidebanner  .btn {
		display: inline-block;
		margin: 25px 0 0;
		padding: 9px 22px 7px;
		clear: both;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		border: 2px solid rgba(255,255,255,.4);
		border-radius: 5px;
	}
#slidebanner  .btn:hover {
			background: rgba(255,255,255,.05);
		}
#slidebanner  .btn:active {
			-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		}

#slidebanner  .btn, #slidebanner  .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}
