html, body {
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
a {
color:#333;
text-decoration: none;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.wrapper {
position: relative;
float: left;
width: 100%;
padding-top:127px;
}
.header {
position: fixed;
top: 0;
left: 0;
z-index: 999;
float: left;
width: 100%;
height: 127px;
margin: 0;
padding: 0;
background: url(../images/top_bg.png) no-repeat center top;
}
.header .block {
padding:0;
}
.homelogo {
float: left;
width: 32%;
height: auto;
margin-top: 28px;
padding: 0 10px;
}
.homelogo a {
display: block;
width: 100%;
}
.homelogo img {
max-width:100%;
}
.main {
position: relative;
float: left;
width: 100%;
line-height:20px;
margin-top: -12px;
color:#838282;
background:url(../images/main_bg.gif) repeat-x 0 top;
}
.main img {
}
.left {
float:left;
width:23%;
margin-bottom:50px;
}
.right {
position:relative;
float:right;
width:73%;
}
/*common*/
.txt_must {
color: #900;
}
.float_l {
float:left;
}
.float_r {
float:right;
}
.scroll_top_bar {
float:left;
width:100%;
color:#FFF;
background:#e00d00;
padding:15px 10px;
}
.scroll_top_bar a {
float:right;
padding:10px 15px;
color:#FFF;
font-size:17px;
border-left: #E85C53 1px dotted;
}
/*btn*/
a.link {
background: url(../images/button.png) no-repeat top;
display: inline-block;
width: 58px;
height: 58px;
overflow: hidden;
vertical-align: top;
line-height: 58px;
font-family: 'Six Caps', sans-serif;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
text-decoration: none;
color: #fff;
}
a:hover.link {
background: url(../images/button.png) no-repeat bottom;
}
.btn_more {
display:inline-block;
margin-top:15px;
}
.btn_more_w_b {
width:100%;
color:#FFF;
border:#FFF 2px solid;
padding:5px;
text-align:center;
}
.btn_more_w_b:hover {
color:#000;
background:#FFF;
}
.btn_more_r {
color:#FFF;
border:#d31a0a 2px solid;
background:#d31a0a;
padding:8px 10%;
}
.btn_more_r:hover {
color:#d31a0a;
background:#FFF;
}
.btn_more_r2 {
color:#d31a0a;
}
.btn_more_r2:hover {
color: #941005;
}
.btn_back {
float:right;
clear:both;
margin-bottom:30px;
}
.btn_back a {
display:inline-block;
color: #FFF;
padding: 5px 10px;
font-size: 12px;
background: #484948;
}
.btn_area {
clear:both;
text-align:center;
margin-top:30px;
}
.btn_box .more {
display: block;
width: 70px;
height: 21px;
line-height: 21px;
margin: 10px 0;
text-align: center;
font-weight: bold;
color: #fff;
background: #008044;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
border-radius: 21px;
}
.btn_box .more:hover {
background: #ff9617;
color: #fff;
}
/*header*/
.nav {
float: right;
/* width: 650px; */
font-size: 16px;
margin-top: 5px;
}
/*.nav li {
float:left;
padding:20px;
background:url(../images/menu_divider.png) no-repeat right center;
}
.nav li:last-child {
background:none;
}
.nav li a {
color:#FFF;
font-size:15px;
}*/
.btn_social {
position: absolute;
top: 20px;
right: 0;
}
.social-networks li {
float: left;
margin: 0 2px;
}
#slider-wrapper {
clear: both;
}
strong {
font-weight: bold;
}
.searchTrigger {
display:none;
}
.search_area {
float: right;
margin: 16px 0;
position: relative;
z-index: 800;
width: 150px;
padding-right: 27px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.search_area .search_query {
float: left;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
vertical-align: middle;
font-weight: normal;
color: #000;
outline: none;
width: 100%;
height: 23px;
padding: 1px 5px;
background: transparent;
box-sizing:border-box;
border: 1px solid #000;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.search_area:hover {
width:200px;
}
.search_area .btn_box {
margin-top: 0;
position: absolute;
right: 0;
top: 0;
height: 100%;
overflow: hidden;
}
.btn_box .button {
background: url("/images/search_icon.png") no-repeat center 5px #000;
height: 27px;
width: 27px;
margin: 0;
padding: 0;
display: inline-block;
border: none;
}
.btn_box .button:hover {
}
/*main*/
.block {
width: 100%;
max-width:1100px;
margin: 0 auto;
padding:0 15px;
}
.page_local_bar {
position:relative;
float:right;
width:100%;
color:#616161;
z-index:200;
margin: 30px 0 20px 0;
padding-bottom: 10px;/* border-bottom: #CCC 1px dotted; */
}
.page_local_bar span {
color: #842028;
}
h4.title {
color:#000;
font-style:italic;
font-weight:bold;
margin-bottom:20px;
}
.index_main h4.title {
margin-bottom:40px;
}
h4.title span {
display:block;
font-size:23px;
text-transform:uppercase;
}
h4.title:after {
display: inline-block;
content: " ";
width: 100%;
margin-top: 15px;
border-bottom: #000 2px solid;
}
.index_main h4.title span.en {
font-size:35px;
margin-bottom:20px;
}
.index_main h4.title span.zh {
font-size:23px;
color:#979797;
}
.index_main h4.title:after {
width: 120px;
border-bottom: #c70a00 3px solid;
}
/*index*/
.index_banner {
float: left;
width: 100%;
margin-top:-13px;
background: #DBDBDB;
}
.sub_banner {
background: #d3d3d3;
}
.index_banner img {
width:100%;
height:auto;
}
.index_main {
}
.index_about {
position:relative;
float:left;
width: 100%;
color:#FFF;
background:#000;
}
.index_about_left {
float:left;
width:30%;
padding:100px 50px;
}
.index_about_pic {
position:absolute;
top:0;
right:0;
width:70%;
height:100%;
background: url(../images/index_about_pic.jpg) no-repeat center center;
background-size:cover;
}
.index_about h4.title span.en {
color:#d31a0a;
}
.index_about h4.title span.zh {
color:#FFF;
}
.index_about h4.title:after {
border-color:#FFF;
}
.index_news {
float: left;
width: 100%;
padding:120px 0;
}
.news_category_select {
position:relative;
float:right;
top:5px;
font-weight: normal;
font-style: normal;
color: #8a8a8a;
}
.news_category_select select {
border:#CCC 1px solid;
padding:3px 5px;
font-size:13px;
outline:none;
}
.index_news h4.title {
text-align:center;
}
.news_list ul {
width:102%;
margin-left:-2%;
}
.news_list li {
float:left;
width:31.33%;
margin-left:2%;
margin-bottom:30px;
}
.index_news .news_list li:nth-child(4) {
display:none;
}
.news_list li .news_title {
font-size: 28px;
line-height: 32px;
margin: 12px 0 5px 0;
}
.news_list li .date {
color:#999;
}
.news_list li .news_desc {
font-size:16px;
line-height:23px;
color:#414141;
}
.news_list li .pic {
overflow:hidden;
}
.news_list li .pic span {
display:block;
width:100%;
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
}
.news_list li:hover .pic span {
transform: scale(1.05);
}
.news_list li .pic img {
max-width:100%;
}
.news_list li .btn_more {
margin-top:5px;
}
.index_news a.btn_more_r {
margin-top:50px;
}
.index_product {
position:relative;
float: left;
width: 100%;
padding:120px 0;
overflow:hidden;
}
.index_product:before {
content: " ";
position: absolute;
top: -175px;
left: 45%;
z-index: -1;
width: 350px;
height: 350px;
background: #f4f5f8;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.index_product .block {
position:relative;
padding-left:380px;
}
.index_product h4.title {
position: absolute;
top: 0;
left: 15px;
}
.index_product a.btn_more {
position:absolute;
bottom:-30px;
left:0;
font-size:15px;
text-transform:uppercase;
}
.index_product_list {
position:relative;
text-align:center;
float:left;
width:100%;
padding:0 30px;
}
.index_product_list li {
float:left;
padding:10px;
outline:none;
}
.index_product_list li a {
outline:none;
}
.index_product_list li .product_pic img {
display:inline-block;
}
.index_product_list li .product_name {
margin-top:15px;
font-size:15px;
}
.index_contact {
float:left;
width:100%;
text-align:center;
padding:120px 0;
color:#FFF;
background:url(../images/index_contact_bg.jpg) no-repeat center center;
background-size:cover;
background-attachment:fixed;
}
.index_contact .index_contact_slogn {
display:inline-block;
background:#000;
padding: 10px 20px 5px 20px;
}
.index_contact .index_contact_slogn span {
position: relative;
display: inline-block;
font-size: 45px;
top: -16px;
font-style: italic;
}
.index_contact a.btn_more {
width:20%;
font-size:22px;
padding:15px;
}
/*quick_btn_block*/
.quick_btn_block {
position:relative;
z-index: 300;
float:left;
width:100%;
padding-top:4px;
background:#111 url(../images/bg_quick_line.jpg) repeat-x center top;
}
.quick_btn_block ul {
float:left;
width:100%;
text-align:center;
margin:0 auto;
padding-bottom:4px;
background:url(../images/bg_quick_line.jpg) repeat-x center bottom;
}
.quick_btn_block li {
display:inline-block;
height:73px;
padding: 0 3%;
background:url(../images/quick_btn_bg.jpg) no-repeat center center;
background-size:100% 100%;
}
.quick_btn_block li:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.quick_btn_block li a {
position:relative;
display:block;
margin:0 2px;
font-size:15px;
font-style:italic;
margin-top:20px;
padding-left:40px;
color: #E2E2E2;
text-align:left;
}
.quick_btn_block li a:hover {
color:#FFF;
}
.quick_btn_block li a i {
position:absolute;
top:5px;
left:0;
font-size:25px;
}
.quick_btn_block li a span {
display:block;
margin-bottom:5px;
}
.left_fix_btn {
position:fixed;
left: 0;
top: 50%;
width: 60px;
}
.left_fix_btn li {
float:none;
position: relative;
width: 250px;
left: -190px;
margin-bottom: 5px;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
-webkit-font-smoothing: subpixel-antialiased;
}
.left_fix_btn li:hover {
left: -10px;
}
.left_fix_btn li a {
text-align:right;
}
.left_fix_btn li a img {
margin:0 10px;
}
span.results {
font-size: 18px;
color: #595757;
font-weight: bold;
float: right;
padding-top: 10px;
}
.btn_box {
clear: both;
text-align: center;
}
.btn_box a {
font-size: 14px;
display: block;
color: #e50039;
padding: 5px 0;
border: 1px solid #ccc;
}
.btn_box a:hover {
color: #e50039;
}
h4.title span.smallsize_result {
float: right;
font-size: 13px;
font-weight: normal;
font-style: normal;
top: 7px;
color: #a9a9a9;
position: relative;
}
.search_others_list {
margin: 30px 0;
border-top: 1px solid #ccc;
font-size: 16px;
}
.search_others_list a {
color: #e50039;
}
.search_others_list li {
margin: 20px 0;
border-bottom: 1px solid #ccc;
padding-bottom: 40px;
}
.search_others_list li p {
}
.product_intro h4.title {
margin: 0 0 15px 0;
padding: 0 0 5px 0;
height: 32px;
border-bottom: 2px solid #ff9617;
}
.product_intro h4.title img {
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
}
.bottom {
width: 954px;
}
.top {
width: 954px;
}
/*left*/
.left_nav li {
width: 100%;
font-size: 15px;
/*padding: 0 0 0 25px;
background: url("../images/marker_002.png") no-repeat left 2px;*/
border-bottom: 1px solid #e6e6e6;
position: relative;
}
.left_nav li ul li {
padding-left: 6px;
}
.left_nav li span {
line-height: 22px;
display: block;
}
.left_nav li a {
display: block;
padding: 10px 0;
}
.left_nav ul li:hover > span a, .left_nav ul li:hover > a {
color:#AE0202;
}
.left_nav li span.no_nav, .left_nav li div span.no_nav {
display:none;
}
.left_nav li .nav_wrap {
overflow: hidden;
padding-left:15px;
}
.left_nav li div span a {
color:#666;
padding-left:15px;
background:url(../images/arrow.png) no-repeat 0 center;
}
.left_nav li div span a:hover {
color:#000;
}
.left_nav li div span a:hover {
padding-left: 17px;
}
.left_nav li span.open, .left_nav li span.close {
cursor: pointer;
position:absolute;
top:0;
left:0;
width:100%;
height:42px;
font-family: "Flaticon";
font-size:12px;
color:#000;
}
.left_nav li span.open:after, .left_nav li span.close:after {
position: absolute;
top:10px;
right: 0;
content: "\f122";
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.left_nav li span.close:after {
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
}
.left_about img {
border-radius: 13px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
margin-bottom: 10px;
}
.left_about p {
line-height: 20px;
font-size: 14px;
}
.left_box {
margin-top: 30px;
}
/*right*/
.content {
position:relative;
clear: both;
min-height: 300px;
line-height: 20px;
font-size: 14px;
margin: 30px 0;
}
.content p {
margin-bottom: 10px;
}
.content_txt img {
max-width:100%;
height: auto !important;
}
.content_txt ul, .product_info ul, .product_intro ul {
list-style: outside;
padding-left: 20px;
}
.content_txt ol, .product_info ol, .product_intro ol {
list-style: outside decimal;
padding-left: 20px;
}
table.contact_txt_block td {
padding: 5px;
vertical-align: top;
}
h5 {
color: #000000;
font-size: 16px;
margin-bottom: 10px;
font-weight: bold;
}
/*news detail*/
#people {
float: right;
margin-top:3px;
margin-right:5px;
margin-bottom: 0;
}
#day {
/* width: 200px; */
float: right;
text-align: right;
font-size: 12px;
margin-top: 5px;
background: #AEAEAE;
padding: 5px;
color: #FFF;
}
h4.news_title {
margin-bottom: 20px;
font-size: 25px;
line-height: 30px;
/* font-weight: bold; */
color: #000;
}
/*contact form*/
.contact_left_box {
float:left;
width:45%;
}
.company_info {
}
.company_info ul {
float:left;
width: 102%;
margin-left: -2%;
list-style:none;
padding:0;
}
.company_info li {
float:left;
width: 31%;
margin-left: 2%;
}
a.contact_login_btn {
float:right;
color:#FFF;
padding:5px 15px;
margin-bottom:15px;
background:#000;
}
a.contact_login_btn:hover {
background:#333;
}
.contact_login_txt {
float:left;
width:100%;
box-sizing:border-box;
margin-bottom:15px;
color:#333;
font-size:15px;
}
.contact_form {
width: 50%;
float:right;
margin-bottom: 35px;
}
.contact_form .field {
position: relative;
float:left;
width:100%;
margin: 0 0 13px 0;
vertical-align: top;
}
.contact_form .contact_form_col {
}
.contact_form .contact_form_col .field {
float:left;
width:100%;
}
.contact_form .contact_form_col .field:first-child, .contact_form .contact_form_col .field:nth-child(4) {
}
.contact_form .field span {
display: block;/* padding-bottom: 5px; */
}
.contact_form input[type="text"], .contact_form textarea {
width: 100%;
height: 34px;
padding: 8px 13px 8px;
margin: 0 0 5px 0;
box-sizing: border-box;
-webkit-appearance: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #6a727f;
background: #FFFFFF;
border: #E4E4E4 1px solid;
}
.contact_form textarea {
max-height: 120px;
min-height: 120px;
}
.contact_form .btn_submit {
width:98%;
}
.contact_form .btn_submit:hover {
}
.err_txt {
margin-top: 5px;
color: #f00;
}
.form_icon_ok, .form_icon_no {
position: absolute;
top: 8px;
right: 5px;
}
.contact_form .security_input {
}
.contact_form .float_l {
width:68%;
}
.contact_form .float_r {
width:30%;
}
.contact_form .float_r img {
position:absolute;
}
/*product list*/
.product_list ul {
width: 102%;
margin-left:-2%;
}
.product_list {
float:left;
width:100%;
margin-bottom:30px;
}
.product_list li, .product_list li .product_pic {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.product_list li {
width: 23%;
float: left;
margin-left: 2%;
margin-bottom: 10px;
padding: 10px;
background: #f2f2f2;
border: #E2E2E2 1px solid;
}
.product_list li:hover {
background:#DEDEDE;
}
.product_list li .product_pic {
float: left;
width: 100%;
box-sizing:border-box;
background-color:#FFF;
filter: alpa(opacity=90); /* old IE */
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90, FinishOpacity=15, Style=3, StartX=0, FinishX=100, StartY=0, FinishY=16); /*supported by current IE*/
-moz-opacity: 0.9; /* Moz + FF */
opacity: 0.9;
}
.product_list li:hover .product_pic {
filter: alpa(opacity=100); /* old IE */
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100, FinishOpacity=15, Style=3, StartX=0, FinishX=100, StartY=0, FinishY=16); /*supported by current IE*/
-moz-opacity: 1; /* Moz + FF */
opacity: 1;
}
.product_list li .product_pic img {
}
.product_list_right {
float: left;
width: 100%;
margin-top:5px;
}
.product_list li .product_name {
margin: 10px 0 5px 0;
text-align: left;
font-size:17px;
}
.product_list li .product_name a {
color: #595757;
}
.product_list li .product_name a:hover {
color: #e50038;
}
.product_list li .product_modelno {
}
.product_list li img {
width: 100%;
}
.product_list p a {
color: #e50039;
}
.product_list p a:hover {
color: #e50039;
}
a.btn_pro_more {
color:#1c7754;
}
a.btn_pro_more:hover {
color:#000;
}
.content_wrapper p {
padding-top: 20px;
clear: both;
}
/*product detail*/
.products_detail_box {
position:relative;
float:left;
width:100%;
background:#f2f2f2;
padding:40px 0;
margin-top:-10px;
}
.products_detail_box .product_pic {
float: left;
text-align: center;
width: 45%;
}
#image-block {
width:100%;
height:400px;
padding:20px;
background:#FFF;
cursor:pointer;
box-sizing: border-box;
text-align:center;
border: 1px solid #F4F4F4;
border-radius: 10px;
background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
background-image: -webkit-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -o-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -ms-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
box-shadow: 0 1px 5px rgba(0,0,0,0.75);
}
#image-block span {
display:block;
width:100%;
height:360px;
background:#FFF;
}
.right_box {
float: right;
width: 48%;
min-height: 400px;
padding-bottom:40px;
}
.product_name .product_name {
}
.products_detail_box .product_name h4 {
padding: 5px 0;
line-height: 30px;
font-size: 18px;
color: #000;
border-bottom: #000 2px solid;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.product_modelno {
margin-bottom: 5px;
color: #a22222;
font-size: 13px;
}
.product_info, .product_intro {
padding: 10px 0;
min-height: 80px;
line-height:23px;
color:#494949;
}
.product_intro {
position:relative;
float:left;
width:70%;
margin-top: 10px;
}
.product_info iframe, .product_intro iframe {
max-width:100%;
margin:10px 0;
}
.product_info {
clear: both;
}
.product_price {
clear: both;
text-align: right;
padding: 10px;
border-top: #ccc 1px dashed;
border-bottom: #ccc 1px dashed;
margin-top: 10px;
}
.product_price span {
font-size: 18px;
color: #ff9617;
}
img#bigpic {
width: auto;
height: auto;
max-width: 100%;
max-height:100%;
}
.product_intro img {
margin: 10px;
max-width:100%;
height:auto !important;
}
.product_detail_download {
float:right;
width:100%;
background:#FFF;
padding:3px;
box-sizing: border-box;
}
.product_detail_download a {
display:inline-block;
width:32%;
text-align:center;
}
.product_detail_download img {
vertical-align:middle;
margin:5px 10px 5px 5px;
width:23px;
height:auto;
}
.pro_social_btn {
float: left;
width: 100%;
margin-top: 8px;
text-align: center;
}
.pro_social_btn li {
margin: 5px;
display: inline-block;
color:#000;
}
.pro_social_btn li:first-child {
}
.pro_social_btn li a {
display:block;
color: #000;
font-size: 18px;
filter:alpa(opacity=90); /* old IE */
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90,FinishOpacity=15, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16); /*supported by current IE*/
-moz-opacity:0.9; /* Moz + FF */
opacity:0.9; /* æ"¯æŒæ–°ç‰ˆç€è¦½å™¨ */
}
.pro_social_btn li a:hover {
-moz-transform:scale(1.2);
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
transform:scale(1.2);
filter:alpa(opacity=100); /* old IE */
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100,FinishOpacity=15, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16); /*supported by current IE*/
-moz-opacity:1; /* Moz + FF */
opacity:1; /* æ"¯æŒæ–°ç‰ˆç€è¦½å™¨*/
}
.btn_pro_line img {
width:24px;
vertical-align: middle;
margin-top: -3px;
}
.at-share-tbx-element.addthis_20x20_style .at-share-btn, .at-share-tbx-element.addthis_20x20_white_style .at-share-btn {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.related_product_block {
float:right;
width:220px;
padding:10px;
margin-top:30px;
margin-bottom:20px;
background:#eaeaea;
box-sizing:border-box;
}
.related_product_block li {
margin:10px 0 20px 0;
}
.related_product_block li:last-child {
margin-bottom:0;
}
.related_product_block li .product_pic {
padding:10px;
background:#FFF;
border: #DFDFDF 1px solid;
}
.related_product_block li .product_pic a {
display:block;
width:100%;
height:120px;
}
.related_product_block li .product_name {
font-size:13px;
margin-top:5px;
}
.related_product_block li .product_name a {
color:#717171;
}
.related_product_block li .product_name a:hover {
color:#000;
}
.related_product_block li img {
width:100%;
height:auto;
}
.review_list {
position:relative;
padding:0 0 10px 70px;
margin-bottom:20px;
border-bottom:#CCC 1px dotted;
}
.review_peo_pic {
position:absolute;
top:0;
left:0;
width:60px;
height:60px;
background:#eaeaea url(../images/icon_review_pic.png) no-repeat center center;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
}
.review_name span {
color:#999;
}
.review_name img {
vertical-align:middle;
margin:0;
}
.review_title {
font-size:16px;
font-weight:bold;
}
.review_content {
margin-bottom:20px;
}
.review_recommend span {
display:block;
}
.review_recommend span a {
background:#CCC;
padding:0 5px;
border-right:#FFF 1px dotted;
}
a.btn_recommend {
float:right;
margin-top:-25px;
background:#1c7754;
padding:2px 10px;
color:#FFF;
}
/*interest_table*/
.interest_table thead th {
background: #D5E4CE;
padding:10px;
white-space:nowrap;
text-align:center;
font-size:15px;
color:#000;
}
.interest_table tbody td {
padding:20px 10px;
vertical-align:top;
text-align:center;
border-bottom: #E5E5E5 1px solid;
}
.interest_table tbody td div {
margin-bottom:10px;
}
.interest_table tbody td input {
border:#CCC 1px solid !important;
}
.interest_title, .interest_num {
text-align:left;
}
.interest_title {
text-decoration:underline;
color: #194131;
}
.interest_table td.interest_pic {
padding:20px 15px;
}
.interest_table td.interest_pic img {
width:auto;
max-width:80px;
height:auto;
max-height:70px;
}
.icon_delete {
width:20px;
height:auto;
}
/*form block*/
.form_block {
width:650px;
overflow:hidden;
}
.fancybox-close {
width: 30px !important;
height: 25px !important;
background-size: 100%;
top: 15px !important;
right:10px !important;
}
.form_table h4.title {
margin-bottom:20px;
}
.form_table h4.title:nth-child(2) {
margin-top:30px;
}
.form_table p {
margin:20px 0;
line-height:20px;
}
.form_table .txt_must {
color:#C30;
margin-left:5px;
}
.form_table dl {
position:relative;
}
.form_table dt {
position:absolute;
width:130px;
top:0;
left:0;
line-height:30px;
}
.form_table dd {
margin-bottom:20px;
margin-left:130px;
}
.form_table dd input, .form_table dd select {
height:30px;
width:97%;
padding:0 1%;
margin:0;
border: 1px solid #D8D8D8 !important;
outline:none;
}
.form_table dd select {
}
.form_table dd input.input_disabled {
background: transparent none repeat scroll 0% 0%;
box-shadow: none;
color: #000;
font-size: 16px;
border:none !important;
}
.form_table dd .input_zip {
width:20%;
}
.form_table dd .input_address {
width:74%;
}
.dl_radio dt {
width:100%;
position: relative;
}
.form_table .form_table_btn {
text-align:center;
margin-top:20px;
}
.form_table .form_table_btn a.btn_send {
width:48%;
}
a.btn_send {
display:inline-block;
border:#000 3px solid;
line-height:30px;
text-align:center;
color:#000;
font-size:15px;
padding:0px 20px;
box-sizing:border-box;
}
a.btn_send:hover {
background:#000;
color:#FFF;
}
.btn_Register_add {
text-align:center;
background:#AE0202;
}
.btn_Register_add a {
display:block;
padding:10px 0;
color:#FFF;
}
.btn_forgotpwd {
text-align:right;
}
.btn_forgotpwd a {
color:#666;
}
.btn_forgotpwd a:hover {
text-decoration:underline;
}
.registration_list {
border-top:#CCC 1px dashed;
padding-top:20px;
}
.registration_list.re0 {
border:0;
padding:0;
}
.re1 {
border-top: #DBDBDB 1px dashed;
padding-top: 15px;
}
#review_jump_block dt, #review_jump_block dd {
position:relative;
margin:5px 0;
width:100%;
}
.privacy_block {
border-top: #A2D8C3 1px solid;
border-bottom: #A2D8C3 1px solid;
padding:0 0 10px 0;
background:#f2f2f2;
}
a.btn_privacy {
color:#000;
}
a.btn_privacy span {
margin-right:10px;
display: inline-block;
width:20px;
height:20px;
text-align:center;
line-height:20px;
color:#FFF;
font-size:20px;
background:#497500;
margin-top:10px;
}
#privacy_content {
padding:10px;
margin:10px;
max-height:150px;
overflow: auto;
}
/*request_table*/
.request_table_col {
width:104%;
margin-left:-4%;
}
.request_table dl {
float:left;
width:46%;
margin-left:4%;
margin-bottom:10px;
}
.request_table dl.w_100 {
width:96%
}
.request_table dd input, .request_table dd select {
background:#BBD0B1;
border:0;
height:30px;
width:98%;
padding:0 1%;
margin:0;
border: 1px solid #fff;
}
.request_table dd select {
width:100%;
}
.request_table .form_table_btn {
/* text-align:right; */
}
.request_table a.btn_send {
float: right;
width: 47%;
display: inline-block;
margin-top: 26px;
}
.security_code {
display:block;
position: relative;
width: 48%;
float:left;
margin-top:10px;
}
.security_txt {
display:block;
}
.security_input {
display:block;
position: relative;
margin-right:120px;
}
.security_input img {
position:absolute;
top:0;
right: -110px;
}
.security_input input {
background:#BBD0B1;
border:0;
height:30px;
width:98%;
padding:0 1%;
margin:0;
}
/*download_table*/
.download_table thead th {
background:#E6E6E6;
padding:10px;
text-align:center;
color:#000;
}
.download_table tbody td {
padding:10px;
border-bottom:#E8E8E8 1px solid;
text-align:center;
}
.download_table tbody td a {
color:#900;
}
/*member_cate_list*/
.member_cate_list {
float: left;
width: 100%;
margin-bottom: 5px;
border-bottom: 1px solid #CACACA;
font-size: 14px;
}
.member_cate_list span {
border: 1px solid #CACACA;
border-bottom:none;
display: inline-block;
padding: 5px 10px;
}
.member_cate_list span.member_cate_current {
border-bottom:#FFF 1px solid;
margin-bottom:-1px;
}
.member_cate_list span a {
color:#CACACA;
}
.member_cate_list span.member_cate_current a {
color: #000;
font-size:15px;
}
/*sitemap*/
.sitemap_list {
margin:50px 0 10px 0;
}
.sitemap_list:first-child {
margin-top:0;
}
.sitemap_list h5 {
font-size:25px;
}
.sitemap_list ul {
width:90%;
}
.sitemap_list ul li {
width:200px;
display:inline-block;
margin-right:20px;
margin-top:10px;
}
/*about*/
#tag-list {
width: 100%;
font-family: "Irma Bold 3", STHeiti, Verdana, Sans-serif !important;
font-style: normal !important;
font-weight: normal;
font-stretch: normal !important;
text-transform: uppercase !important;
color: #9d8976;
font-size: 0.65em;
letter-spacing: 0.25em;
}
#tag-list .tag-button {
display: inline-block;
margin-right: 21px;
margin-bottom: 10.5px;
padding: 3.33333px 10px 1.33333px 10px;
background-color: rgba(0, 0, 0, 0.025);
border-radius: 4px;
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
color: #9d8976;
cursor: pointer;
-webkit-transition-property: background-color;
-moz-transition-property: background-color;
-o-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s
}
#tag-list .tag-button:hover, #tag-list .tag-button.active {
color: #fff !important
}
#main-container #main-content {
padding-bottom: 252px;
width: 700px;
/* margin-left: 232px !important; */
min-height: 100px;
height: auto !important;
height: 100px;
overflow: visible;
visibility: hidden
}
#main-container #main-content ul.boxes {
list-style: none;
}
#main-container #main-content h3.oupa {
font-style: normal !important;
font-weight: normal !important;
font-stretch: normal !important;
text-transform: uppercase !important;
width: 907px;
color: #69a569;
letter-spacing: 0.25em;
border-bottom: 1px solid #69a569;
margin-bottom: 21px;
font-size: 0.65em;
padding-left: 1px
}
#main-container #main-content h3.oupa span {
font-style: normal !important;
font-weight: normal;
font-stretch: normal !important;
text-transform: uppercase !important
}
#main-container #main-content h3.news-top {
font-style: normal !important;
font-weight: normal !important;
font-stretch: normal !important;
text-transform: uppercase !important;
letter-spacing: 0.25em;
border-bottom: 1px solid #907aa5;
margin-bottom: 21px;
font-size: 0.65em;
padding-left: 1px;
margin-right: 21px;
color: #907aa5
}
#main-container #main-content h3.news-top span {
font-style: normal !important;
font-weight: normal;
font-stretch: normal !important;
text-transform: uppercase !important
}
#main-container #main-content #place {
width: 675px;
color: #74471a;
min-height: 378px
}
#main-container #main-content #place .clear-all {
width: 100%;
clear: both
}
#main-container #main-content #place h1 {
font-size: 3em;
line-height: 52.5px;
font-style: italic !important;
font-weight: 300 !important;
font-stretch: normal !important;
text-transform: normal;
text-align: left;
color: #74471a;
margin-bottom: 10.5px;
padding-left: 2.5px
}
#main-container #main-content #place h1.error {
font-size: 2em;
color: #9d8976;
line-height: 42px;
min-height: 189px;
padding-left: 211px;
margin-top: 63px;
background-image: url('/static/site/css/images/rolha-error.png?cb7c22072d1a');
background-repeat: no-repeat;
background-position: top left
}
#main-container #main-content #place h1 em {
font-weight: 300 !important
}
#main-container #main-content #place h2 {
font-style: normal !important;
font-weight: 300 !important;
font-stretch: normal !important;
font-size: 1.2em;
text-align: left;
line-height: 1.5em;
margin-bottom: 31.5px
}
#main-container #main-content #place h2 em {
font-weight: 300 !important
}
#main-container #main-content #place h3 {
font-style: normal !important;
font-weight: normal;
font-stretch: normal !important;
text-transform: uppercase !important;
letter-spacing: 0.25em;
font-size: 1em;
padding-left: 1px;
margin-bottom: 10.5px
}
#main-container #main-content #place h3.title-top {
font-style: normal !important;
font-weight: normal !important;
font-stretch: normal !important;
text-transform: uppercase !important;
letter-spacing: 0.25em;
border-bottom: 1px solid #74471a;
margin-bottom: 21px;
font-size: 0.65em;
padding-left: 1px
}
#main-container #main-content #place h3.title-top span {
font-style: normal !important;
font-weight: normal;
font-stretch: normal !important;
text-transform: uppercase !important
}
#main-container #main-content #place h4 {
font-style: italic !important;
font-weight: 700 !important;
font-stretch: normal !important;
font-size: 1.2em;
letter-spacing: 1px;
margin-bottom: 10.5px
}
#main-container #main-content #place h4 em {
font-weight: 700 !important
}
#main-container #main-content #place p {
font-style: normal !important;
font-weight: 400 !important;
font-stretch: normal !important
}
#main-container #main-content #place p a {
font-style: italic !important;
font-weight: 400 !important;
font-stretch: normal !important
}
#main-container #main-content #place p a:hover {
text-decoration: underline
}
#main-container #main-content #place p.no-space {
margin-top: -10.5px
}
#main-container #main-content #place blockquote p {
font-style: italic !important;
font-weight: 300 !important;
font-stretch: normal !important;
color: #74471a !important;
font-size: 1.4em !important;
line-height: 1.5em !important;
margin-bottom: 0
}
#main-container #main-content #place blockquote p em {
font-weight: 300 !important
}
#main-container #main-content #place h6 {
font-style: normal !important;
font-weight: normal !important;
font-stretch: normal !important;
text-transform: uppercase !important;
color: #852 !important;
font-size: 0.75em;
line-height: 1.2em;
letter-spacing: 2px;
text-align: right;
margin-bottom: 21px;
margin-top: 10.5px
}
#main-container #main-content #place h6 strong {
font-style: normal !important;
font-weight: normal;
font-stretch: normal !important;
text-transform: uppercase !important
}
#main-container #main-content #place h6 a {
text-decoration: none
}
#main-container #main-content #place h6 a:hover {
text-decoration: underline
}
#main-container #main-content #place div.dois-cols {
width: 100%;
clear: both;
overflow: hidden;
width: 100%;
margin-top: 21px;
margin-bottom: 21px
}
#main-container #main-content #place div.dois-cols div {
width: 327px;
margin-right: 21px;
float: left
}
#main-container #main-content #place div.dois-cols div:last-child {
margin-right: 0
}
#main-container #main-content #place div.irmao {
width: 100%;
clear: both;
overflow: hidden;
width: 100%;
margin-top: 5.25px;
padding-top: 5.25px;
margin-bottom: 21px;
border-top: 1px solid #74471a
}
#main-container #main-content #place div.irmao div.one {
width: 211px;
margin-right: 21px;
float: left
}
#main-container #main-content #place div.irmao div.two {
width: 443px;
float: left
}
#main-container #main-content #place div.irmao div.two div {
width: 211px;
margin-right: 21px;
float: left
}
#main-container #main-content #place div.irmao div.two div:last-child {
margin-right: 0
}
#main-container #main-content #place div.irmao h3 {
font-style: normal !important;
font-weight: normal !important;
font-stretch: normal !important;
text-transform: uppercase !important;
font-size: 0.8em;
border-bottom: 1px solid #74471a;
margin-bottom: 21px
}
#main-container #main-content #place ul {
font-style: normal !important;
font-weight: 400 !important;
font-stretch: normal !important;
list-style-type: none;
padding: 0px;
margin: 0px
}
#main-container #main-content #place ul li {
background-image: url('/static/site/css/images/bullet.png?cb7c22072d1a') !important;
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 14px;
margin-bottom: 5.25px
}
#main-container #main-content #place ul li:last-child {
margin-bottom: 21px
}
#main-container #main-content #place ul.btb {
list-style-image: none;
background-image: none;
width: auto;
overflow: hidden
}
#main-container #main-content #place ul.btb li {
list-style-image: none;
display: inline;
width: 211px;
background-image: none;
padding: 0;
float: left;
margin-right: 21px;
margin-bottom: 21px
}
#main-container #main-content #place ul.btb li.no {
margin-right: 0
}
#main-container #main-content #place ul.btb li p {
font-style: italic !important;
font-weight: 300 !important;
font-stretch: normal !important
}
#main-container #main-content #place ul.btb li p strong {
font-style: normal !important;
font-weight: normal;
font-stretch: normal !important;
text-transform: uppercase !important;
font-size: 0.75em;
letter-spacing: 1px
}
#main-container #main-content #place .galleria {
display: none;
visibility: hidden
}
#main-container #main-content #place .galleria-wrapper {
margin-bottom: 21px
}
#main-container #main-content #place .galleria-wrapper .galleria-container {
width: 100% !important;
background-color: transparent !important
}
#main-container #main-content #place .galleria-wrapper .galleria-container .galleria-stage {
margin: 0 !important;
bottom: 0 !important;
top: 0 !important;
left: 0 !important;
right: 0 !important
}
#main-container #main-content #place .galleria-wrapper .galleria-container .galleria-stage .galleria-counter {
display: none !important;
visibility: collapse
}
#main-container #main-content #place .galleria-wrapper .galleria-container .galleria-stage .galleria-images .galleria-image img {
top: 1 !important;
bottom: 0 !important
}
#main-container #main-content #place .galleria-wrapper .galleria-container .galleria-thumbnails-container {
display: none !important;
visibility: collapse
}
#main-container #main-content #place .galleria-wrapper .galleria-container .galleria-info {
display: none !important;
visibility: collapse
}
#main-container #main-content .continent-tag {
display: none
}
#main-container #main-content #slideshow-images {
width: 907px !important
}
#main-container #main-content #counter-calculator {
background-color: #fff;
padding: 10px;
overflow: hidden;
color: #74471a
}
#main-container #main-content #counter-calculator .content {
font-style: normal !important;
font-weight: normal !important;
font-stretch: normal !important;
text-transform: uppercase !important;
letter-spacing: 0.25em;
font-size: 0.8em;
line-height: 1.2em
}
#main-container #main-content #counter-calculator .result {
width: 100%;
font-style: normal !important;
font-weight: normal !important;
font-stretch: normal !important;
text-transform: uppercase !important;
letter-spacing: 2px;
font-size: 4em;
color: #d45;
padding-top: 10.5px;
padding-bottom: 21px;
margin-bottom: 10.5px;
border-bottom: 1px dashed #d54
}
#main-container #main-content #counter-calculator .result #counter-result {
line-height: 1em
}
#main-container #main-content #counter-calculator .result .unit {
font-size: 0.5em;
font-style: italic !important;
font-weight: 300 !important;
font-stretch: normal !important;
letter-spacing: 1px;
text-transform: lowercase
}
#main-container #main-content #counter-calculator .result .counter {
text-align: right
}
#main-container #main-content #counter-calculator .title {
color: #d45;
text-align: right
}
#main-container #main-content #counter-calculator .begin {
font-size: 1em;
color: #d45;
text-align: right;
margin-bottom: 21px;
font-style: normal !important;
font-weight: normal !important;
font-stretch: normal !important;
text-transform: uppercase !important
}
#main-container #main-content #counter-calculator .begin strong {
font-style: normal !important;
font-weight: normal;
font-stretch: normal !important;
text-transform: uppercase !important
}
#main-container #main-content #counter-calculator .begin .since {
font-style: normal !important;
font-weight: normal;
font-stretch: normal !important;
text-transform: uppercase !important;
font-size: 0.9em
}
#main-container #main-content #counter-calculator .begin p {
text-align: right
}
#main-container #main-content #counter-calculator .complementary-wrapper {
background-color: #69a569;
padding: 10px;
color: #fff;
text-align: right
}
#main-container #main-content #counter-calculator .complementary-wrapper h2 {
line-height: 1.5em;
font-size: 2em;
font-style: normal !important;
font-weight: normal !important;
font-stretch: normal !important;
text-transform: uppercase !important;
margin-bottom: 2px
}
#main-container #main-content #counter-calculator .complementary-wrapper h2 .unit {
font-size: 0.5em;
font-style: italic !important;
font-weight: 300 !important;
font-stretch: normal !important;
letter-spacing: 1px;
text-transform: lowercase
}
#main-container #main-content #counter-calculator .complementary-wrapper .begin {
color: #fff;
margin-bottom: 0
}
#main-container #main-content #counter-calculator .complementary-wrapper .link {
text-align: left;
font-style: normal !important;
font-weight: 400 !important;
font-stretch: normal !important;
text-transform: lowercase;
display: block
}
#main-container #main-content #counter-calculator .complementary-wrapper .link a {
font-style: italic !important;
font-weight: 400 !important;
font-stretch: normal !important
}
.faqs-item {
font-family: "Open Sans", "黑体", SimHei, "华文黑体", STHeiti, sans-serif !important;
font-style: italic !important;
font-weight: 400 !important;
font-stretch: normal !important;
width: 660px;
background-color: #fff;
padding: 10px;
margin-bottom: 21px;
-webkit-transition-property: background-color;
-moz-transition-property: background-color;
-o-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
margin-right: 0;
z-index: 1
}
.faqs-item:hover {
z-index: 1
}
.faqs-item .tags {
display: none;
}
.faqs-item.closed p {
margin-bottom: 0px
}
.faqs-item.closed:hover {
background: #69a569;
color: #fff;
z-index: 1
}
.faqs-item.closed:hover .news_lead_text {
border-color: #fff
}
.faqs-item.closed:hover .news_title {
color: #fff
}
.faqs-item.closed:hover p {
color: #fff
}
.faqs-item .addthis_toolbox {
display: none
}
.faqs-item .faqs_lead_text {
cursor: pointer;
padding-top: 10px;
padding-bottom: 20px;
font-size: 2em;
line-height: 1.5em;
margin: 0;
padding: 0;
padding-bottom: 10px;
line-height: 1.25em;
font-family: "Open Sans", "黑体", SimHei, "华文黑体", STHeiti, sans-serif !important;
font-style: italic !important;
font-weight: 300 !important;
font-stretch: normal !important;
color: #69a569;
padding-bottom: 0px
}
.faqs-item .faqs_lead_text p {
margin-bottom: 7px !important
}
.faqs-item .faqs_lead_text p em {
font-weight: 300 !important
}
.faqs-item .faqs_front_image {
display: none
}
.faqs-item .base_content {
padding-top: 10.5px;
border-top: 1px dashed;
border-top-color: #69a569
}
.faqs-item .base_content p {
font-family: "Open Sans", 黑体, SimHei, 华文细黑, STXihei, sans-serif !important;
font-style: normal !important;
font-weight: normal !important;
font-stretch: normal !important;
font-size: 14px !important;
color: #333 !important;
line-height: 21px !important
}
.faqs-item .base_content blockquote {
padding-left: 21px;
padding-right: 21px
}
.faqs-item .base_content blockquote p {
font-family: "Open Sans", "黑体", SimHei, "华文黑体", STHeiti, sans-serif !important;
font-style: italic !important;
font-weight: 400 !important;
font-stretch: normal !important;
margin-bottom: 0
}
.faqs-item .base_content blockquote p em {
font-weight: 300 !important
}
.faqs-item .base_content h6 {
font-family: "Irma Regular 3", "黑体", SimHei, "华文黑体", STHeiti, Verdana, Sans-serif !important;
font-style: normal !important;
font-weight: normal !important;
font-stretch: normal !important;
text-transform: uppercase !important;
font-size: 0.75em;
line-height: 1.2em;
letter-spacing: 2px;
text-align: right;
margin-bottom: 21px;
margin-top: 10.5px;
padding-left: 84px
}
.faqs-item .base_content h6 strong {
font-family: "Irma Bold 3", "黑体", SimHei, "华文黑体", STHeiti, Verdana, Sans-serif !important;
font-style: normal !important;
font-weight: normal;
font-stretch: normal !important;
text-transform: uppercase !important
}
/*quote_page*/
.quote_page .form_table_btn {
text-align:right;
margin-top:20px;
}
.quote_page .form_table_btn a.btn_send {
width:auto;
}
.quote_page .form_table_btn a.btn_send:last-child {
color:#FFF;
margin-left:10px;
background:#1c7754;
}
.quote_page .form_block {
width:100%;
}
/**/
/*footer*/
.footer {
position: relative;
float: left;
width: 100%;
color:#FFF;
background:#000;
overflow:hidden;
}
.footer .block {
padding:0;
}
.footer_logo {
float:left;
width:25%;
text-align:center;
border-right:#3d3d3d 1px solid;
padding:100px 0;
}
.footer_logo img {
max-width:100%;
height:auto;
}
.footer_link {
float:left;
width:45%;
padding:50px 20px;
text-align:center;
}
.footer_link ul {
display: block;
float: left;
width: 50%;
padding: 0 6%;
}
.footer_link ul li {
margin-bottom:10px;
text-align:left;
}
.footer_link ul li h5 {
color:#FFF;
}
.footer_link ul li a {
color: #D0D0D0;
}
.footer_link ul li a:hover {
color:#FFF;
text-decoration:underline;
}
.footer_contact_info {
position:relative;
float:right;
width:30%;
padding:50px 4%;
}
.footer_contact_info:before {
display:block;
content:" ";
position:absolute;
top:0;
left:0px;
height:100%;
border-left:#3d3d3d 1px solid;
}
.footer_contact_info li {
margin-bottom:15px;
}
.footer_contact_info li a {
color:#FFF;
}
.footer_contact_info li i {
display:inline-block;
width:20px;
height:20px;
line-height:22px;
margin-right:5px;
border-radius:20px;
text-align:center;
color:#000;
background:#FFF;
}
.footer_txt {
float:left;
width:100%;
position:relative;
color: #bbbbbb;
padding:15px 0;
line-height:22px;
border-top:#3d3d3d 1px solid;
}
.footer_txt:before, .footer_txt:after {
display:block;
content:" ";
position:absolute;
top:-1px;
width:100%;
border-top:#3d3d3d 1px solid;
}
.footer_txt:before {
left:-100%;
}
.footer_txt:after {
right:-100%;
}
.footer_txt a {
color: #bbbbbb;
}
.footer_txt a:hover {
color: #bbbbbb;
text-decoration:underline;
}
/*分頁按鈕*/
.page_box {
margin-top:20px;
text-align:center;
}
.page_box a {
padding:0px 30px;
}
.page_list {
clear: both;
padding-top: 20px;
text-align: center;
font-size: 12px;
}
.page_list a {
padding: 5px 8px;
color: #FFF;
background:#999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.page_list a:hover, .page_list a.selected {
color: #FFF;
background:#AE0202;
}
.page_list a.selected {
}
/***** CLEAR *****/
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/**/
/*back to top*/
#back-top-wrapper {
position: relative;
height: 18px;
clear: both;
width: 954px;
margin: 0px auto;
}
#back-top {
position: absolute;
display: none;
top: 30px;
left: 435.5px;
width: 73px;
}
#back-top a {
width: 15px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #bbb;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #000;
}
#back-top span {
width: 83px;
height: 20px;
display: block;
background: url(../images/up-top.jpg) no-repeat 0% 0%;
}
#back-top a:hover span {
background-position: right;
}
/*seo用*/
h1.h1_seo {
padding: 0px;
margin: 0px;
height: 0;
position: absolute;
text-indent: -9999px;
}
h2.h2_seo {
padding: 0px;
margin: 0px;
height: 0;
position: absolute;
text-indent: -9999px;
}
h3.h3_seo {
padding: 0px;
margin: 0px;
height: 0;
text-indent: -9999px;
}
.pro_top, .pro_bottom {
float: right;
width: 100%;
position: relative;
}
.pro_top .product_plano, .pro_bottom .product_plano {
width: 100%;
}
/*首頁廣告*/
.home_ad {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
a.ad_close {
display: block;
width: 30px;
height: 31px;
background: url("../js/fancybox/fancybox_close.png") no-repeat center;
right:0;
top:-35px;
position:absolute;
cursor:pointer;
}
a.all_close {
position: fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:8888;
background: url("../js/fancybox/fancybox_overlay.png");
}
.ad_img {
position: fixed;
top: 20%;
left:50%;
width:100%;
max-width:700px;
margin-left:-350px;
z-index: 11000;
}
.ad_img img {
width:100% !important;
height:auto !important;
}
.tab_container h5.title {
display:none;
}
/*==========以下部分是Valid form必须的===========*/
.Validform_checktip{
margin-left:0;
/*line-height:31px;
height:31px;*/
overflow:hidden;
color:#999;
font-size:12px;
}
.Validform_right{
color:#71b83d;
padding-left:20px;
background:url("../images/right.png") no-repeat left center;
}
.Validform_wrong{
color:red;
padding-left:20px;
white-space:nowrap;
background:url("../images/error.png") no-repeat left center;
width: auto;
}
.Validform_loading{
padding-left:20px;
background:url("../images/onLoad.gif") no-repeat left center;
}
.Validform_error{
background-color:#ffe7e7;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}
.info{
/*border:1px solid #ccc;
padding:0 20px 0 5px; */
color:#666;
position:absolute;
display:none;
/*line-height:20px;*/
background-color:#fff;
z-index:8080;
}
.dec {
bottom: -8px;
display: block;
height: 8px;
overflow: hidden;
position: absolute;
left: 10px;
width: 17px;
}
.dec s {
font-family: simsun;
font-size: 16px;
height: 19px;
left: 0;
line-height: 21px;
position: absolute;
text-decoration: none;
top: -9px;
width: 17px;
}
.dec .dec1 {
color: #ccc;
}
.dec .dec2 {
color: #fff;
top: -10px;
}