/****************************************************************************/ #CE_pageContent_ID {width: 100%;} #CE_pageContent_IDfontname {width: 100% !important;} /*reset css*/ @charset "utf-8"; body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote, th, td { margin: 0;padding: 0;} img {border: 0;} :focus {outline: 0;} h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;} input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;} code, kbd, samp, tt {font-size: 100%;} /*purpose To enable resizing for IE */ /*branch For IE6-Win, IE7-Win */ input, button, textarea, select {*font-size: 100%;} body {line-height: 180%;} ol, ul, li {list-style: none;} :link, :visited , ins {text-decoration: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} /*HTML5 tag*/ section, article, aside, footer, header, nav, main {display:block;} /*HTML5 display-role reset for older browsers*/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} 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;max-width:100% !important;} /*general*/ html, body {height: 100%;width: 100%;} body {background: url(graphics/bg-line.png) left 50px repeat-x;color:#373737;font: normal 16px "Century Gothic","Microsoft JhengHei";line-height: 30px;} #smartheader {background: rgba(200, 30, 30, .7) !important; line-height: 20px;position:fixed;z-index:500 !important;} /*title*/ h1, .seach-body .word {color: #100770;font-size: 26px;line-height: 48px;font-weight:900;margin: 35px 0 5px;width:100% ;float:left;} h2 {font-size: 22px;line-height: 36px;width:100%;float:left;color: #000;font-weight:900;margin: 25px 0 15px;width:100% ;float:left;} h3 {font-size: 18px;line-height: 36px;width:100%;float:left;color: #000;font-weight:900;} #albumlist h2, #albumdetail td span, #product_home h2, #product_list h2, .product-list-ad h3 {font-size: 16px;text-align:center;background:none;padding-left: 0px;width:100%;float:left;/*overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;*/} /*link*/ a {color: #676767;-webkit-transition: color .5s, background .5s;transition: color .5s, background .5s;} a:hover {color: #999999;} a img {opacity: 1;-webkit-transition: opacity .5s;transition: opacity .5s;} /*iframe img*/ iframe {margin: 10px 0;max-width: 100% !important;height:450px;} img {height: auto !important;max-width: 100% !important;} img, div{border:0px;behavior: url(/inc/javascript/iepngfix.htc);} .tr-heading {} .odd {} .even {} .main-line {border-top: 1px dashed #cccccc;margin-top: 20px;height: 1px;padding-top:20px;width:100%;float:left;} hr {width: 100%;float:left;border:none;border-bottom:1px dotted #ddd;padding:25px 0 5px;} /*list*/ .articlelist ul, #albumdetail ul {margin-left: 1em;} .articlelist ul li, #albumdetail ul li {list-style: circle;} .articlelist ul li ul, #albumdetail ul li ul {margin-left: 1em;} .articlelist ul li ul li, #albumdetail ul li ul li {list-style: disc;} .articlelist .main-subtitle ul, #albumdetail .main-subtitle ul {margin: 0;} .articlelist .main-subtitle ul li, #albumdetail .main-subtitle ul li{list-style: none;} .articlelist a:hover {color: #32C5D2;} /*light box*/ #grayBG {position: fixed !important;} #LightBox1.box_content {background: rgba(150, 30, 30, .6) !important;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;color: #ffffff;margin: 0 !important;left: 25% !important;width: 50% !important;} #LightBox1.box_content ul li a {background: rgb(250, 250, 250) !important;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;color: rgba(200, 30, 30, .8);} /*input*/ input, textarea {padding: 0 5px;-webkit-appearance:none; } input, button, textarea, select, #personal-info a, #more-link a, .re-index a, .quick-print a, #Quick-Reply a h3 {background: #ffffff;border: 1px solid #cccccc;color: #373737;font-size: 14px;height: 30px;} input[type="radio"], input[type="checkbox"] {height: auto !important;margin-right: 5px;width: auto !important;} .textbox[name="searchFor"] {float: left;} input[name="uname"], input[name="upassword"] {border: none;border-bottom: 1px solid #969696;height: 30px;line-height: 30px;} input[name="addtocart"] {margin: 1em 0 0 60%;width: 140px;} #signup_checkout {width: 140px} input[type="submit"], input[type="button"], #personal-info a, #more-link a, .re-index a, .quick-print a, .linkbutton ul li a, #Quick-Reply a h3, #hloginarea .hbox-title, #personal-info .hbox-title { background: #ffffff; cursor: pointer; height: 32px; padding: 0 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: background .5s; transition: background .5s; } input[type="submit"]:hover, input[type="button"]:hover, #personal-info a:hover, #more-link a:hover, .re-index a:hover, .quick-print a:hover, #Quick-Reply a h3:hover, #hloginarea .hbox-title:hover, #personal-info .hbox-title:hover {background: #dddddd;} #personal-info a, .re-index a, .quick-print a {display: inline-block;padding: 0 8px;line-height: 30px;height: 30px;} .button-top, .button-bottom {display: none;} #more-link {margin-top: 10px;text-align: center;width: 100%;float:left;} #more-link a {display: block;line-height: 32px;width: calc(100% - 12px);} /*light box*/ #grayBG {position: fixed !important;} #LightBox1.box_content {background: rgba(150, 30, 30, .6) !important;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;color: #ffffff;margin: 0 !important;left: 25% !important;width: 50% !important;} /*linkbutton*/ .linkbutton {display: inline-block;width: auto;float:left;margin:0} .linkbutton ul {margin: 0 !important;} .linkbutton ul .art-reply{display: none;} .linkbutton ul li, .pageselection ul li{display: inline-block;list-style: none !important;} .linkbutton ul li a {/*background: #ffeedd;*/display: block;line-height: 32px;} .articlelist .linkbutton , #albumdetail .linkbutton , #product_detail .linkbutton {position:relative;top:0px;float:left;} /*pageselection*/ .pageselection {clear: both;margin-top: 20px;text-align: center;width: 100%;float:left;} .pageselection ul {width: auto;} .pageselection ul li.activepage a, .pageselection ul li.activepage a:hover {background: #5a5a5a;color: #ffffff;} .pageselection ul li a {background: #dddddd;padding: 3px 12px;} .pageselection ul li a:hover { background: #aaaaaa;color: #ffffff; } /* flash */ #flash-header, .hbox-body#flash-logo, #maincontent embed.content-flash {display: none;width: 0;height: 0;} /*frame layout*/ #artboard {background: url(graphics/main-1.jpg) right 20% top 75px no-repeat;min-height: 100%;width: 100%;float:left;} #Serachfor #artboard {background: url(graphics/SEARCH.jpg) right 20% top 75px no-repeat;} #artboard-body {margin: 0 auto;position: relative;width: 100%;} #artboard-inner {width: 100%;float:left;} #header {height: auto;padding-bottom: 120px;position: relative;left: 0;top: 50px;width: 100%;float:left;border-bottom:1px solid #ddd;} #header-body {height: 100%;width: 1280px;margin:0 calc(50% - 640px);float:left;} #content {margin-top: 95px;min-height: calc(100% - 225px);padding-bottom: 0px;width: 100%;zoom: 1;/*IE6&7*/float:left;} #content-body {width: 100%;float:left;} #greeting {width:calc(100% - 180px);float:right;} #greeting-body {width: 100%;float:left;font-weight:900;margin-top:25px;} #greeting-body span {color:#5c5c5c;display:block;font-size:24px;} #greeting-body span span {color:#736fa4;font-size:20px;} .logobottom {width: 100%;float:left;position:absolute;top:175px;left:0;} .logobottom-body {width:1280px ;margin:5px auto;color:#2932a6;} #foot-greeting {margin:5px 0 10px;position: relative;width:100%;float:left;line-height:25px;border-top:1px solid #a0a0a0;} #foot-greeting-body {width:100%;float:left;} #foot-greeting-body ul {width:1280px ;margin:5px auto;text-align:right;font-size:16px;color:#686868;} #foot-greeting-body ul li {display:block;margin:15px 0;} #foot-greeting-body ul li.youtube a {display:block;background: url(graphics/youtube.png) right center no-repeat;width:100%;color:transparent;} #foot-greeting-body ul li a {color:#100770;text-decoration:underline;font-size:18px;font-weight:900;} #foot-greeting-body ul li.emailto a {color:#686868;} #foot-greeting span.bottomline {display:block;width:100%;float:left;padding-top:15px;} #foot-greeting span.bottomline span {width:1280px ;margin:5px calc(50% - 640px);border-top:none;float:left;} #foot-greeting span.bottomline span.bottomlin1 {width:auto;margin:auto;float:none;} #footer {height: auto;text-align: right; padding:0;width: 100%;float:left;display:none;} #copyright {display:none;} /*content structure */ #mainside {float: left;width:100%;} #mainside-body {} #mainside-inner{} #maincontent {float: left;margin: 0 ;min-height:150vh;width:100%;} #maincontent-body {width: 960px;margin:0 calc(50% - 630px);float:right;} #secondside {DISPLAY:NONE;} /*回頂部*/ .htop {width:45px;float:right;} .htop a {display:block;width:45px;height:45px;background: url(graphics/top.png) no-repeat top right;position:fixed;bottom:32px;float:right;right:172px;z-index:999;} /*hbox-2496*/ #hbox-2496 {width:885px;float:left;position:fixed;top:0px;left:calc(50% - 640px);padding:5px 0 5px;background:#fff;border-bottom:1px solid #ddd;z-index: 100;} #hbox-2496 .hbox-body {width:100%;float:left;} #hbox-2496 ul {width:87%;float:left;} #hbox-2496 ul li {display:inline-block;width:auto;} #hbox-2496 ul li:hover {color: #32C5D2;} #hbox-2496 ul li.line {background: url(graphics/viber.png) center center no-repeat;width:40px;height:40px;padding-right:10px;border-right:1px solid #a0a0a0;} #hbox-2496 ul li.whatsapp {background: url(graphics/what.png) center center no-repeat;width:40px;height:40px;} #hbox-2496 ul li.idinfo {margin-bottom:0px;width:clac(75% - 102px);position:relative;top:5px;} #hbox-2496 .lang {width:13%;float:left;} #hbox-2496 .lang ul {width:95%;float:left;text-align:right;margin:5px 5% 0 0;} #hbox-2496 .lang ul li {font-weight:900;padding:0 5px;} #hbox-2496 .lang ul li.sel {color:#1d6c99;text-decoration:underline;} #hbox-2496 .lang ul li.sel:hover {color:#1d6c99;} #hbox-2496 .lang ul li:hover {color:#373737;} #hbox-2525 , #home-hbox-2525 {display:none;} /*hbox-2515*/ #home #hbox-2515 , .bodypage44410 #hbox-2515 , .bodypage44424 #hbox-2515 , .bodypage44425 #hbox-2515 , .bodypage44465 #hbox-2515 , #bodypages689353 #hbox-2515 , #bodypages689621 #hbox-2515 , #bodypages689634 #hbox-2515 {display:none;} #hbox-2515 {width:270px;margin-right:10px;padding:0 10px;float:left;position:absolute;left:calc(50% - 640px);top:570px;border:1px solid #ddd;} #hbox-2515 ul {width:98%;padding:0 1%;float:left;} #hbox-2515 ul li {display:block;width:100%;padding:15px 0;line-height:22px;border-bottom:1px solid #ddd;} #hbox-2515 ul li a {font-weight:900;font-size:14px;width:100%;display:block;} #hbox-2515 ul li a:hover {color: #32C5D2;} #hbox-2515 ul li ul li {padding:10px 0;line-height:20px;} #hbox-2515 ul li ul li a {font-weight:500;font-size:12px;} #hbox-2515 ul li.sub-active a {color: #32C5D2;} #bodypages689166 #hbox-2515 ul li.sub-active a {color: #676767;} #bodypages689166 #hbox-2515 ul li.sub-active a:hover {color: #32C5D2;} /*hbox-2519*/ #hbox-2519 {display:none;} #hbox-2519 {width:270px;margin-right:10px;padding:0 10px;float:left;position:absolute;left:calc(50% - 640px);top:570px;border:1px solid #ddd;} #hbox-2519 .menua {width:98%;padding:0 1%;float:left;padding:20px 0 10px;} #hbox-2519 .menua:first-child {padding:10px 0;} #hbox-2519 .menua a {width:100%;font-weight:900;display:block;font-size:16px;} #hbox-2519 ul {width:98%;padding:0 1%;float:left;margin-bottom:15px;} #hbox-2519 ul li {display:block;width:98%;line-height:22px;padding:15px 1%;line-height:20px;border-bottom:1px solid #ddd;} #hbox-2519 ul li a {width:100%;font-weight:500;display:block;font-size:14px;} #hbox-2519 ul li a:hover {color: #32C5D2;} .bodypage44410 #hbox-2519 , .bodypage44424 #hbox-2519 , .bodypage44425 #hbox-2519 , .bodypage44465 #hbox-2519 {display:block !important;} #bodypages689094 #hbox-2519 ul[title="Каталог"] li:first-child a , #bodypages689087 #hbox-2519 ul[title="Каталог"] li:nth-child(2) a , #bodypages689143 #hbox-2519 ul[title="Каталог"] li:nth-child(3) a , #bodypages689088 #hbox-2519 ul[title="Каталог"] li:last-child a , #bodypages689086 #hbox-2519 ul[title="Услуги"] li:first-child a , #bodypages689085 #hbox-2519 ul[title="Услуги"] li:nth-child(2) a , #bodypages689079 #hbox-2519 ul[title="Услуги"] li:last-child a , #bodypages689935 #hbox-2519 ul[title="Платформа"] li:first-child a , #bodypages689078 #hbox-2519 ul[title="Платформа"] li:nth-child(2) a , #bodypages689090 #hbox-2519 ul[title="Платформа"] li:last-child a , #bodypages689146 #hbox-2519 ul[title="Контакты"] li:first-child a , #bodypages689147 #hbox-2519 ul[title="Контакты"] li:last-child a {color:#32C5D2;} /*hbox-2523*/ #hbox-2523 {display:none;} #hbox-2523 {width:270px;margin-right:10px;padding:0 10px;float:left;position:absolute;left:calc(50% - 640px);top:570px;border:1px solid #ddd;} #hbox-2523 .menua {width:98%;padding:0 1%;float:left;padding:20px 0 10px;} #hbox-2523 .menua:first-child {padding:10px 0;} #hbox-2523 .menua a {width:100%;font-weight:900;display:block;font-size:16px;} #hbox-2523 ul {width:98%;padding:0 1%;float:left;margin-bottom:15px;} #hbox-2523 ul li {display:block;width:98%;line-height:22px;padding:15px 1%;line-height:20px;border-bottom:1px solid #ddd;} #hbox-2523 ul li a {width:100%;font-weight:500;display:block;font-size:14px;} #hbox-2523 ul li a:hover {color: #32C5D2;} #bodypages689634 #hbox-2523 , #bodypages689353 #hbox-2523 , #bodypages689621 #hbox-2523 {display:block !important;} #bodypages689094 #hbox-2523 ul[title="Каталог"] li:first-child a , #bodypages689087 #hbox-2523 ul[title="Каталог"] li:nth-child(2) a , #bodypages689143 #hbox-2523 ul[title="Каталог"] li:nth-child(3) a , #bodypages689088 #hbox-2523 ul[title="Каталог"] li:last-child a , #bodypages689086 #hbox-2523 ul[title="Услуги"] li:first-child a , #bodypages689085 #hbox-2523 ul[title="Услуги"] li:nth-child(2) a , #bodypages689079 #hbox-2523 ul[title="Услуги"] li:last-child a , #bodypages689935 #hbox-2523 ul[title="Платформа"] li:first-child a , #bodypages689078 #hbox-2523 ul[title="Платформа"] li:nth-child(2) a , #bodypages689090 #hbox-2523 ul[title="Платформа"] li:last-child a , #bodypages689146 #hbox-2523 ul[title="Контакты"] li:first-child a , #bodypages689147 #hbox-2523 ul[title="Контакты"] li:last-child a , #bodypages689621 #hbox-2523 ul[title="Блог"] li:first-child a , #bodypages689353 #hbox-2523 ul[title="Станки"] li:first-child a {color:#32C5D2;} /*java */ .bx-wrapper {display: none;} .bx-wrapper .bx-viewport {border: none !important;left: 0 !important;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;} .bx-wrapper .bx-pager.bx-default-pager {position: absolute;bottom: -50px;} #home .bx-wrapper {display: block;height: auto;top: 10px;} #header-slider img {height: auto;width: 100%;} /*index content structure*/ #home #content {width: 100%;} #home #mainside {width: 100%;} #home #maincontent {margin: 0;width: 100%;} #home #maincontent-body {width: 1280px;margin:0 calc(50% - 640px);float:right;} #homecontent {width: 100%;float:left;} .hbox-list .hbox-title {display:none;} /*artboard*/ .bodypage44425 #artboard {background: url(graphics/b2b.jpg) right 20% top 60px no-repeat;} #bodypages689080 #artboard , .bodypage44465 #artboard {background: url(graphics/contacts.jpg) right 20% top 70px no-repeat;} .bodypage44424 #artboard {background: url(graphics/service.png) right 20% top 60px no-repeat;} .bodypage44466 #artboard {background: url(graphics/blog.jpg) right 19% top 60px no-repeat;} #bodypages689101 #artboard , #bodypages689087 #artboard , #bodypages689088 #artboard , #bodypages689094 #artboard , #bodypages689143 #artboard {background: url(graphics/catalog.jpg) right 20% top 70px no-repeat;} /* #bodypages689155 #artboard , .bodypage44412 #artboard {background: url(graphics/prod1.jpg) right 19% top 60px no-repeat;} */ #hbox-2504 {display:none;} /*home-hbox-2498*/ #home-hbox-2498{width:100%;float:left;} #home-hbox-2498 .home-hbox-title , #hbox-2498 .home-hbox-title {display:none;} #hbox-2498 {width:1280px;float:left;margin:0 calc(50% - 640px);} a.backhome {width:100%;display:block;position:relative;z-index:99;float:left;font-weight:900;font-size:20px;color:#2932a6;margin-top:10px;} body#home #hbox-2498 , #bodypages689101 #hbox-2498 {display:none !important;} /*homeprodutcat*/ .homeprodutcat {width: 100%;float:left;margin:20px 0px 0;padding:0;} .homeprodutcat li {display:inline-table;float:left;width:calc(16.6% - 5px);margin:0 2.5px;padding:0;text-align:center;vertical-align: middle;} .homeprodutcat li a {font-weight:900;color:#fff;font-size:13px;line-height:22px;} .homeprodutcat li.evenpro a , .homeprodutcat li.oddpro a {background:#000;padding:0px 15px;width:calc(100% - 30px);height:130px;display:table-cell;vertical-align:middle;} .homeprodutcat li.evenpro a:hover ,.homeprodutcat li.oddpro a:hover {background:#777;} #product_home .briefdesc img {max-width:40px !important;} #product_home .briefdesc .breinfo {display:None;} #product_home .imgflag {position:relative;top:-120px;left:-162px;display:None;} /*homeinfo*/ .homeinfo {width: 100%;float:left;margin:-20px 0px 0;padding:0;} .homeli {width: 100%;float:left;margin:5px 0 15px;} .homeli li {display:block;width: 98%;padding:10px 1%;} .homeli li.evenli {background:#ddd;} .homeli li.oddli {background:#f6f6f6;} /*homediv*/ .homediv {width: 90%;float:left;margin:0px 5% 0;} .homediv li {width: 100%;display:block;margin:15px 0;} .homediv li ul {width: 100%;} .homediv li ul li {width: 22.1%;display:inline-table;text-align:center;vertical-align: top;} .homediv li ul li:hover {color: #32C5D2;} .homediv li ul li.lineli {width: 15.5%;background: url(graphics/homeline.png) center center no-repeat;height:60px;} .homediv li ul li span {display:block;font-weight:900;width:100%;margin:10px 0;} .homepic1 {background: url(graphics/homediv1.png) center center no-repeat;height:60px;} .homepic2 {background: url(graphics/homediv2.png) center center no-repeat;height:60px;} .homepic3 {background: url(graphics/homediv3.png) center center no-repeat;height:60px;} .homepic4 {background: url(graphics/homediv4.png) center center no-repeat;height:60px;} .homepic5 {background: url(graphics/homediv5.png) center center no-repeat;height:60px;} .homepic6 {background: url(graphics/homediv6.png) center center no-repeat;height:60px;} .homepic1:hover {background: url(graphics/homediv1-1.png) center center no-repeat;height:60px;} .homepic2:hover {background: url(graphics/homediv2-1.png) center center no-repeat;height:60px;} .homepic3:hover {background: url(graphics/homediv3-1.png) center center no-repeat;height:60px;} .homepic4:hover {background: url(graphics/homediv4-1.png) center center no-repeat;height:60px;} .homepic5:hover {background: url(graphics/homediv5-1.png) center center no-repeat;height:60px;} .homepic6:hover {background: url(graphics/homediv6-1.png) center center no-repeat;height:60px;} /**/ #article-home, .photolist_home, #product_home {margin-bottom: 60px;width: 100%;float:left;} #article-home .main-title {display: inline-block;width: calc(100% - 90px);float:left;} #article-home .main-subtitle {line-height: 36px;vertical-align: top;width: 100%;float:left;} #article-home .main-line {margin: 10px 0;float:left;width:100%;} .photolist_home table {text-align: center;width:100%;float:left;} .photolist_home td {padding: 10px 0;vertical-align: middle;} /*search*/ #hbox-2502 {line-height: 30px;background:#fff;position: fixed;padding:9px 0 9px 5px;right:calc(50% - 640px);top: 0px;float:left;width: auto;border-bottom:1px solid #ddd;z-index:999999;} #hbox-2502 .hbox-title, #company-logo .hbox-title {display: none;} #hbox-2502 .hbox-body {font-size: 14px;width:clac(100% - 5px);float:left;border:1px solid #ddd;border-radius:5px;} #hbox-2502 .main-button-div {margin: 0;text-align: center;width: auto;} #hbox-2502 .main-button-div .i-button {margin: 0;width: auto;} #hbox-2502 .main-button-div .i-button input {height: 30px !important;padding: 0 5px ;width: auto !important;} #hbox-2502 input {border: none;line-height: 28px;} #hbox-2502 input.textbox { border-right: 1px solid #cccccc; height: 30px; line-height: 24px; margin: 0px 0 0 0; width: 316px; border-radius:4px 0 0 4px; } #hbox-2502 .main-button-div .i-button input.main-button { height: 30px !important; width: 50px !important; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } /*logo*/ #company-logo {height: 150px;margin: 0;position: absolute;left:calc(50% - 640px);top: 70px;width:140px;z-index: 15;float:left;} #company-logo .hbox-body {width: 100%;float:left;} #company-logo img, #owner-pic img{height: 100%;width: 100%;} #owner-pic {height: 200px;width: 200px;} /* main menu configuration*/ #mainmenu {font-size: 17px;position: absolute;right: 0;top: 305px;width: 1280px;margin:0 calc(50% - 640px);z-index: 100;float:left;font-family:"Century Gothic";font-weight:900;} #mainmenu-body {width: 100%;float:right;} #mainmenu ul {overflow: hidden;width: 100%;float:right;text-align:right;} #mainmenu ul li {height: 30px;display:inline-block;text-align:right;width: auto;border-bottom:2px solid transparent;} #mainmenu ul li a { color: #020202;display: block;padding: 0 40px;-webkit-transition: margin-top .5s ease-out;-moz-transition: margin-top .5s ease-out;-ms-transition: margin-top .5s ease-out;-o-transition: margin-top .5s ease-out;} #mainmenu ul li a:hover {color: #32C5D2 ;} #mainmenu ul li#menu44409 {display:None;} /*dropdown menu*/ #mainmenu ul li ul {opacity: 0;overflow: visible;position: absolute;left: -99999px;top: 31px;-webkit-transition: opacity 1s;transition: opacity 1s;min-width:auto;} #mainmenu ul li:hover > ul {background: #fff;display: block;font-size: 16px;margin-left: 40px;opacity: 1;left: auto;width: auto;} #mainmenu ul li ul li{border-bottom: 1px solid #dadada;clear: both;display: block;height: auto;width: 240px;text-align:center;} #mainmenu ul li ul li:last-child {border: none;} #mainmenu ul li ul {box-shadow: inset 11px 0px 50px 0px #ABABAB,2px 1px 15px -4px #BFBFBF;-webkit-box-shadow: inset 11px 0px 50px 0px #ABABAB,2px 1px 15px -4px #BFBFBF;-moz-box-shadow: inset 11px 0px 50px 0px #ABABAB,2px 1px 15px -4px #BFBFBF;-o-box-shadow: inset 11px 0px 50px 0px #ABABAB,2px 1px 15px -4px #BFBFBF;} #mainmenu ul li ul li a {padding:10px 5px;background:#fff;} #mainmenu ul li ul li a:hover{ margin-top: 0;border:none;color: #32C5D2;background:#f5f5f5; } #mainmenu ul li ul li a:after{display: none;} #mainmenu ul li ul li .inactivelink {background: url(graphics/arrow-submenu.png) right center no-repeat;background-size: 20px;margin-right: 0;} #mainmenu ul li ul li ul {} #mainmenu ul li ul li:hover > ul {display: block;margin-left: 200px;top: 0;left: 0;} /**/ .bodypage44410 #mainmenu ul li#menu44413 a {color: #32C5D2 ;} .bodypage44424 #mainmenu ul li#menu44415 a {color: #32C5D2 ;} .bodypage44425 #mainmenu ul li#menu44421 a {color: #32C5D2 ;} .bodypage44465 #mainmenu ul li#menu44422 a {color: #32C5D2 ;} .bodypage44466 #mainmenu ul li#menu44467 a {color: #32C5D2 ;} .bodypage44620 #mainmenu ul li#menu44621 a {color: #32C5D2 ;} .bodypage44410 #mainmenu ul li#menu44413 ul li a, .bodypage44424 #mainmenu ul li#menu44415 ul li a, .bodypage44425 #mainmenu ul li#menu44421 ul li a, .bodypage44465 #mainmenu ul li#menu44422 ul li a, .bodypage44466 #mainmenu ul li#menu44467 ul li a, .bodypage44620 #mainmenu ul li#menu44621 ul li a {color: #020202;} .bodypage44410 #mainmenu ul li#menu44413 ul li a:hover, .bodypage44424 #mainmenu ul li#menu44415 ul li a:hover, .bodypage44425 #mainmenu ul li#menu44421 ul li a:hover, .bodypage44465 #mainmenu ul li#menu44422 ul li a:hover, .bodypage44466 #mainmenu ul li#menu44467 ul li a:hover, .bodypage44620 #mainmenu ul li#menu44621 ul li a:hover {color: #32C5D2;} /*others*/ .main-title {text-align: left;width: 100%;margin:0;padding:0;float:left;font-size:32px;} .main-subtitle {width:100%;float:left;} .main-subtitle ul {width:100%;float:left;} .main-subtitle ul li {padding-right:15px;width:auto;float:left;} .main-subtitle a {color:#b50000;} .main-subtitle ul li.main-date {float:right;} .main-subtitle ul .category, .main-subtitle ul .post-name {display: none;} .itemnumbertag {line-height: 14px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;} #product_detail .itemnumbertag {line-height: 24px;overflow: visible;white-space:normal;width: 100%;float:left;} .main-subtitle ul .itemnumbertag {width: 100%;float:left;margin:0;padding:0;} .articlelist .main-subtitle ul li.main-date , #product_home .main-subtitle {display:none;} /*searchcount*/ .seach-body {width: 100%;float:left;} #searchCount {margin-top: 20px;width: 100%;float:left;display:none;} .word span {font-size:0;} .word span:before {content:"Результат поиска";font-size:26px;} .seach-body ol li a {font-size:0;} .seach-body ol li a:before {content:"Выбор позиции";font-size:16px;} /*article related classes */ .articlelist {width:100%;float:left;} .articlelist .main-body {margin-top:0px !important;padding-top:0 !important;width: 100%;float:left;} .articlelist ul {width:98%;margin-left:2%;float:left;} .articlelist ul li { list-style-type:square;} .smallart {margin:0 !important;width:100%;float:left;display:none;} #smallartpic {width:auto;float:left;max-width:30%;} #smallartpic img {float:left;border: 1px solid #cccccc;margin-right:10px;padding: 5px;width:calc(100% - 20px);} #smallarttxt {width:auto;float:left;max-width:70%;} #smallarttxt a:hover {color:#999 !important;} #smallarttxt a:first-child {display: inline-block;width: 100%;} #replylist{border-left: none;border-right: none;border-top: 1px dashed #cccccc;margin-top: 20px;} #Quick-Reply {margin-top: 60px;width: 100%;display:none;} #Quick-Reply .main-title {margin-bottom: 1em;} #Quick-Reply a h3 {line-height: 32px;padding: 0;text-align: center;width: calc(100% - 2px);} img[src*="mailto"] {height: 20px;width: 20px;} .articlelist ul.numul li {list-style-type:decimal;margin:10px 0;font-weight:900;padding-left:5px;} .articlelist ul.numul li ul {margin-bottom:20px;} .articlelist ul.numul li ul li { list-style-type:square;font-weight:500;} .articlelist ul.numul1 li {list-style-type:decimal;margin:15px 0;padding-left:5px;} .articlelist ul.homeli {width:100%;margin-left:0%;} .articlelist ul.contactinfo {width:100%;float:left;margin:20px 0% 0;text-align:right;} .articlelist ul.contactinfo li {list-style-type:none;margin:15px 0;} .articlelist ul.contactinfo li.youtube a {display:block;background: url(graphics/youtube.png) right center no-repeat;width:100%;color:transparent;} .articlelist ul.contactinfo li a {color:#100770;text-decoration:underline;font-size:18px;font-weight:900;} .articlelist ul.contactinfo li a:hover {color:#6155e4;} .articlelist p {width:100%;float:left;} .articlelist ul.sitemapli li {margin:10px 0;color:#100770;padding-left:10px;font-weight:900;width:calc(100% - 10px);float:left;} .articlelist ul.sitemapli li a {font-size:24px;color:#100770;} .articlelist ul.sitemapli li a:hover {color:#4437d4;} .articlelist ul.sitemapli li ul {margin:0 0 30px 2%;} .articlelist ul.sitemapli li ul li {list-style-type:circle;margin:10px 0;color:#100770;padding-left:10px;font-weight:900;width:calc(100% - 10px);} .articlelist ul.sitemapli li ul li a {font-size:20px;color:#100770;text-decoration:underline;} .articlelist ul.sitemapli li ul li a:hover {color:#6155e4;} .articlelist ul.newslink {width:100%;float:left;margin:20px 0% 0;text-align:left;} .articlelist ul.newslink li {margin:10px 0;color:#100770;padding-left:10px;width:calc(100% - 10px);float:left;} .articlelist ul.newslink li a {color:#100770;text-decoration:underline;font-size:18px;} .articlelist ul.newslink li a:hover {color:#6155e4;} /*doublediv*/ .doublediv {width: 48%;float:left;padding:0 1%;} .doublediv table {width: 100%;float:left;} .doublediv table tr {width: 100%;border-bottom:1px dotted #c1c5f3;} .doublediv table td {padding:10px 0;vertical-align: top;} .doublediv table td.title {width: 33%;padding:10px 1%;} .doublediv table td.body {width: 65%;} .doublediv table td.body input , .doublediv table td.body textarea {width: 96%;} .doublediv .button {width: 100%;float:left;text-align:right;margin:15px 0;} .doublediv .button input {width:150px;} /*singlediv*/ .singlediv {width: 98%;float:left;padding:0 1%;} .singlediv table {width: 100%;float:left;} .singlediv table tr {width: 100%;border-bottom:1px dotted #c1c5f3;} .singlediv table td {padding:10px 0;vertical-align: top;} .singlediv table td.title {width: 33%;padding:10px 1%;} .singlediv table td.body {width: 65%;} .singlediv table td.body input , .singlediv table td.body textarea {width: 96%;} .singlediv .button {width: 100%;float:left;text-align:right;margin:15px 0;} .singlediv .button input {width:150px;} /*banktable*/ .banktable {width: 100%;float:left;margin-top:20px;} .banktable tr {width: 100%;} .banktable tr.fontwei {font-weight:900;} .banktable td {border:1px solid #d3d3d3;padding:5px 2%;text-align:center;} .banktable td.bluetd {background:#e3e7ff;} /*procata*/ .procata {width:100%;float:left;} .procata tr {width: 100%;} .procata td {width:48%;padding:15px 1%;text-align:center;vertical-align:top;} .procata td span {display:block;font-size:18px;font-weight:900;} .procata a img:hover {-webkit-filter:opacity(.7)} /*related classes*/ #albumlist, #albumdetail, #photolist, #product_home, #product_list {width: 100%;float:left;} #albumlist table, #albumdetail table, #photolist table, #product_home table, #product_list table {table-layout :fixed;text-align: center;width: 100%;float:left;} #albumlist .main-subtitle {display:none;} /*photo related classes */ #albumdetail h1 , #albumdetail .main-subtitle {display:none;} #albumdetail .main-title h2 {color: #100770;font-size: 26px;line-height: 48px;font-weight:900;margin: 15px 0;width:100% ;float:left;} #albumlist td, #albumdetail td {display: inline-block;padding: 10px 1%;vertical-align: bottom;width: 31%;} #albumdetail td span {display: inline-block;width: 100%;} /*product related classes ????鞈???桀??*/ #product_home td, #product_list td {display: inline-block;padding: 15px;position: relative;vertical-align: top;width: calc(32% - 30px);} div.imagecontainer {margin-bottom: 10px;width: 100%;float:left;} div.imagecontainer img {border: 1px solid #cccccc;padding: 5px;width: calc(100% - 12px);float:left;} #product_home .main-subtitle, #product_list .main-subtitle, .product-list-ad .main-subtitle {text-align: center;} #product_home .pricetag, #product_list .pricetag, .product-list-ad .pricetag {display:none;clear: both;height: auto;margin: 0;width: 100%;float:left;} #sub-addshopcar {display: none;} .special-products { color: #ffffff;line-height: 1em;position: absolute;left: 5px;top: 5px;width: 35px;z-index: 10;} .special-products span {margin: 5px 0 0 5px;display: inline-block;font-size:0;} .special-products span:before {content: "ХИТ";font-size:16px;position:relative;top:40px;left:5px;font-weight:900;} .special-products:before, .special-products:after {font-size:16px;border-style: solid;content: "";display: block;position: absolute;top: 35px;left: 0;} .special-products:before {border-color: transparent #aa0000;border-width: 0 0 70px 70px;width: 0;z-index: -10;} .special-products:after {border-color: #aa0000;border-width: 10px 0 0 10px;height: 60px;width: 60px;z-index: -15;} .product-list-ad {text-align: center;width: 100%;float:left;} .productlist-ad01, .productlist-ad02 {display: none;max-width: 500px;padding: 15px;position: relative;width: calc(49% - 30px);} .productlist-ad03, .productlist-ad04 {display: none;} /**/ #product_list {width: 100%;float:left;margin-top:25px;} #product_list .main-subtitle {width: 100%;float:left;text-align:center;} #product_list .main-subtitle .itemnumbertag {display: none;} #product_list table {margin-top:20px;width: 100%;float:left;} #product_list table tr {width: 100%;border-bottom:1px dotted #ddd;} #product_list table td {padding:45px 1% 30px;} #product_list .main-title {margin:0;padding:0;} #product_list .main-title h2 {margin:5px 0;padding:0;} #product_list .briefdesc {width: 100%;float:left;display:None;} #product_list .briefdesc img {max-width:40px !important;} #product_list .briefdesc .breinfo {display:None;} #product_list .imgflag {position:relative;top:-90px;left:-162px;display:None;} #product_list img:hover {-webkit-filter:opacity(.7)} #product_list .main-title h2:hover ,#product_detail .main-title h2:hover {color:#32C5D2;} /*product_detail*/ #product_detail {width: 100%;zoom: 1;/*IE6&7*/float:left;margin-top:25px;} #product_detail h1 , #product_detail .main-subtitle , .prodsubmit , .listprice {display:none;} #product_detail .pricetag {margin-left: 2%;width: 48%;float:right;text-align: left;} #product_detail .pricetag #fb-share-button {display:block;margin-top:-10px;text-align: left !important;float:left;} #product_detail .pricetag #fb-share-button a {text-align: left !important;display:block;width: 100%;float:left;} #product_detail .main-title h2 {color: #100770;font-size: 26px;line-height: 48px;font-weight:900;margin: 15px 0;width:100% ;float:left;} #product_detail #imagecontainer {float: left;width: 50%;text-align:center;float:left;} #product_detail #imagecontainer img {border: 1px solid #cccccc;padding: 5px;width: calc(100% - 10px);float:left;} #product_detail #extra_images {width: 100%;float:left;margin-top:15px;} #product_detail #extra_images ul {text-align: center;width: 100%;float:left;} #product_detail #extra_images ul li {display: inline-block !important;margin: 2px;width: 18.5%;} #product_detail #extra_images ul li:last-of-type {margin-right: 0;} #product_detail .main-subtitle {margin-left: 2%;text-align: left;width: 48%;float:right;} .main-title#descother {clear: both;margin: 0;margin-top: 1em;min-height: auto;width: 100%;float:left;} .main-title#descfull h2 span {display:none;} .main-title#descfull:before {content: "Полное описание оборудования";color: #100770;font-size: 26px;line-height: 48px;font-weight:900;margin: 35px 0 5px;width:100% ;float:left;} .main-body#descfull {clear: both;margin-bottom: 1em;width: 100%;float:left;} .main-body#descfull .tab_container ul {width:100%;float:left;} .main-body#descfull .tab_container ul li {width:calc(98% - 20px);display:block;margin-left:2%;padding-left:20px;background:url(graphics/dot02.jpg) no-repeat top 12px left;} .main-body#descfull .tab_container table , .main-body#descfull .tab_container table tr {width:100% !important;} .main-body#descfull .tab_container table td {border:1px solid #ddd;padding:10px 1%;min-width:150px;} #descother {clear: both;width: 100%;float:left;display:none;} #product_detail .briefdesc { color: #616161; display: block; float: left; margin: 0 1%; height: auto; overflow-y: auto; padding: 5px; width: calc(48% - 10px); float:right; } #product_detail .briefdesc img {max-width:40px !important;} #product_detail .briefdesc ul {width:100%;float:left;} #product_detail .briefdesc ul li {width:calc(99% - 20px);margin-left:1%;display:block;padding-left:20px;background:url(graphics/dot02.jpg) no-repeat top 12px left;} #product_detail .imgflag {display:None;} /*produtcat*/ .produtcat {width: 100%;float:left;margin:0px 0px 0;padding:0;} .produtcat li {display:inline-table;width:16%;margin:0;padding:0;text-align:center;vertical-align: middle;} .produtcat li a {font-weight:900;color:#fff;} .produtcat li.evenpro a {background:url(graphics/pro1.png) center center no-repeat;padding:45px 15px;width:calc(100% - 30px);display:block;} .produtcat li.oddpro a {background:url(graphics/pro2.png) center center no-repeat;padding:45px 15px;width:calc(100% - 30px);display:block;} .produtcat li.evenpro a:hover {background:url(graphics/pro1-hov.png) center center no-repeat;} .produtcat li.oddpro a:hover {background:url(graphics/pro2-hov.png) center center no-repeat;} /*productinfo*/ .productinfo {width: 360px;margin:20px calc(50% - 195px) 10px;float:left;border:1px solid #ddd;padding:15px;color:#000;} .productinfo span {display:block;width: 100%;font-weight:900;font-size:24px;text-align:center;margin:20px 0 30px;} .productinfo a {display:block;width: 100%;background:#002060 url(graphics/left.png) left center no-repeat;padding:10px 0;font-weight:900;font-size:20px;text-align:center;color:#fff;} .productinfo .productinfoul5 a {background:none;color:#000;} .productinfoul {width: 100%;float:left;margin:20px 0px 0px;} #product_detail .briefdesc ul.productinfoul li.productinfoul1 {width:calc(49% - 25px);float:left;margin:5px 0 5px 1%;display:block;padding-left:25px;background:url(graphics/proli1.png) no-repeat top left;} #product_detail .briefdesc ul.productinfoul li.productinfoul2 {width:calc(49% - 25px);float:left;margin:5px 0 5px 1%;display:block;padding-left:25px;background:url(graphics/proli2.png) no-repeat top left;} #product_detail .briefdesc ul.productinfoul li.productinfoul3 {width:calc(49% - 25px);float:left;margin:5px 0 5px 1%;display:block;padding-left:25px;background:url(graphics/proli3.png) no-repeat top 5px left;} #product_detail .briefdesc ul.productinfoul li.productinfoul4 {width:calc(49% - 25px);float:left;margin:5px 0 5px 1%;display:block;padding-left:25px;background:url(graphics/proli4.png) no-repeat top 7px left;} #product_detail .briefdesc ul.productinfoul li.productinfoul5 {width:calc(69% - 25px);float:left;margin:15px 15% 5px 16%;display:block;padding:10px 0 10px 25px;background:url(graphics/proli5.png) no-repeat top left;font-weight:900;font-size:24px;} .articlelist .productinfo {width: 360px;margin:-15px 0 10px 20px;float:right;border:1px solid #ddd;padding:15px;color:#000;} .articlelist .productinfo2 {width: calc(100% - 430px);float:Left;} .articlelist .productinfo3 {width: 100%;float:Left;} .articlelist .productinfo span {display:block;width: 100%;font-weight:900;font-size:26px;text-align:center;margin:20px 0 30px;color:red;} .articlelist ul.productinfoul li.productinfoul1 {width:calc(49% - 25px);float:left;margin:5px 0 5px 1%;display:block;padding-left:25px;background:url(graphics/proli1.png) no-repeat top left;} .articlelist ul.productinfoul li.productinfoul2 {width:calc(49% - 25px);float:left;margin:5px 0 5px 1%;display:block;padding-left:25px;background:url(graphics/proli2.png) no-repeat top left;} .articlelist ul.productinfoul li.productinfoul3 {width:calc(49% - 25px);float:left;margin:5px 0 5px 1%;display:block;padding-left:25px;background:url(graphics/proli3.png) no-repeat top 5px left;} .articlelist ul.productinfoul li.productinfoul4 {width:calc(49% - 25px);float:left;margin:5px 0 5px 1%;display:block;padding-left:25px;background:url(graphics/proli4.png) no-repeat top 7px left;} .articlelist ul.productinfoul li.productinfoul5 {width:calc(69% - 25px);float:left;margin:15px 15% 5px 16%;display:block;padding:10px 0 10px 25px;background:url(graphics/proli5.png) no-repeat top left;font-weight:900;font-size:24px;} /*produtcat-tab*/ .abgne_tab {clear: left;width: 100%;margin: 10px 0;} ul.tabs {width: 100%;height: 32px;border-bottom: 2px solid #206abd;} ul.tabs li {float: left;width:150px;height: 31px;line-height: 31px;margin-right:1px;text-align:center; overflow: hidden;position: relative;margin-bottom: -1px; border: 1px solid #63a1d2; border-top-left-radius: 10px; border-top-right-radius: 10px; background-image: -webkit-gradient(linear, center top, center bottom, from(#e7f3ff), to(#b3c8e3)); background-image: -webkit-linear-gradient(top, #e7f3ff, #b3c8e3); background-image: -moz-linear-gradient(top, #e7f3ff, #b3c8e3); background-image: -o-linear-gradient(top, #e7f3ff, #b3c8e3); background-image: -ms-linear-gradient(top, #e7f3ff, #b3c8e3); background-image: linear-gradient(to bottom, #e7f3ff, #b3c8e3);} ul.tabs li a { display: block; padding: 0 0px; color: #4274b2; font-weight:800; text-decoration: none;} ul.tabs li:hover { border: 1px solid #63a1d2; border-top-left-radius: 10px; border-top-right-radius: 10px; background-image: -webkit-gradient(linear, center top, center bottom, from(#9dbedf), to(#206bbe)); background-image: -webkit-linear-gradient(top, #9dbedf, #206bbe); background-image: -moz-linear-gradient(top, #9dbedf, #206bbe); background-image: -o-linear-gradient(top, #9dbedf, #206bbe); background-image: -ms-linear-gradient(top, #9dbedf, #206bbe); background-image: linear-gradient(to bottom, #9dbedf, #206bbe);} ul.tabs li:hover a {color:#fff;} ul.tabs li.active {border-top-left-radius: 10px; border-top-right-radius: 10px; background-image: -webkit-gradient(linear, center top, center bottom, from(#9dbedf), to(#206bbe)); background-image: -webkit-linear-gradient(top, #9dbedf, #206bbe); background-image: -moz-linear-gradient(top, #9dbedf, #206bbe); background-image: -o-linear-gradient(top, #9dbedf, #206bbe); background-image: -ms-linear-gradient(top, #9dbedf, #206bbe); background-image: linear-gradient(to bottom, #9dbedf, #206bbe);} ul.tabs li.active a {color:#fff;} div.tab_container {clear: left;width: 100%;} div.tab_container .tab_content {padding-top:20px;} div.tab_container .tab_content h2 {margin: 0 0 20px;} /*main-button-div*/ .main-button-div {margin-top: 20px;text-align: right;width: 100%;float:left;} .main-button-div .i-button {display: inline-block;margin: 0 0 0 6px;width: 140px;} .main-button-div .i-button .button-center {text-align:center;} .main-button-div .i-button input {display: inline-block;padding: 0;width: 100%;} .addressee-main-button {display: inline-block;text-align: center;width: 100%;float:left;} .addressee-main-button .i-button {width: 100%;float:left;} .re-index {text-align: right;width: 100%;float:left;} #sub-new {text-align: right;width: 100%;float:left;} input.main-button {margin: 0 !important;} /*fb*/ #fb-share-button {width:100%;float:left;text-align:center;margin:5px 0 5px;} #fb-comments-count {display:none;} .fb_iframe_widget {width: 100% !important;float:left;/*text-align:center !important;*/} .fb_iframe_widget iframe { } .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {/*width: 100% !important;*/} #product_detail iframe {width:100% !important;height:540px !important;} #albumdetail #fb-share-button , #albumlist #fb-share-button {margin:10px 0;} /*grayBG1*/ #grayBG {position:absolute; z-index:500; background:#000 !important; top:0px !important; left:0 !important; opacity: 0.7; width:100% !important; height:100%;max-height:1500px !important;} #LightBox1.box_content {z-index:750; width:800px !important; line-height:20px; padding:20px 0px 40px !important;background:#eeeded !important; min-height:450px !important; color:#2d2d2d; text-align:center; position:absolute; left:calc(50% - 250px) !important; top:200px !important; margin-left:-8% !important;} #LightBoxContent {width:90%;margin:0 5%;float:left;} #LightBoxContent .emailf {width: 100%;float:left;} #LightBoxContent .emailf tr {width: 100%;border-bottom:1px dotted #c1c5f3;} #LightBoxContent .emailf td {padding:10px 0;vertical-align: top;} #LightBoxContent .emailf td.title {width: 33%;padding:10px 1%;} #LightBoxContent .emailf td.body {width: 60%;} #LightBoxContent .emailf td.body input , #LightBoxContent .emailf td.body textarea {width: 96%;} #LightBoxContent .button {width: 96%;float:left;text-align:right;margin:15px 4% 15px 0;} #LightBoxContent .button input {width:150px;} .eformbutton {width:100%;float:left;text-align:center;margin-top:10px;cursor: pointer;} .eformbutton a:before {content: "Разместить заказ";} .eformbutton a {border:1px solid #ddd;padding:5px 20px;border-radius:5px;} .eformbutton a span {display:none;} .eformbutton a:hover {background:#ddd;color:#000;} /*RWD 1279*/ @media screen and (max-width: 1279px) { body {background:#fff;} /*title*/ h1, .seach-body .word {margin: 5px 0 5px;width:100% ;float:left;} h2 {margin: 5px 0 15px;width:100% ;float:left;} /*frame layout*/ #artboard {background: #fff !important;} #header-body {width: 100%;margin:0 ;} #greeting {width:calc(90% - 180px);float:right;} .logobottom-body {width:90% ;float:right;margin:5px auto;color:#2932a6;} #foot-greeting {margin:5px 2% 10px;width:96%;} #foot-greeting-body ul {width:100%;margin:5px auto;} #foot-greeting span.bottomline span {width:100%;margin:5px 0;} #foot-greeting span.bottomline span.bottomlin1 {width:100%;margin:auto;float:left;} /*content structure */ #maincontent-body {width: 96%;margin:0 2%;float:right;} /*hbox-2515*/ #hbox-2515 {display:none;} /*hbox-2523*/ #bodypages689634 #hbox-2523 , #bodypages689353 #hbox-2523 , #bodypages689621 #hbox-2523 {display:none !important;} /*hbox-2496*/ #hbox-2496 {width:100%;float:left;position:absolute;top:280px;left:0;padding:5px 0 5px;background:#fff;/*border-top:1px solid #ddd;*/border-bottom:none;z-index:300;} #hbox-2496 ul {width:100%;float:left;text-align:center;} #hbox-2496 .lang {display:none;} #home-hbox-2525 {display:block !important;width:80px;float:left;position:fixed;top:2px;left:55px;z-index:99999999 !important;} #home-hbox-2525 .home-hbox-title {display:none;} #hbox-2525 {display:block !important;width:80px;float:left;position:fixed;top:2px;left:55px;z-index:99999999 !important;} #hbox-2525 .lang , #home-hbox-2525 .lang {width:100%;float:left;} #hbox-2525 .lang ul , #home-hbox-2525 .lang ul {width:95%;float:left;text-align:right;margin:5px 5% 0 0;} #hbox-2525 .lang ul li , #home-hbox-2525 .lang ul li {display:inline;font-weight:900;padding:0 2px;color:#fff;border:NOne;} #hbox-2525 .lang ul li.sel , #home-hbox-2525 .lang ul li.sel {text-decoration:underline;} #hbox-2525 .lang ul li.sel:hover {color:#1d6c99;} #hbox-2525 .lang ul li:hover {color:#373737;} /*hbox-2519*/ .bodypage44410 #hbox-2519 , .bodypage44424 #hbox-2519 , .bodypage44425 #hbox-2519 , .bodypage44465 #hbox-2519 {display:none !important;} /*java */ .bx-wrapper .bx-viewport {border: none !important;left: 0 !important;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;} .bx-wrapper .bx-pager.bx-default-pager {position: absolute;bottom: -50px;} #home .bx-wrapper {display: block;height: auto;top: 10px;} /*回頂部*/ .htop a {position:fixed;bottom:32px;right:5px;} /*index content structure*/ #home #maincontent-body {width: 96%;margin:0 2%;float:left;} #homecontent {width: 100%;margin:0 ;} /*artboard*/ .bodypage44425 #artboard {background: none !important;} #bodypages689080 #artboard , .bodypage44465 #artboard {background: none !important;} .bodypage44424 #artboard {background: none !important;} .bodypage44466 #artboard {background: none !important;} #bodypages689101 #artboard , #bodypages689087 #artboard , #bodypages689088 #artboard , #bodypages689094 #artboard , #bodypages689143 #artboard {background: none !important;} /*產品背景*/ .bodypage44412 #artboard , .bodypage44442 #artboard , .bodypage44443 #artboard , .bodypage44444 #artboard {background: none !important;} .bodypage44526 #artboard , .bodypage44527 #artboard , .bodypage44528 #artboard , .bodypage44529 #artboard {background: none !important;} .bodypage44514 #artboard , .bodypage44520 #artboard , .bodypage44516 #artboard , .bodypage44517 #artboard, .bodypage44518 #artboard, .bodypage44519 #artboard {background: none !important;} .bodypage44521 #artboard , .bodypage44522 #artboard , .bodypage44586 #artboard , .bodypage44587 #artboard, .bodypage44523 #artboard, .bodypage44588 #artboard {background: none !important;} .bodypage44525 #artboard , .bodypage44582 #artboard , .bodypage44583 #artboard , .bodypage44584 #artboard {background: none !important;} .bodypage44530 #artboard , .bodypage44531 #artboard , .bodypage44532 #artboard , .bodypage44533 #artboard {background: none !important;} /*文章背景*/ #bodypages689155 #artboard {background: none !important;} #bodypages689197 #artboard {background: none !important;} #bodypages689198 #artboard {background: none !important;} #bodypages689199 #artboard {background: none !important;} #bodypages689200 #artboard {background: none !important;} #bodypages689201 #artboard {background: none !important;} #bodypages689201 #artboard {background: none !important;} #bodypages689353 #artboard {background: none !important;} /*home-hbox-2498*/ #hbox-2498 {width:96%;float:left;margin:0 2%;} a.backhome {width:100%;text-align:center;} /*homeprodutcat*/ .homeprodutcat {width: 100%;float:left;margin:0px 0px 0;padding:0;} .homeprodutcat li {display:inline-table;width:100%;margin:0;} .homeprodutcat li.evenpro a , .homeprodutcat li.oddpro a {height:auto;padding:20px 15px;width:calc(100% - 30px);border-bottom:1px solid #fff;} /*homediv*/ .homediv {width: 100%;float:left;margin:0px 0% 0;} .homediv li ul li {width: 23.4%;display:inline-table;text-align:center;vertical-align: top;} .homediv li ul li.lineli {background: url(graphics/homeline.png) center center no-repeat;backgorund-size:80%;height:60px;width: 13.7%;} /*search*/ #hbox-2502 {position: fixed;padding:0px 0 0px 5px;right:0;top: 5px;border-bottom:none;background:none;z-index:999999;} /*logo*/ #company-logo {height: 150px;margin: 0;position: absolute;left:10%;top: 70px;width:140px;z-index: 15;float:left;} /* main menu configuration*/ #mainmenu {display:none;width: 100%;} /*grayBG1*/ #grayBG {position:absolute; z-index:500; background:#000 !important; top:0px !important; left:0 !important; opacity: 0.7; width:100% !important; height:100%;max-height:1500px !important;} #LightBox1.box_content {z-index:750; width:90% !important; line-height:20px; padding:20px 0px 40px !important;background:#eeeded !important; min-height:450px !important; color:#2d2d2d; text-align:center; position:absolute; left:5% !important; top:10vh !important; margin-left:0 !important;} /*product related classes ????鞈???桀??*/ #product_home td, #product_list td {padding: 15px 0.5%;width:31%;} /**/ #product_list table td {padding:45px 0.5% 30px;} /*product_detail*/ .main-body#descfull {clear: both;margin-bottom: 1em;width: 100%;float:left;} .main-body#descfull .tab_container ul li {width:calc(98% - 20px);display:block;margin-left:2%;padding-left:20px;background:url(graphics/dot02.jpg) no-repeat top 12px left;} .main-body#descfull .tab_container table , .main-body#descfull .tab_container table tr {width:100% !important;} .main-body#descfull .tab_container table td {border:1px solid #ddd;padding:10px 1%;min-width:150px;} #descother {clear: both;width: 100%;float:left;display:none;} #product_detail .briefdesc { color: #616161; display: block; float: left; margin: 0 1%; height: auto; overflow-y: auto; padding: 5px; width: calc(48% - 10px); float:right; } #product_detail .briefdesc ul li {width:calc(99% - 20px);margin-left:1%;display:block;padding-left:20px;background:url(graphics/dot02.jpg) no-repeat top 12px left;} /*productinfo*/ .productinfo {width:calc(100% - 10px);margin:20px 0 10px;padding:15px 5px;} /*fb*/ #fb-share-button {width:96%;float:left;text-align:center;margin:5px 0 5px;} /*nav-header*/ .nav-header { background: #262161 !important; border-bottom:none !important; color: #fff !important; font-size: 16px; font-weight: bold; height: 45px !important; line-height: 40px; text-align: center; padding: 0 50px; position: fixed; width: 100%; z-index:9999 !important; -moz-box-sizing: border-box; box-sizing: border-box; } .nav-header a { background: center center no-repeat transparent; display: block; height: 29px; position: absolute; left: 10px; top: 0; width: 40px; } .nav-header.fixed {position: fixed;left: 0;top: 0;} #hamburger { display: block; height: 36px; margin: 20px; position: fixed; left: 0; top: -17px !important; width: 40px; z-index: 2; } #hamburger:before, #hamburger:after, #hamburger span { background: #FFF !important; content: ''; display: block; height: 2px; position: absolute; left: -15px !important; width: 30px; } #hamburger:before {top: 5px;} #hamburger:after {bottom: 5px;} #hamburger span {margin-top: -3px;top: 50%;} /*#hamburger:before, #hamburger:after, #hamburger span{transition: none 0.5s ease 0.5s;transition-property: transform, top, bottom, left, opacity;}*/ #hamburger:before, #hamburger:after, #hamburger span { transition: none 0.5s ease 0.5s; transition-property: width !important; transition-duration: 2s !important; -moz-transition-property: width !important; /* Firefox 4 */ -moz-transition-duration: 2s !important; /* Firefox 4 */ -webkit-transition-property: width !important; /* Safari and Chrome */ -webkit-transition-duration: 2s !important; /* Safari and Chrome */ -o-transition-property: width !important; /* Opera */ -o-transition-duration: 2s !important; /* Opera */} .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color:#32C5D2 !important;} } /*RWD 1000*/ @media screen and (max-width: 1000px) { .articlelist .productinfo {width: calc(100% - 30px);margin:0px 0 10px 0px;} .articlelist .productinfo2 {width: 100%;float:right;} .articlelist .productinfo span {display:block;width: 100%;font-weight:900;font-size:26px;text-align:center;margin:20px 0 30px;color:red;} .articlelist ul.productinfoul li.productinfoul5 {width:calc(100% - 60px);float:left;margin:15px 0% 5px 0%;display:block;padding:10px 0 10px 60px;background:url(graphics/proli5.png) no-repeat top left 30px;font-weight:900;font-size:24px;} #product_detail .briefdesc ul.productinfoul li.productinfoul5 {width:calc(100% - 55px);float:left;margin:15px 0% 5px 0%;display:block;padding:10px 0 10px 55px;background:url(graphics/proli5.png) no-repeat center left 30px;} } /*RWD 800*/ @media screen and (max-width: 800px) { /*frame layout*/ #greeting {margin-top:0;position:relative;top:25px;} #greeting-body span span , .logobottom-body {display:none;} #greeting-body span span.spana {display:block;} /*iframe img*/ iframe {width: 100% !important;height:300px;} /*hbox-2496*/ #hbox-2496 {top:240px;} /*home-hbox-2498*/ #hbox-2498 {margin:40px 2% 0;} #home-hbox-2498 {margin:30px 0 0;} /*homediv*/ .homediv {width: 100%;float:left;margin:0px 0% 0;} .homediv li ul li {width: 100%;margin-bottom:30px;} .homediv li ul li.lineli {display:none;} /*procata*/ .procata td {width:100%;padding:15px 0;float:left;} .procata td span {width: 100%;float:Left;} .procata td img {display:block;margin:0 auto 10px;} /**/ #product_list table td {padding:15px 0% !important;} /*product related classes */ #product_home td, #product_list td {padding: 10px 0%;width:100%;float:left;} div.imagecontainer {margin-bottom: 10px;width: 100%;float:left;} /**/ #product_list table td {padding:45px 0% 30px;} /*product_detail*/ #product_detail .pricetag {margin-left: 0%;width: 100%;} #product_detail .pricetag #fb-share-button {margin-top:5px;} #product_detail #imagecontainer {width: 100%;} #product_detail .main-subtitle {margin-left: 0%;width: 100%;} .main-body#descfull .tab_container ul {width:100%;float:left;} #product_detail .briefdesc { width: calc(98% - 10px);} .special-products {position: absolute;left: -5px;top: -25px;} /*produtcat-tab*/ ul.tabs li { border-top-left-radius: 0px; border-top-right-radius: 0px; width:calc(50% - 2px);margin-right:0px; } ul.tabs li:hover , ul.tabs li.active{ border-top-left-radius: 0px; border-top-right-radius: 0px; } } /*RWD 675*/ @media screen and (max-width: 675px) { #hbox-2496 ul li {width:100%;float:left;text-align:center;} #hbox-2496 span span {width:100%;display:block;} #hbox-2496 ul li.line {width:calc(50% - 10px);background: url(graphics/viber.png) right center no-repeat;margin-bottom:5px;} #hbox-2496 ul li.whatsapp {width:calc(50% - 2px);background: url(graphics/what.png) left center no-repeat;margin-bottom:5px;} /*home-hbox-2498*/ #hbox-2498 {margin:125px 2% 0;} #home-hbox-2498 {margin:125px 0 0;} } /*RWD 620*/ @media screen and (max-width: 620px) { #hbox-2496 {border-top:1px solid #ddd;padding-top:10px;} } /*RWD 600*/ @media screen and (max-width: 600px) { /*search*/ #hbox-2502 {width: calc(100% - 145px);} #hbox-2502 .hbox-body {width:100%;} #hbox-2502 input.textbox { border-right: 1px solid #cccccc; height: 30px; line-height: 24px; margin: 0px 0 0 0; width: calc(100% - 65px); border-radius:4px 0 0 4px; float:left; } /*home-hbox-2498*/ #home-hbox-2498 {margin:95px 2% 0;} } /*RWD 552*/ @media screen and (max-width: 552px) { /*home-hbox-2498*/ #hbox-2498 {margin:95px 2% 0;} #home-hbox-2498 {margin:95px 0 0;} #LightBoxContent {min-height:460px !important;padding:20px 0px 40px !important;} } /*RWD 480*/ @media screen and (max-width: 480px) { /*logo*/ #company-logo {height: 150px;margin: 0;position: absolute;left:0%;top: 70px;width:100%;z-index: 15;float:left;text-align:center;} #company-logo img {width:150px} #greeting {width:100%;float:right;text-align:center;margin-top:150px;} /*iframe img*/ iframe {height:250px;} /*hbox-2502*/ #hbox-2502 .main-button-div .i-button input.main-button { height: 30px !important; width: 54px !important; } /*hbox-2496*/ #hbox-2496 {top:300px;} /*home-hbox-2498*/ #hbox-2498 {margin:40px 2% 0;} #home-hbox-2498 {margin:35px 0 0;} .productinfo a {width: calc(100% - 35px);padding:10px 0 10px 35px;} /*grayBG1* #LightBoxContent {min-height:600px !important;padding:20px 0px 40px !important;} #LightBoxContent .emailf td.title {width: 98%;padding:10px 1%;float:left;} #LightBoxContent .emailf td.body {width: 100%;float:left;} #LightBoxContent .emailf td.body input , #LightBoxContent .emailf td.body textarea {width: 96%;} #LightBoxContent .button {width: 96%;float:left;text-align:right;margin:15px 4% 15px 0;} #LightBoxContent .button input {width:150px;} */ } /*RWD 385*/ @media screen and (max-width: 385px) { /*hbox-2496*/ #hbox-2496 {top:340px;} /*home-hbox-2498*/ #hbox-2498 {margin:75px 2% 0;} #home-hbox-2498 {margin:50px 0 0;} } /*RWD 379*/ @media screen and (max-width: 379px) { /*home-hbox-2498*/ #hbox-2498 {margin:45px 2% 0;} }