Warning: file_put_contents(/www/wwwroot/a_csite.com/33te.net//public//template/pc/skin/css/style_en.css): failed to open stream: No space left on device in /www/wwwroot/a_csite.com/33te.net/coreLibs/base/baseApp.php on line 382
@charset "utf-8";
#wrapper {
background: #fff;
position: relative;
}
a {
text-decoration: none;
-webkit-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
a:focus,
a:link,
a:active {
outline: none;
}
.fullwidthbanner-container {
width: 100% !important;
position: relative;
padding: 0;
max-height: 522px !important;
overflow: hidden;
}
.fullwidthbanner-container .fullwidthabnner {
width: 100% !important;
max-height: 522px !important;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.banner,
.bannercontainer {
width: 768px;
height: 309px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.banner,
.bannercontainer {
width: 480px;
height: 193px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.banner,
.bannercontainer {
width: 320px;
height: 129px;
}
}
@media only screen and (max-width: 319px) {
.banner,
.bannercontainer {
width: 240px;
height: 97px;
}
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
background: #006834 !important;
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {
/* background-color: #006834 !important; */
}
/** BULLETS **/
.tp-bullets {
z-index: 1001;
position: absolute;
bottom: 20px !important;
}
.tp-bullets.simplebullets.round .bullet {
cursor: pointer;
position: relative;
background: #fff;
width: 12px;
height: 12px;
float: left;
border-radius: 50%;
margin-left: 3px;
margin-right: 3px;
-webkit-transition: background 0.1s linear;
-moz-transition: color, background 0.1s linear;
-o-transition: color, background 0.1s linear;
transition: color, background 0.1s linear;
}
.tp-leftarrow.large {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../images/left.png) no-Repeat;
width: 29px;
height: 56px;
margin-left: 0px;
margin-top: -28px;
-webkit-transition: background 0.1s linear;
-moz-transition: color, background 0.1s linear;
-o-transition: color, background 0.1s linear;
transition: color, background 0.1s linear;
/* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); */
/*增加阴影*/
/*
**打开注释,按钮变成圆形的
border-radius: 20px; 所有角都使用半径为5px的圆角,此属性为CSS3标准属性
-moz-border-radius: 20px; Mozilla浏览器的私有属性
-webkit-border-radius: 20px; Webkit浏览器的私有属性
border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角
*/
}
.tp-rightarrow.large {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../images/right.png) no-Repeat 0 0;
width: 29px;
height: 56px;
margin-left: 0;
margin-top: -28px;
-webkit-transition: background 0.1s linear;
-moz-transition: color, background 0.1s linear;
-o-transition: color, background 0.1s linear;
transition: color, background 0.1s linear;
/* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); */
/*增加阴影*/
/*
**打开注释,按钮变成圆形的
border-radius: 20px; 所有角都使用半径为5px的圆角,此属性为CSS3标准属性
-moz-border-radius: 20px; Mozilla浏览器的私有属性
-webkit-border-radius: 20px; Webkit浏览器的私有属性
border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角
*/
}
.tp-bullets.tp-thumbs {
z-index: 100;
position: absolute;
padding: 3px;
background-color: #fff;
width: 500px;
height: 50px;
margin-top: -50px;
}
.fullwidthbanner-container .tp-thumbs {
padding: 3px;
}
.tp-bullets.tp-thumbs .tp-mask {
width: 500px;
height: 50px;
overflow: hidden;
position: relative;
}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
width: 5000px;
position: absolute;
}
.tp-bullets.tp-thumbs .bullet {
width: 100px;
height: 50px;
cursor: pointer;
overflow: hidden;
background: none;
margin: 0;
float: left;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/*filter: alpha(opacity=50); */
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.tp-thumbs img {
width: 100%;
}
.tp-bannertimer {
width: 100%;
height: 10px;
position: absolute;
z-index: 200;
z-index: 5000;
}
.tp-bannertimer.tp-bottom {
bottom: 0px !important;
height: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.responsive .tp-bullets.tp-thumbs {
width: 300px !important;
height: 30px !important;
}
.responsive .tp-bullets.tp-thumbs .tp-mask {
width: 300px !important;
height: 30px !important;
}
.responsive .tp-bullets.tp-thumbs .bullet {
width: 60px !important;
height: 30px !important;
}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets {
display: none;
}
.responsive .tparrows {
display: none;
}
}
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-simpleresponsive a {
text-decoration: none;
}
.tp-simpleresponsive ul {
list-style: none;
padding: 0;
margin: 0;
}
.tp-simpleresponsive>ul>li {
list-stye: none;
position: absolute;
visibility: hidden;
}
.caption.slidelink a div,
.tp-caption.slidelink a div {
width: 10000px;
height: 10000px;
}
.tp-loader {
background: url(../images/loader.gif) no-repeat 10px 10px;
background-color: #fff;
margin: -22px -22px;
top: 50%;
left: 50%;
z-index: 10000;
position: absolute;
width: 44px;
height: 44px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}