Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
@charset "UTF-8";
.sitemap #side .sitemap a,
.new #side .new a,
.privacy #side .privacy a,
.terms #side .terms a,
.soudan #side .soudan a
{
background-color:#fcf7f7;
}
/* sitemap */
.sitemap .style-none{
list-style: none;
margin-left: 0;
}
.sitemap .col{
width: 48%;
margin: 0 2% 0 0 ;
float: left;
}
.sitemap .col a{
color: #302c2c;
}
.sitemap .col dt{
padding: 0 0 .4em;
margin: 0 0 .6em 0;
border-bottom: 1px solid #c4c3c3;
}
.sitemap .col dd{
margin: 0 0 .5em 1em;
clear: both;
}
.sitemap .col dd::before{
content: "";
display: block;
width: .5em;
height: .5em;
margin: .5em .5em 0 0;
float: left;
border-radius: 50%;
background: #c4c3c3;
}
/* new */
.new-list dt{
font-family: Arial, Helvetica," sans-serif";
font-size: 110%;
width: 100%;
margin-bottom: 0.8rem;
}
.new-list dd{
width:100%;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 0.8rem;
margin-bottom: 0.8rem;
}
.new-list dt span{
font-weight: normal;
position: relative;
top: -1px;
left: 10px;
padding: 3px 8px;
font-size: 60%;
color: #FFF;
border-radius: 3px;
}
.new-list dt span.news,.information-list span.news{
background: #00a1e6;
}
.new-list dt span.news02,.information-list span.news02{
background: #C00200;
}
.new-list dt span.product,.information-list span.product{
background: #1ca643;
}
.new-list dt span.media,.information-list span.media{
background: #6a16b1;
}
.new-list dt span.event,.information-list span.event{
background: linear-gradient(to right, #ee191d 0%,#940ec4 100%);
}
/* privacy */
.privacy-list dd{
margin: 0 0 30px;
}
/*search*/
.search #main table {
border: none;
margin: 0;
}
#main .gsst_a .gscb_a {
display: none;
}
/*#site-header #search table td {
padding: 5px 0 5px 5px;
}*/
#contents .search .gsc-search-button-v2,.search td#gs_tti50 {
padding: 15px 15px;
}
#contents .gsc-search-button-v2{
padding: 15px 15px;
}
#contents .gsc-search-box .gsc-input {
padding-right: 0px;
min-height: 2.5em;
}
#main .gsc-search-button-v2 svg {
width: 18px!important;
height: 18px!important;
}
.search #main table tr:nth-child(2n+1) {
background: none;
}
.search #main table td {
border-right: none;
}
.mtb4 {
margin: 4% auto;
}
.cf {
overflow: hidden;
zoom:1;
}
.information-list a{
position: relative;
color: #302c2c;
}
.information-list a:hover{
text-decoration: none;
background: #f5f5f5;
}
.information-list span{
background: #1ca643;
color: #FFF;
font-size: 75%;
padding: 2px 3px;
margin: 0 0 0 2px;
border-radius: 3px;
font-weight: normal;
}
.information-list{
margin: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.information-list li{
width: 49%;
margin: 0 0 1% 0;
list-style: none;
min-height: 7rem;
overflow: hidden;
}
.information-list li a{
display: inline;
}
.information-list li:nth-child(2n+2){
margin: 0 0 1% 2%;
}
.information-list li .icon{
width: 15%;
margin: 0 4% 0 0;
float: left;
}
.information-list li .icon img{
width: 100%;
}
.information-list li .date{
font-family: Arial, Helvetica," sans-serif";
font-weight: bold;
font-size: 120%;
margin: 0 0 5px 0;
}
.information-list li .date span{
padding: 3px 5px;
font-size: 65%;
margin:0 0 0 12px;
position: relative;
top: -2px;
}
.information-list li a{
padding: 10px;
}
.information-list li a .info{
font-size: 14px;
min-height: 4rem;
}
#infoBtn {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
list-style: none;
margin: 3rem auto;
}
#infoBtn li {
width: 23%;
text-align: center;
margin: 0 1.5% 0 0;
}
#infoBtn li a {
display: block;
margin: 0px 0 6px 0;
color: #333;
font-size: 110%;
font-weight: bold;
box-shadow: 0 0 5px #e6e6e6;
padding: 0.6rem 0.8rem;
}
#infoBtn li a:hover {
text-decoration: none;
}
#infoBtn li.active a {
background: #dfdfdf;
pointer-events: none;
}
/* -------------------------------------------------------------- ในใใ */
@media screen and (min-width: 320px) and (max-width: 768px) {
/* sitemap */
.sitemap .col{
float:none;
width: 100%;
margin: 0;
}
/* search */
.search #main{
}
.search iframe{
width: 100%;
}
#main table.gsc-search-box td {
padding: 1%;
}
#contents .search #main .gsc-search-button-v2,.search #main td#gs_tti50 {
padding: 2.5vw 4vw;
}
#main .gsc-search-button-v2, td#gs_tti50 {
padding: 10px 10px;
}
#main form.gsc-search-box table th,#main form.gsc-search-box table td {
padding: 0;
}
#main .gsc-search-box-tools .gsc-search-box .gsc-input {
line-height: 0!important;
padding:0!important;
margin:0!important;
vertical-align: top!important;
font-size: 110%!important;
height: auto!important;
}
#main td.gsc-result-info-container {
padding: 0;
width: 100%;
}
#site-header #search table td {
padding: 0px 0 0px 5px;
}
#contents #main .gsib_a {
padding: 5px 9px 4px 15px;
}
#contents #main .gsc-search-box .gsc-input {
min-height: 1.2em;
}
#information .information-list li:nth-last-child(1){
border: none;
}
#information h2 img{
width: auto;
}
.information-list li,
.information-list li:nth-child(2n+2){
width:100%;
float:none;
margin: 0 0 2%;
margin:0 0 2%;
padding: 0 0 2% 0;
border-bottom:1px solid #e6e6e6;
min-height: unset;
}
.information-list li p,
.information-list li a{
margin:0;
padding:0;
}
.information-list li .icon {
margin: 0 4% 0 0;
width: 20%;
}
.information-list li .date {
margin: 0 0 2px;
}
.information-list li .date span{
padding: 2px 7px;
font-size: 50%;
margin:0 0 0 8px;
position: relative;
top: -3px;
}
.information-list li .info{
font-size: 90%;
}
#infoBtn {
margin: 1rem auto 2rem;
width: 96%;
}
#infoBtn li {
width: 48%;
margin: 0 0 0.4rem 0;
}
#infoBtn li a {
padding: 0.4rem 0.6rem;
box-shadow: 0 0 5px #e6e6e6;
font-size: 90%;
}
/*.search #yjserp{
height: 40vh;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
.search iframe{
transform-origin:left top;
transform:scale(0.45);
width: 220%;
-webkit-overflow-scrolling: touch;
}*/
}