* {
box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;
-webkit-box-sizing: border-box; }
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, 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border: 0;
font-size: 100%;
font: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
html, body {
height: 100%;
width: 100%;
}
body {
line-height: 1;
} 
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearfix {display: inline-block;} .clearfix {display: block;}  a {
color: #66BE12;
text-decoration: none;
}
a:hover {
border-bottom: 1px solid;
color: #FF6600;
text-decoration: none;
}
img {
height: auto;
max-width: 100%;
}
ul {
margin: 0;
}
li {
list-style: none;
}
h1 {
}
h2 {
}
h3 {
} body {
color: #727171;
font: 15px/170% 'Microsoft Yahei', "Open Sans", sans-serif;
letter-spacing: 2px;
min-width: 1240px;
}
#container {
display: table;
margin: 0 auto;
overflow: auto;
padding: 0 20px;
width: 100%; }
#header {
clear: both;
display: block;
height: 115px;
margin: 0 auto;
text-align: center;
width: 1240px;
}
#title a {
background: url(//www.transfer.org.cn/wp-content/themes/transfer/images/logo.png); background-size: 260px;
border: 0;
display: block;
font-size: 0;
height: 71px; position: relative;
text-indent: -9999px;
top: 20px;
width: 260px; z-index: 9999;
}
.top {
background: #F5F5F5;
border-bottom-color: #EEE;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #6C6C6C;
font-size: 14px;
height: 35px;
line-height: 35px;
width: 100%;
}
.top a {
color: #6C6C6C;
margin: 0 5px;
}
.top a:hover {
color: #FF6600;
}
.top a#StranLink, .top a.ConvertChinese, .top a.wpcc_link {
color: #FF6600;
margin: 0;
}
.top_content {
margin: 0 auto;
width: 1240px;
}
.top_content_left {
display: block;
float: left;
text-align: left
width: 800px;
}
.top_content_right {
display: block;
float: right;
position: relative;
text-align: right;
right: -7px;
width: 440px;
} #search {
display: block;
float: left;
left: 290px;
height: 65px;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
top: -42px;
width: 650px;
}
#search #s {
width: 550px;
}
#searchsubmit {
margin-left: 5px;
}
input, select {
border: 1px solid #66BE12;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
color: #727171;
font: 14px/180% 'Microsoft Yahei', "Open Sans", sans-serif;
letter-spacing: 2px;
padding: 0 5px;
}
input[type="text"], input[type="date"], input[type="tel"], .wpcf7-select {
height: 31px;
line-height: 31px;
}
input[type="date"] {
letter-spacing: 5px;
}
::-webkit-input-placeholder { color: #BBBBBB !important;
opacity: 1;
}
:-moz-placeholder { color: #BBBBBB !important;
opacity: 1;
}
::-moz-placeholder { color: #BBBBBB !important;
opacity: 1;
}
:-ms-input-placeholder { color: #BBBBBB !important;
opacity: 1;
}
input[type="submit"], input[type="s"] {
min-height: 31px;
}
input[type="submit"] {
background-image: none;
background: #66BE12;
border: 1px solid #66BE12;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
color: #FFF;
cursor: pointer;
letter-spacing: 2px;
padding: 2px 12px;
position: relative;
text-decoration: none;
}
input[type="checkbox"] {
float: left;
margin-right: 10px;
position: relative;
top: 10px;
}
textarea {
border: 1px solid #66BE12;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
color: #727171;
font: 14px/160% 'Microsoft Yahei', "Open Sans", sans-serif;
letter-spacing: 2px;
padding: 5px 5px;
} .wpcf7 {
background: #F2FFE5;
border: 1px solid #BCDF9D;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
margin: 40px 0 10px 0 !important;
padding: 30px 40px 20px 40px !important;
}
.wpcf7 h2 {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
div.wpcf7 + div + div#related-article {margin-top: -10px;}
.wpcf7-form-control {
background-image: url(https://www.transfer.org.cn/wp-content/themes/transfer/images/input.png);
background-position: top left;
background-repeat: repeat-x;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}
.wpcf7-textarea {
width: 728px;
}
.wpcf7dtx-dynamictext {
height: 150px;
padding: 5px 5px;
width: 728px;
}
.wpcf7-checkbox {
margin-right: 5px;
}
.wpcf7-list-item {
display: block !important;
}
.wpcf7-submit {
background-image: none;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
display: block;
margin: 30px auto -30px auto;
padding-left: 40px !important;
padding-right: 40px !important;
}
.wpcf7 img.ajax-loader {
left: 320px;
position: relative;
top: -3px;
}
.wpcf7-form .center {
display: block;
margin-bottom: 1em !important;
}
.wpcf7-form p {
margin-bottom: 15px !important;
margin-top: 15px !important;
vertical-align: top;
}
.wpcf7-form lable {
display: inline-block;
line-height: 46px;
height: 46px;
vertical-align: top;
width: 50%;
white-space: normal;
}
.wpcf7-form lable input {
height: 31px;
line-height: 31px;
max-width: 60%;
}
.wpcf7-form lable.right-col {
left: 1em;
position: relative;
}
.wpcf7-form label, .wpcf7-form textarea {
display: inline-block;
vertical-align: middle;
}
span.wpcf7-form-control-wrap {}
.wpcf7-not-valid-tip {
margin-left: 5.5em !important;
}
.wpcf7-form lable .wpcf7-not-valid-tip {
display: block;
float: right;
position: relative;
top: -46px;
right: 10px;
z-index: 999;
}
.wpcf7-response-output {}
#consultform textarea {
border: 1px solid #66BE12;
border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
-ms-border-radius: 3px 0 0 3px;
-o-border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
color: #727171;
float: left;
font: 13px/160% 'Microsoft Yahei', "Open Sans", sans-serif;
height: 120px;
letter-spacing: 2px;
padding: 2px 5px;
width: 175px;
}
#consultsubmit {
border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-ms-border-radius: 0 3px 3px 0;
-o-border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
float: right;
height: 120px;
width: 120px;
}
#hot_keywords {
font-size: 14px;
height: 26px;
margin: 8px auto 0 auto;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
width: 610px;
}
#hot_keywords a {
margin: 0 10px 0 0;
} #line {
display: block;
float: right;
font-size: 14px;
line-height: 200%;
position: relative;
right: 20px;
top: -52px;
}
#line strong {
display: block;
}
#line em {
color: #FF6666;
font: italic 16px Calibri;
text-shadow: 0 0 1px;
}
#line a {
border: 0;
}
#line img {
position: relative;
top: -1px;
vertical-align: text-top;
} #content {
clear: both;
display: block;
margin: 0 auto;
position: relative;
top: -10px;
width: 1240px;
}
#content img {
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}
#content-left {
float: left;
width: 930px;
}
#index {
display: block;
float: right;
margin: 0 auto 15px auto;
width: 755px;
}
#sidebar-r {
float: right;
width: 295px;
}
#sidebar-r {
font-size: 14px;
}
.sidebar-r {
float: right;
margin: 15px 0 0 0;
width: 295px;
}
.sidebar-r h2.index-title {
margin: 0 0 7px 0;
}
.sidebar-r:first-child {
margin: 0;
}
.sidebar-r-break {
background: #EEE;
display: block;
float: right;
height: 1px;
margin: 17px 0;
width: 295px;
}
.sidebar-r ul {
margin: 0 0 0 17px;
}
.sidebar-r ul li {
color: #97D35E;
list-style: circle;
}
.sidebar-r-img-link-wrapper ul {
font-size: 13px;
margin: 0;
}
.sidebar-r-img-link-wrapper ul li {
display: block;
list-style: none;
line-height: 150%;
margin: 10px 0 0 0;
}
.sidebar-r-img-link-wrapper ul li:first-child {
margin: 0;
}
.sidebar-r ul.related {
margin: 0;
}
.sidebar-r ul.related li { background: #F2FFE5;
border: 1px solid #66BE12;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
color: #66BE40;
list-style: none;
padding: 5px 0;
text-align: center;
text-shadow: 0 0 1px;
}
.sidebar-r ul.related li:hover {
background: #66BE12;
color: #FFF;
}
.sidebar-r-img-link-wrapper img {
margin: 0 10px 0 0;
float: left;
}
.sidebar-r-img-link a:link, .sidebar-r-img-link a:visited {
border: 0;
color: #5F5F5F;
display: block;
overflow: hidden;
height: 80px;
}
.sidebar-r-img-link a:hover, .sidebar-r-img-link a:active {
color: #FF6600;
}
.sidebar-r-img-link strong {
position: relative;
top: -1px;
}
.sidebar-r-img-link span {
color: #BBB;
display: block;
}
.sidebar-r-portrait-link {
display: block;
float: left;
list-style: none;
line-height: 150%;
padding: 0 5px 10px 5px;
overflow: hidden;
text-align: center;
width: 143px;
}
.sidebar-r-portrait-link-founder {
display: block;
float: none !important;
margin: 0 auto 0 auto !important;
width: 260px !important;
}
.sidebar-r-portrait-link:nth-child(even) {
margin-right: 0;
}
.sidebar-r-portrait-link img {
border-radius: 50% !important;
-moz-border-radius: 50% !important;
-ms-border-radius: 50% !important;
-o-border-radius: 50% !important;
-webkit-border-radius: 50% !important;
display: block;
margin: 6px 0 6px 0;
}
.sidebar-r-portrait-link strong {
line-height: 100%;
}
.sidebar-r-portrait-link a:link, .sidebar-r-portrait-link a:visited {
border: 0;
color: #5F5F5F;
}
.sidebar-r-portrait-link a:hover, .sidebar-r-portrait-link a:active {
color: #FF6600;
}
.sidebar-r-img-ad {
float: left;
height: auto;
overflow: hidden;
position: relative;
width: 295px;
}
.sidebar-r-img-ad strong {
background-color: rgba(255, 255, 255, 0.6);
bottom: -19px;
color: #2D7810;
display: block;
font-size: 14px;
height: 44px;
letter-spacing: 200%;
line-height: 140%;
overflow: hidden;
padding: 3px 0 3px 2px;
position: absolute;
text-shadow: 0 0 1px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
width: 100%;
}
.index-sidebar-r-3	strong span, .sidebar-r-img-ad strong span {
color: #5F5F5F;
display: block;
font-size: 14px;
text-shadow: 0 0 0;
} #index-tab-colum-side {
background: #FFF;
border: 1px solid #EEE;
float: right;
height: 270px;
overflow: hidden;
width: 295px; 
}
#index-consult {
background: #EEE; 
float: right;
height: 120px; 
margin: -5px 0 0 0;
overflow: hidden;
width: 295px;
}
#index-sidebar-l {
display: block;
float: left;
margin: 0 auto;
width: 160px;
}
.index-sidebar-l-wrapper {
background: #F2FFE5;
padding: 4px;
}
.index-sidebar-l-title {
background: #F2FFE5;
color: #66BE12;
font-size: 15px;
height: 32px;
line-height: 32px;
text-align: center;
text-shadow: 0 0 1px;
}
ul.index-sidebar-l-item li {
background: #FFF;
font-size: 15px;
text-align: center;
height: 34px;
line-height: 34px;
margin: 2px 0 0 0;
}
ul.index-sidebar-l-item li a {
border: 0;
}
.index-sidebar-r-1 {
background: #F2FFE5;
float: left;
height: 270px;
margin: 0 0 0 10px;
overflow: hidden;
position: relative;
width: 195px;
}
.index-sidebar-r-1 strong {
background-color: rgba(255, 255, 255, 0.6);
bottom: -19px;
color: #2D7810;
display: block;
font-size: 14px;
height: 44px;
letter-spacing: 200%;
line-height: 140%;
overflow: hidden;
padding: 3px 0 3px 2px;
position: absolute;
text-shadow: 0 0 1px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
width: 195px;
}
.index-sidebar-r-2 {
background: #FFFFEA;
float: left;
font-size: 13px;
height: 120px;
line-height: 27px;
margin: 10px 0 0 0;
overflow: hidden;
padding: 7px 10px 10px 10px;
width: 550px;
}
.index-sidebar-r-2 strong {
color: #2D7810;
margin: 0 5px 0 0;
text-shadow: 0 0 1px;
}
.index-sidebar-r-2 a {
border: 0;
margin: 0 10px 0 0;
}
.index-sidebar-r-3 {
background: #F2FFE5;
float: left;
height: 120px;
margin: 10px 0 0 10px;
overflow: hidden;
position: relative;
width: 195px;
}
.index-sidebar-r-3 strong {
background-color: rgba(255, 255, 255, 0.6);
bottom: -19px;
color: #2D7810;
display: block;
font-size: 14px;
height: 44px;
letter-spacing: 200%;
line-height: 140%;
overflow: hidden;
padding: 3px 0 3px 2px;
position: absolute;
text-shadow: 0 0 1px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
width: 195px;
}
.index-sidebar-r-1:hover strong, .index-sidebar-r-3:hover strong, .sidebar-r-img-ad:hover strong {
position: absolute;
bottom: 0;
}
.index-sidebar-r-1 a, .index-sidebar-r-3 a, .sidebar-r-img-ad a {
border: 0;
}
.index-content {
float: left;
width: 930px;
}
.index-top {
margin: 0;
}
.index-archive-article-content { color: #5F5F5F;
letter-spacing: 2px; }
.index-archive-article-content-img-link:hover {
border: 0;
}
.index-archive-article-content-img {
height: auto;
width: 300px;
margin: 7px 0 0 0;
}
h2.index-title {
color: #66BE12;
display: block;
font-size: 15px;
height: 24px;
line-height: 24px;
overflow: hidden;
padding: 0;
}
h2.index-title a, h2.index-title {
border: 0 !important;
text-shadow: 0 0 1px;
}
#related-article h2.index-title {
color: #66BE12;
height: 30px;
line-height: 30px;
margin: 0;
}
.index-archive-article-content-excerpt {
font-size: 14px;
height: 120px;
overflow: hidden;
}
a.index-archive-article-content-img-link:link, a.index-archive-article-content-img-link:visited {
color: #5F5F5F;
}
a.index-archive-article-content-img-link:hover, a.index-archive-article-content-img-link:active {
color: #5F5F5F;
}
.index-archive-three-column { float: left;
margin: 0;
width: 310px;
}
.index-archive-three-column:hover .archive-three-column-text {
background: #FFF;
}
.index-archive-three-column:nth-child(3n-2) {
padding: 0 10px 14px 0;
}
.index-archive-three-column:nth-child(3n+2) {
padding: 0 5px 14px 5px;
}
.index-archive-three-column:nth-child(3n+3) {
padding: 0 0 14px 10px;
}
span.title {
background: #FB4503;
display: inline-block;
height: 15px;
margin: 0 8px 0 0;
position: relative;
top: 2px;
width: 3px;
}
#related-article {
overflow : auto;
width: 930px;
}
#related-article span.title {
height: 25px;
top: 4px;
}
.related-article-link-wrapper ul {
font-size: 14px;
left: -24px;
margin: 0;
position: relative;
}
.related-article-link-wrapper ul li {
display: block;
float: left;
list-style: none;
line-height: 170%;
margin: 0 10px 0 0;
width: 172px;
}
.related-article-link-wrapper ul li:last-child {
margin: 0;
}
.related-article-link-wrapper img {
display: block;
}
.related-article-link a:link, .sidebar-r-img-link a:visited {
border: 0;
display: block;
}
.related-article-link a:hover strong, .sidebar-r-img-link a:active strong {
color: #FF6600;
}
.related-article-link strong {
display: block;
margin: 6px 0 0 0;
padding: 0 0 0 5px;
}
.related-article-link strong:hover {
color: #FF6600;
}
.related-article-link span {
color: #BBB;
display: block;
}
li.no-related {
font-size: 16px;
} .index-middle {}
.index-middle img {
float: left;
margin: 7px 10px 0 0;
width: 150px;
}
#index-middle-left {
border-right: 1px solid #EEE;
float: left;
padding: 0;
width: 455px;
}
#index-middle-left .index-middle-left:first-child {
margin: 0;
}
#index-middle-right {
float: right;
padding: 0;
width: 455px;
}
#index-middle-right .index-middle-right:first-child {
margin: 0;
}
.index-middle-left {
float: left;
margin: 14px 0 0 0;
padding: 0;
width: 455px;
}
.index-middle-right {
float: right;
margin: 14px 0 0 0;
padding: 0;
width: 455px;
}
.index-middle-list-left {
float: left;
height: 120px;
overflow: hidden;
padding: 5px 0 0 18px;
position: relative;
width: 285px;
}
.index-middle-list-right {
float: left;
height: 120px;
overflow: hidden;
padding: 5px 0 0 18px;
position: relative;
width: 295px;
}
.index-middle-list-link {
color: #97D35E;
font-size: 14px;
line-height: 170%;
list-style: circle;
}
.index-middle-list-link a:link, .index-middle-list-link a:visited {
color: #5F5F5F;
}
.index-middle-list-link a:hover, .index-middle-list-link a:active {
color: #FF6600;
} .bread_crumb li:first-child:before {
content : '';
}
.bread_crumb {
color: #999;
font-size: 14px;
letter-spacing: 2px;
line-height: 170%;
position: relative;
top: -35px;
width: 100%;
}
.bread_crumb .icon-home {
color: #66BE12;
display: inline;
float: left;
margin-right: 5px;
position: relative;
top: -1px;
}
.bread_crumb li {
float: left;
list-style: none !important;
}
.bread_crumb li:after {
color: #BBB;
content : '>';
font-family: simsun;
font-size: 13px;
margin-right: 5px;
padding-left: 5px;
}
.bread_crumb li a:link, .bread_crumb li a:visited	{
}
.bread_crumb li a:hover, .bread_crumb li a:active	{
}
.bread_crumb li:last-child a:link, .bread_crumb li:last-child a:visited {
color: #999;
}
.bread_crumb li:last-child a:hover, .bread_crumb li:last-child a:active {
color: #FF6600;
}
.bread_crumb li:last-child:after {
content : '';
} #article {
border-bottom: 1px solid #EEE;
float: left;
font: 16px/200% 'Microsoft Yahei', "Open Sans", sans-serif;
margin: 0 0 1.6em 0 !important;
padding: 30px 30px 30px 0;
width: 930px;
}
h1.article-title a {
color: #2D7810;
font-size: 32px;
font-weight: bold;
line-height: 150%;
position: relative;
text-shadow: 0 0 1px;
top: -8px;
}
.article-content {
color: #5F5F5F;
letter-spacing: 2px;
min-height: 380px;
}
.article-content p, .article-content h2, .article-content h3, .article-content ul, .article-content ol, .article-content dl, .article-content table, #related-article {
margin: 30px 0 30px 0;
}
.article-content ul, .article-content ol {
margin-left: 23px;
}
.article-content ul li, .article-content ol li {
list-style: circle;
}
.article-content ul li > ul {
color: #999;
margin: 30px 0 30px 23px;
}
.article-content dl dt {
color: #5F5F5F;
cursor: pointer;
font-size: 20px;
margin: 30px 0 30px 0;
text-shadow: 0 0 1px;
}
.article-content dd ul:first-child {
margin-top: 0;
}
.article-content dl dt.dtCurrent {
color: #66BE12;
}
.article-content dl dt.dtNotCurrent {
color: #5F5F5F;
}
.article-content-break {
border-bottom: 1px solid #EEE;
display: block;
height: 1px;
margin: 30px 0 0 0;
}
.article-content dl dt:hover {
color: #FF6600;
}
.article-content dl dt i {
color: #2D7810;
font-size: 20px;
margin: 0 5px 0 0;
position: relative;
text-shadow: 0 0 1px #66BE12;
top: 0;
}
.article-content ul.two-column li {
float: left;
width: 50%;
}
.article-content ul.two-column li:nth-child(odd) {
padding: 0 30px 0 0;
}
.article-content ul.two-column li:last-child {
margin: 0 0 35px 0;
}
.article-content h2 {
color: #2D7810;
font-size: 24px;
font-weight: nomal;
text-shadow: 0 0 1px;
}
.article-content h3 {
color: #222;
font-size: 20px;
text-shadow: 0 0 1px;
}
.article-content strong {
color: #555;
text-shadow: 0 0 1px;
}
.article-content em, .top_content em {
color: #FB4503;
text-shadow: 0 0 1px;
}
.article-content u, .top_content u {
color: #FF6666;
font-weight: bold;
text-decoration: none;
}
.article-content b, .top_content b {
color: #999;
}
.article-content note {
background: #FBFFF2;
border: 1px solid #66BE12;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
color: #FF7F7F;
display: block;
font-size: 14px;
line-height: 180%;
padding: 10px 30px;
}
.article-content note a {
color: #66BE12;
}
.article-content note p {
margin: 15px 0;
}
.article-content-card-container {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.article-content-card {
background: url(https://peaceful.tw/wp-content/themes/iweb/images/no-photo-profile-male.png) 50% 2em no-repeat;
background-size: 50%;
border: 1px solid #BCDF9D;
border-radius: 9px;
margin: 1em;
min-height: 200px;
padding: 300px 2em 2em 2em;
width: 45%;
}
.article-content-card-f {
background-image: url(https://peaceful.tw/wp-content/themes/iweb/images/no-photo-profile-female.png) !important;
} .article-meta {
color: #BBB;
font-size: 14px;
text-align: right;
}
.article-meta span {
margin: 0 0 0 10px;
}
.sidebar-article-meta {
color: #BBB;
display: none;
font-size: 12px;
position: relative;
top: -1px;
}
.article-meta-top {
display: block;
margin: 0 0 -10px 0;
position: relative;
top: -10px;
}
.article-meta-bottom {
display: block;
text-align: left;
}
.article-meta-bottom span {
margin: 0 10px 0 0;
}
.article-meta-edit a:link, .article-meta-edit a:visited {
color: #BBB;
}
.article-meta-edit a:hover, .article-meta-edit a:active {
color: #FF6600;
}
.article-meta-category, .article-meta-tags {
display: block;
}
.article-meta-category .post-categories li {
list-style: none;
} #archive {
float: left;
font: 15px/160% 'Microsoft Yahei', "Open Sans", sans-serif;
overflow: hidden;
padding: 30px 0 0 0;
width: 930px;
word-wrap: break-word;
}
.archive-article-content {
color: #5F5F5F;
letter-spacing: 2px;
padding: 30px 0 0 0;
}
.archive-article-content-img-link:hover {
border: 0;
}
.archive-article-content-img {
height: auto;
width: 300px;
}
.archive-article-content h2 {
color: #66BE12;
display: block;
font-size: 18px;
font-weight: nomal;
height: 55px;
letter-spacing: 3px;
line-height: 150%;
margin: 7px 0 7px 0;
overflow: hidden;
}
.archive-article-content h2 a {
text-shadow: 0 0 1px;
}
.archive-article-content-meta-postviews, .archive-article-content-meta-author {
color: #CCC;
display: inline-block;
font-size: 13px;
font-weight: normal;
text-shadow: 0 0 0;
}
.article-meta-postviews, .archive-article-content-meta-postviews {
display: none;
}
.archive-article-content-meta-author a:link, .archive-article-content-meta-author a:visited {
color: #CCC;
}
.archive-article-content h2 .archive-article-content-meta-author a, .archive-article-content h2 .archive-article-content-meta-author a {
text-shadow: 0 0 0;
}
.archive-article-content h2 .archive-article-content-meta-author a:hover, .archive-article-content h2 .archive-article-content-meta-author a:active {
color: #FF6600;
}
.archive-article-content-meta-category {
color: #CCC;
display: block;
font-size: 13px;
font-weight: normal;
height: 24px;
margin: 9px 0 0 0;
overflow: hidden;
}
.archive-article-content-meta-tags {
color: #CCC;
display: block;
font-size: 13px;
font-weight: normal;
height: 24px;
margin: 0;
overflow: hidden;
}
.archive-article-content-meta-edit a:link, .archive-article-content-meta-edit a:visited {
color: #CCC;
display: block;
float: right;
font-size: 13px;
font-weight: normal;
height: 24px;
margin: 6px 0 0 0;
overflow: hidden;
}
.archive-article-content-meta-edit a:hover, .archive-article-content-meta-edit a:active {
color: #FF6600;
}
.archive-article-content-excerpt {
height: 120px;
overflow: hidden;
}
.archive-article-content-excerpt-index {
height: 123px;
overflow: hidden;
}
.archive-three-column {
border-bottom: 1px solid #EEE;
float: left;
margin: 0 0 30px 0;
position: relative;
width: 310px;
}
.archive-three-column-text {
padding: 0 5px;
}
.archive-three-column:hover .archive-three-column-text {
background: #FFF;
}
.archive-three-column:nth-child(3n-2) {
padding: 0 10px 24px 0;
}
.archive-three-column:nth-child(3n+2) {
padding: 0 5px 24px 5px;
}
.archive-three-column:nth-child(3n+3) {
padding: 0 0 24px 10px;
} .article-navigation {
border-bottom: 1px solid #4DB50A;
clear: both;
display: block;
margin: 25px 0 40px 0;
overflow-x: auto;
overflow-y: hidden;
padding: 0;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.article-navigation::-webkit-scrollbar-button {
background: #EEEEEE;
border-bottom: 2px solid #FFF;
width: 16px;
}
.article-navigation::-webkit-scrollbar {
height: 16px;
}
.article-navigation::-webkit-scrollbar-thumb {
background: #EEEEEE;
border-bottom: 2px solid #FFF;
border-left: 2px solid #FFF;
border-right: 2px solid #FFF;
}
.article-navigation::-webkit-scrollbar-thumb:hover {
background: #C0C0C0;
}
.article-navigation h2 {
display: inline-block;
float: none;
font-size: 15px;
letter-spacing: 2px;
margin: 5px 0 1px 0;
}
.article-navigation a:link, .article-navigation a:visited {
background: #66BE12;
color: #FFF;
font-weight: normal;
margin: 0 2px 0 0;
padding: 5px 10px;
text-decoration: none;
text-shadow: 0 0 1px;
border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-ms-border-radius: 3px 3px 0 0;
-o-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
transition: text-shadow .2s ease-in-out;
-moz-transition: text-shadow .2s ease-in-out;
-ms-transition: text-shadow .2s ease-in-out;
-o-transition: text-shadow .2s ease-in-out;
-webkit-transition: text-shadow .2s ease-in-out;
}
.article-navigation a:hover, .article-navigation a:active {
background: #66BE12;
border-bottom: 2px solid #4DB50A;
padding: 5px 10px;
position: relative;
top: -2px;
}
.article-navigation a.current {
background: #FF6600;
border-bottom: 2px solid #FB4503;
padding: 5px 10px;
position: relative;
text-shadow: 0 0 1px;
top: -2px;
}
.category-navigation {
margin-bottom: 15px;
padding-bottom: 4px;
}
.video {
left: 0;
position: absolute;
top: 0;
}
.video-icon {
height: 12px;
padding-left: 5px;
position: relative;
top: 1px;
}
.related-article-link-wrapper .video {
left: 0;
position: absolute;
top: -9px;
width: 172px;
} .article-content img, img.size-full, .wp-caption {
max-width: 100%;
width: auto; }
.alignleft a, .alignright a, .aligncenter a, a[rel~=attachment] {
border: 0;
}
p.attachment {
margin: 30px 0;
text-align: center;
}
p.attachment a {
border: 0;
}
.alignleft {
float: left;
margin-right: 20px;
}
.alignright {
float: right;
margin-left: 20px;
}
.aligncenter {
display: block;
margin: 2em auto 2em auto;
}
.center {
display: block;
margin: 0 auto;
text-align: center;
width: 100%;
}
.category-img {
margin: -15px 0 -90px 0;
position: relative;
top: -98px;
z-index: 1;
}
.textblock {
background: #F2FFE5;
border: 1px solid #BCDF9D;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
padding: 30px;
width: 80%;
}
.wp-caption {}
.article-content p.wp-caption-text {
margin: 0;
}
.wp-caption-text {
color: #999;
font-size: 14px;
line-height: 170%;
position: relative;
text-align: center;
top: -15px;
}
.gallery-caption {
color: #999;
font-size: 14px;
line-height: 170%;
position: relative;
text-align: center;
top: 0;
}
.gallery-item {
margin-bottom: 10px !important;
margin-top: 10px !important;
}
.gallery-item .wp-caption-text {
top: -20px;
}
.size-thumbnail, .size-medium, .size-large, .size-full {
margin-top: 20px;
margin-bottom: 20px;
}
.gallery-item a {border:0;}
div[id^="gallery-"] {
margin-left: auto !important;
margin-right: auto !important;
text-align: center;
}
.gallery-columns-4 .gallery-item {
float: left;
margin-left: 20px;
max-width: 200px;
}
.gallery-columns-4 .gallery-item img[class^="attachment-"] {
box-shadow: 0 0 8px 0 #CCC;
-moz-box-shadow: 0 0 8px 0 #CCC;
-o-box-shadow: 0 0 8px 0 #CCC;
-webkit-box-shadow: 0 0 8px 0 #CCC;
}
.gallery-columns-2 {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery-columns-3 .gallery-item {
width: 33.33333%;
}
.gallery-columns-4 {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9 {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {
width: 20%;
} table.css-table {
border-collapse: collapse;
border: 1px solid #7ACC51;
font: 14px/150% 'Microsoft Yahei', "Open Sans", sans-serif;
width: 100%;
}
table.css-table th {
border: 1px solid;
padding: 8px;
}
table.css-table td {
border: 1px solid #7ACC51;
padding: 8px;
vertical-align: middle;
}
.table-title {
background: #7ACC51;
}
.table-title strong {
color: #FFF;
}
.table-bg-green {
background: #F2FFE5;
} .green {color: #66BE12;}
.light-green {color: #7ACC51;}
.smaller {font-size: smaller !important;}
.x-small {font-size: x-small !important;}
.xx-small {font-size: xx-small !important;}
.larger {font-size: larger !important;}
.x-large {font-size: x-large !important;}
.xx-large {font-size: xx-large !important;}
.none {display: none !important !important;}
.tel {
color: #FF6666;
font: italic larger Calibri;
text-shadow: 0 0 1px;
}
.wpcf7 hr {
background-color: #BCDF9D;
color: #BCDF9D;
}
hr {
background-color: #EEE;
border: 0;
color: #EEE;
height: 1px;
margin: 30px auto;
}
.qq {
background: url(//www.transfer.org.cn/wp-content/themes/transfer/images/QQ.png) no-repeat; }
.youku {
background: #F5F5F5;
display: block;
width: 100% !important;
}
.googlemap {
background: #F5F5F5;
border: 10px solid #F5F5F5 !important;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
display: block;
height: 500px !important;
width: 100% !important;
}
.pingback-date {
color: #BBB;
} #wp-pagenavi {
padding: 1px;
text-align: center;
}
#wp-pagenavi a.page-numbers, .page-numbers {
background: #F2FFE5;
border: 1px solid #66BE12;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
color: #66BE12;
margin: 0 2px;
padding: 3px 8px;
text-shadow: 0 0 1px;
}
#wp-pagenavi a.page-numbers:hover {
background: #FF6600;
border: 1px solid #FF6600;
color: #FFF;
}
.pages {
margin: 0 10px;
}
.current {
background: #66BE12;
color: #FFF;
}
.dots {
color: #97D35E;
} article ul.commentlist, article ul.commentlist li {
display: list-item;
list-style: none outside none;
margin-left: 0;
}
.commentlist {
color: #666;
font: 15px/1.7em 微軟正黑體, 'Microsoft JhengHei', 'Apple LiGothic Medium', simhei, 'Microsoft YaHei';
letter-spacing: 1px;
}
.comment {
background: #F9F9F9;
border: 5px solid #FFF !important;
border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0px 0px 6px 0px rgba(30,126,153,0.2);
-moz-box-shadow: 0px 0px 6px 0px rgba(30,126,153,0.2);
-o-box-shadow: 0px 0px 6px 0px rgba(30,126,153,0.2);
-webkit-box-shadow: 0px 0px 6px 0px rgba(30,126,153,0.2);
margin-bottom: 1.5em;
padding: 1.5em;
}
.children {
margin-top: 1.5em;
margin-bottom: -2em;
}
.commentlist p {
margin-bottom: 1em;
}
.comment-author {
margin-bottom: 0.5em;
}
.comment-author img {
border: 2px solid #FFF;
margin-right: 5px;
vertical-align: middle;
width: 30px;
}
.comment-meta {
color: #999;
font-size: 12px;
margin-bottom: 1em;
}
.reply {
}
#respond {
color: #666;
font: 16px/1.5em 微軟正黑體, 'Microsoft JhengHei', 'Apple LiGothic Medium', simhei, 'Microsoft YaHei';
margin: 1.5em 0 2em 0;
width: 100%;
}
#respond input, #respond textarea {
border: 1px solid #E5E5E5;
border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: inset 1px 1px 1px 1px rgba(204,204,204,0.2);
-moz-box-shadow: inset 1px 1px 1px 1px rgba(204,204,204,0.2);
-ms-box-shadow: inset 1px 1px 1px 1px rgba(204,204,204,0.2);
-o-box-shadow: inset 1px 1px 1px 1px rgba(204,204,204,0.2);
-webkit-box-shadow: inset 1px 1px 1px 1px rgba(204,204,204,0.2);
letter-spacing: 1px;
margin-top: 0.5em;
padding: 0.3em 0.5em;
}
#respond input[type="text"] {
padding: 0 0.5em;
}
#respond p {
margin: 0.5em 0;
}
#respond #author, #respond #email, #respond #url {
margin-left: 0.5em;
}
#respond #comment {
width: 100%;
}
#respond input#submit {
border: 1px solid #66BE12;
background: #75C42A;
box-shadow: none;
color: #FFF;
display: block;
margin: 0 auto;
padding: 0.3em 2em;
text-shadow: 0 0 1px;
transition: all 0.5s !important;
-moz-transition: all 0.5s !important;
-ms-transition: all 0.5s !important;
-o-transition: all 0.5s !important;
-webkit-transition: all 0.5s !important;
}
#respond input#submit:hover, #respond input#submit:active {
background: #66BE12;
transition: all 0.5s !important;
-moz-transition: all 0.5s !important;
-ms-transition: all 0.5s !important;
-o-transition: all 0.5s !important;
-webkit-transition: all 0.5s !important;
}
#respond input[type="checkbox"] {
float: left;
margin-right: 5px;
position: relative;
top: 0;
}
#subscribe_comments {
margin-top: 1.5em;
}
.comment-hr {
border: 0;
border-top: 1px solid #EEE;
border-bottom: 1px solid #FFF;
height: 0;
margin: 2em 0;
}
.fb-comments-wrapper {
}
.error_box {
color: #F00;
display: none;
}
p.comment-form-cookies-consent {
display: none;
} #footer {
clear: both;
color: #4CAF0A;
display: block;
font-size: 14px;
font-weight: normal;
letter-spacing: 2px;
margin: 11px auto 0 auto;
text-align: center;
text-justify: inter-ideograph;
width: 1240px;
word-break: break-all;
}
#footer a {
color: #66BE12;
font-weight: normal;
}
#footer a:hover {
border-bottom: 1px solid;
color: #FF6600;
}
#footer a.admin:hover {
border-bottom: 0;
}
#footer #footer_logo {
background: url(//www.transfer.org.cn/wp-content/themes/transfer/images/logo.png); background-size: 260px;
border: 0;
display: block;
float: left;
font-size: 0;
height: 71px; left: 15px;
position: relative;
text-indent: -9999px;
top: 20px;
width: 260px; z-index: 9999;
}
#footer_menu {
background: #66BE12;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
display: block;
float: right;
margin: 10px 0 0 0;
padding: 5px 10px;
position: relative;
right: 15px;
text-align: center;
width: 920px;
}
#footer_menu a, #footer_menu a:hover {color: #FFF;}
#footer_text {
color: #66BE12;
display: block;
float: right;
padding: 10px 10px 0 10px;
position: relative;
right: 15px;
text-align: center;
width: 920px;
}
.footer_text_1 {
padding: 0.5em 0;
}
#footer_text img {
position: relative;
top: -2px;
vertical-align: text-top;
}
#footer_text span {
background: #F2FFE5;
border: 1px solid #66BE12;
border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
-ms-border-radius: 12px 12px 12px 12px;
-o-border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
color: #66BE12;
margin: 0 2px;
padding: 0 8px;
text-shadow: 0 0 1px;
}
#footer_text span:hover {
background: #66BE12;
border: 1px solid #66BE12;
color: #FFF;
}
#footer_text span a:link {
border-bottom: 0;
color: #66BE12;
}
#footer_text span:hover a:link {
color: #FFF;
}
#footer_text span i {
position: relative;
top: -1px;
} @font-face {
font-family: 'fontello';
src: url(//www.transfer.org.cn/wp-content/themes/transfer/font/fontello.eot?29501576);
src: url(//www.transfer.org.cn/wp-content/themes/transfer/font/fontello.eot?29501576#iefix) format('embedded-opentype'),
url(//www.transfer.org.cn/wp-content/themes/transfer/font/fontello.woff2?29501576) format('woff2'),
url(//www.transfer.org.cn/wp-content/themes/transfer/font/fontello.woff?29501576) format('woff'),
url(//www.transfer.org.cn/wp-content/themes/transfer/font/fontello.ttf?29501576) format('truetype'),
url(//www.transfer.org.cn/wp-content/themes/transfer/font/fontello.svg?29501576#fontello) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-home:before { content: '\e800'; } .icon-chat:before { content: '\e801'; } .icon-book:before { content: '\e802'; margin: 0; } .icon-chat-1:before { content: '\e803'; } .icon-help-circled:before { content: '\e804'; } .icon-comment:before { content: '\e805'; } .icon-info-circled:before { content: '\e806'; } .icon-down-open:before { content: '\e807'; } .icon-left-open:before { content: '\e808'; } .icon-right-open:before { content: '\e809'; } .icon-up-open:before { content: '\e80a'; } .icon-phone:before { content: '\e80b'; }  .social-all {
display: block;
margin: 1em 0;
width: 100%;
}
.social-all:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.fb-like {
float: left;
position: relative;
top: -3px;
width: 45%;
}
@font-face {
font-family: 'si';
src: url(//www.transfer.org.cn/wp-content/themes/transfer/font/share/socicon.eot);
src: url(//www.transfer.org.cn/wp-content/themes/transfer/font/share/socicon.eot?#iefix) format('embedded-opentype'),
url(//www.transfer.org.cn/wp-content/themes/transfer/font/share/socicon.woff) format('woff'),
url(//www.transfer.org.cn/wp-content/themes/transfer/font/share/socicon.ttf) format('truetype'),
url(//www.transfer.org.cn/wp-content/themes/transfer/font/share/socicon.svg#icomoonregular) format('svg');
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: si;
src: url(//www.transfer.org.cn/wp-content/themes/transfer/font/share/socicon.svg) format(svg);
}
}
.social {
float: right;
list-style: none;
margin: 0 !important;
overflow: hidden;
text-align: right;
width: 50%;
}
.social li {
display: block;
*display: inline;
float: right;
margin: 0 0 0 6px !important;
width: 30px;
zoom: 1;
}
.social li a {
box-sizing: border-box;
-moz-osx-font-smoothing: grayscale;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-family: si !important;
font-style: normal;
font-weight: normal;
-o-transition: 0.1s;
-ms-transition: 0.1s;
-moz-transition: 0.1s;
-webkit-transition: 0.1s;
transition: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
background-color: none;
border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
color: #FFF;
display: block;
font-size: 16px;
height: 30px;
line-height: 30px;
overflow: hidden;
position: relative;
text-decoration: none;
text-align: center;
width: 100%;
z-index: 1;
}
.social a:hover, .social a:active {
border: 0;
opacity: 0.8;
z-index: 2;
}
.social-icon-last{
margin:0 !important;
}
.social-line {
background-color: #00C200;
}
.social-line:before {
background: url(//www.transfer.org.cn/wp-content/themes/transfer/images/icon-LINE.svg) 50% no-repeat; background-size: 24px 24px;
content: "";
display: inline-block;
height: 30px;
width: 30px; 
}
.social-facebook {
background-color: #3e5b98;
}
.social-facebook:before {
content:'\e041';
}
.social-googleplus {
background-color: #dd4b39;
}
.social-googleplus:before {
content:'\e042';
}
.social-twitter {
background-color: #4da7de;
}
.social-twitter:before {
content:'\e040';
}
.social-plurk {
background-color: #EA4640;
}
.social-plurk:before {
background: url(//www.transfer.org.cn/wp-content/themes/transfer/images/icon-plurk.svg) 50% no-repeat; background-size: 24px 24px;
content: "";
display: inline-block;
height: 30px;
width: 30px; 
}
.social-linkedin {
background-color: #3371b7;
}
.social-linkedin:before {
content:'\e049';
}
.social-pinterest {
background-color: #c92619;
}
.social-pinterest:before {
content:'\e043';
}
.social-skype {
background-color: #28abe3;
}
.social-skype:before {
content: "\e046";
}
.social-weibo {
background-color: #e31c34;
}
.social-weibo:before {
content:'\e060';
} .social-rss {
background-color: #f26109;
}
.social-rss:before {
content:'\e00b';
}
.social-mail {
background-color: #D14836;
}
.social-mail:before {
content:'\e01f';
} .tablepress {
border: 1px solid #66BE12 !important;
}
.tablepress tfoot th, .tablepress thead th {
background-color: #66BE12 !important;
color: #FFF !important;
font-weight: normal !important;
text-shadow: 0 0 1px;
}
.tablepress thead th {
border-bottom: 1px solid #BCDF9D !important;
}
.tablepress td, .tablepress th {
border: 1px solid #BCDF9D !important;
text-align: center !important;
vertical-align: middle !important;
}
.tablepress .row-hover tr:hover td {
background-color: #F2FFE5 !important;
}
.tablepress .odd td {
background-color: #FBFFF2 !important;
}
.tablepress tbody td, .tablepress tfoot th {
border-top: 1px solid #BCDF9D !important;
}
.tablepress thead th {
border-bottom: 1px solid #BCDF9D !important;
}
#footer_text span.iweb {
background-color: transparent !important;
border: 0px !important;
width: 0 !important;
}#navigation {
background: #66BE12;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
clear: both;
margin: 0 auto;
padding: 1px 1px 1px 45px;
position: relative;
top: -25px;
width: 1240px;
z-index: 999;
}
#navigation ul, #navigation ol, #navigation li {
list-style: none;
margin: 0;
padding: 0;
}
.tablink {
font-size: 16px;
font-weight: nomal;
text-align: center;
width: 190px;
}
.tablink:hover {
border-bottom: 1px solid #FBFFF2;
}
.tabnolink {
cursor: default;
}
.menu {
height: 36px;
_overflow: hidden;
}
.menu a {
color: #FFF;
float: left;
height: 37px;
line-height: 35px;
position: relative;
text-decoration: none;
text-shadow: 0px 0px 1px;
}
.menu li {
float: left;
position: relative;
}
.menu li a {
font-weight: nomal;
}
.menu li:hover {
background: #FBFFF2;
border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
-ms-border-radius: 3px 3px 0px 0px;
-o-border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
}
.menu li:hover a {
color: #FF6600;
text-decoration: none;
}
.menu li.no_sub {
border-radius: 3px 3px 4px 4px;
-moz-border-radius: 3px 3px 4px 4px;
-ms-border-radius: 3px 3px 4px 4px;
-o-border-radius: 3px 3px 4px 4px;
-webkit-border-radius: 3px 3px 4px 4px;
}
.menu li.no_sub a {
font-size: 16px;
text-align: center;
width: 150px;
}
.menu li.no_sub a:hover {
border-bottom: 1px solid #66BE12;
}
.menu ul {
background: #FBFFF2;
border: 1px solid #66BE12;
border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
-ms-border-radius: 0px 0px 3px 3px;
-o-border-radius: 0px 0px 3px 3px;
-webkit-border-radius: 0px 0px 3px 3px;
border-top: none;
opacity: 0;
left: -1px;
padding: 20px !important;
position: absolute;
top: -9999px;
width: 402px;
z-index: 99999;
}
.menu li:hover ul {
opacity: 1;
padding: 15px 0 15px 0;
text-align: center;
top: 37px;
}
.menu li ul.right-item, .menu li:hover ul.right-item {
left: -201px;
}
.menu li:hover ul li {
border: none;
font-size: 15px;
height: 35px;
line-height: 35px;
padding: 0 5px 0 15px !important;
width: auto;
}
.menu li:hover ul li.project {
width: auto;
}
.menu li:hover ul li a {
color: #66BE12;
font-weight: nomal;
}
.menu li:hover ul li a:hover {
border: 0;
color: #FF6600;
text-decoration: none;
} .hot{width:22px;height:12px;background:url(//www.transfer.org.cn/wp-content/themes/transfer/images/navigation.png) no-repeat -26px 0;position:absolute;right:24px;top:-11px;z-index:999}
.new{width:22px;height:12px;background:url(//www.transfer.org.cn/wp-content/themes/transfer/images/navigation.png) no-repeat 0 0;position:absolute;right:24px;top:-11px;z-index:999}* {
list-style: none;
margin: 0;
padding: 0;
}
#divSmallBox-archive {
background: #FFF;
border-radius: 10px;
*display: inline;
height: 10px;
margin: 0 5px;
overflow: hidden;
width: 10px;
*zoom: 1;
}
#playBox-archive {
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
float: left;
height: 371px;
margin: -25px auto 8px auto;
overflow: hidden;
position: relative;
width: 930px;
}
#playBox-archive .oUlplay-archive {
left: 0;
position: absolute;
top: 0;
width: 99999px;
}
#playBox-archive .oUlplay-archive li {float: left;}
#playBox-archive .des-archive {
background-color: rgba(255, 255, 255, 0.6);
top: 273px;
display: block;
float: left;
height: 98px;
overflow: hidden;
padding: 5px 10px 5px 12px;
position: absolute;
width: 930px; 
}
.oUlplay-archive li:nth-child(1) .des-archive {left: 0;}
.oUlplay-archive li:nth-child(2) .des-archive {left: 930px;}
.oUlplay-archive li:nth-child(3) .des-archive {left: 1860px;}
.oUlplay-archive li:nth-child(4) .des-archive {left: 2790px;}
.oUlplay-archive li:nth-child(5) .des-archive {left: 3720px;}
.oUlplay-archive li:nth-child(6) .des-archive {left: 4650px;}
#playBox-archive strong {
color: #2D7810;
margin-right: 10px;
text-shadow: 0 0 1px;
}
#playBox-archive .txt-archive {
color: #5F5F5F;
font-size: 14px;
letter-spacing: 200%;
line-height: 160%;
}
#playBox-archive .txt-archive a {
border: 0;
color: #5F5F5F;
}
#playBox-archive .txt-archive a:hover {
border: 0;
color: #FF6600;
}
#playBox-archive .txt-archive a.link {
color: #FF6600;
}
#playBox-archive .txt-archive a.link:hover {
border-bottom: 1px solid;
}
#playBox-archive .pre-archive {
background: url(//www.transfer.org.cn/wp-content/themes/transfer/slider/l.png) no-repeat 20% 50%;
cursor: pointer;
height: 150px;
left: 10px;
position: absolute;
top: 110px;
width: 150px;
z-index: 10;
}
#playBox-archive .next-archive {
background: url(//www.transfer.org.cn/wp-content/themes/transfer/slider/r.png) no-repeat 80% 50%;
cursor: pointer;
height: 150px;
position: absolute;
right: 10px;
top: 110px;
width: 150px;
z-index: 10;
}
#playBox-archive .smalltitle-archive {
top: 12px;
height: 10px;
position: absolute;
right: 10px;
width: 930px;
z-index: 10;
}
#playBox-archive .smalltitle-archive ul {
float: right; }
#playBox-archive .smalltitle-archive ul li {
background: #FFF;
border-radius: 10px;
box-shadow: 0 0 5px #BBB;
*display: inline;
float: left;
height: 10px;
margin: 0 5px;
overflow: hidden;
width: 10px;
*zoom: 1;
}
#playBox-archive .smalltitle-archive ul li:hover {
cursor: pointer;
}
#playBox-archive .smalltitle-archive .thistitle-archive {
background: #66BE12;
}.tab-colum-side {
position: relative;
}
.tab-colum-side-painel {
display: inline-block;
min-height: 150px;
}
.tab-colum-side-painel .tab-colum-side-open {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.tab-colum-side-nav {
background-color: #F4F4F4;
border: #EEEEEE solid 1px;
border-bottom: 0px;
border-right: 0px;
color: #333;
cursor: pointer;
font-size: 13px;
display: inline-block;
padding: 4px;
margin: -1px -4px 0 -2px;
text-align: center;
width: 99px;
}
.tab-colum-side-open .tab-colum-side-nav:hover,
.tab-colum-side-open:checked ~ .tab-colum-side-nav {
background-color: #FFF;
border: #EEEEEE solid 1px;
border-bottom: 0px;
border-right: 0px;
}
.tab-colum-side-inner {
font-size: 14px;
height: 210px;
left: -1px;
line-height: 170%;
margin: 10px 10px 10px 10px;
opacity: 0;
overflow: hidden;
padding: 0 0 0 1px;
position: absolute;
-webkit-transition: opacity 0.1s;
-o-transition: opacity 0.1s;
transition: opacity 0.1s;
visibility: hidden;
}
.tab-colum-side-inner a:hover, .tab-colum-side-inner a:active {
border-bottom: 0;
}
*::-ms-backdrop, .tab-colum-side-inner { height: 220px;
margin: 5px 10px 5px 10px;
}
.tab-colum-side-open:focus:checked ~ .tab-colum-side-nav {
outline: 0;
}
.tab-colum-side-open:checked ~ .tab-colum-side-inner {
opacity: 100;
visibility: visible;
-webkit-transition: opacity 0.6 ease;
-o-transition: opacity 0.6 ease;
transition: opacity 0.6 ease;
}[class*="tooltip"] {
position: relative;
text-decoration: none;
}
[class*="tooltip"]:after,
[class*="tooltip"]:before {
position: absolute;
z-index: 100;
opacity: 0;
}
[class*="tooltip"]:after {
border: 1px solid #66BE12;
content: attr(aria-label);
height: 28px;
line-height: 28px;
padding: 0 10px;
font-size: 14px;
text-align: center;
color: #66BE12;
background: #FBFFF2;
border-radius: 3px;
white-space: nowrap;
}
[class*="tooltip"]:before {
content: "";
width: 0;
height: 0;
border-width: 6px;
border-style: solid;
}
[class*="tooltip"]:hover:after,
[class*="tooltip"]:focus:after,
[class*="tooltip"]:hover:before,
[class*="tooltip"]:focus:before {
opacity: 1;
}
.tooltip-top:after,
.tooltip-top:before {
-webkit-transition: bottom 0.25s ease-in-out;
-o-transition: bottom 0.25s ease-in-out;
transition: bottom 0.25s ease-in-out;
bottom: 90%;
left: -9999px;
margin-bottom: 12px;
}
.tooltip-top:before {
border-color: #66BE12 transparent transparent transparent;
margin-bottom: 0;
}
.tooltip-top:hover:after,
.tooltip-top:focus:after,
.tooltip-top:focus:after,
.tooltip-top:hover:before,
.tooltip-top:focus:before,
.tooltip-top:focus:before {
bottom: 85%;
left: 0;
}
.tooltip-top:hover:before,
.tooltip-top:focus:before {
left: 15px;
}
.tooltip-bottom:after,
.tooltip-bottom:before {
-webkit-transition: top 0.25s ease-in-out;
-o-transition: top 0.25s ease-in-out;
transition: top 0.25s ease-in-out;
top: 90%;
left: -9999px;
margin-top: 12px;
}
.tooltip-bottom:before {
border-color: transparent transparent #66BE12 transparent;
margin-top: 0;
}
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:after,
.tooltip-bottom:hover:before,
.tooltip-bottom:focus:before {
top: 85%;
left: 0;
}
.tooltip-bottom:hover:before,
.tooltip-bottom:focus:before {
left: 15px;
}
.tooltip-right:after,
.tooltip-right:before {
-webkit-transition: left 0.25s ease-in-out;
-o-transition: left 0.25s ease-in-out;
transition: left 0.25s ease-in-out;
top: -9999px;
left: 96%;
margin-left: 12px;
}
.tooltip-right:before {
border-color: transparent #66BE12 transparent transparent;
margin-left: 0;
}
.tooltip-right:hover:after,
.tooltip-right:focus:after,
.tooltip-right:hover:before,
.tooltip-right:focus:before {
left: 95%;
top: 0;
}
.tooltip-right:hover:before,
.tooltip-right:focus:before {
top: 7px;
}
.tooltip-left:after,
.tooltip-left:before {
-webkit-transition: right 0.25s ease-in-out;
-o-transition: right 0.25s ease-in-out;
transition: right 0.25s ease-in-out;
top: -9999px;
right: 96%;
margin-right: 12px;
}
.tooltip-left:before {
border-color: transparent transparent transparent #66BE12;
margin-right: 0;
}
.tooltip-left:hover:after,
.tooltip-left:focus:after,
.tooltip-left:hover:before,
.tooltip-left:focus:before {
right: 95%;
top: 0;
}
.tooltip-left:hover:before,
.tooltip-left:focus:before {
top: 7px;
}
[class*="tooltip"]:after,
[class*="tooltip"]:before {
-webkit-transition: opacity 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
}