@font-face { font-family: 'DroidSansRegular'; src: url('/xtr/DroidSans-webfont.woff') format('woff'); } @font-face { font-family: 'UniversCondensed'; src: url('/xtr/universltstd-cn-webfont.woff') format('woff'); } @font-face { font-family: 'Roboto'; src: url('/xtr/Roboto-100Thin.woff2') format('woff2'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/xtr/Roboto-100ThinItalic.woff2') format('woff2'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('/xtr/Roboto-300Light.woff2') format('woff2'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/xtr/Roboto-300LightItalic.woff2') format('woff2'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('/xtr/Roboto-400Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/xtr/Roboto-400Italic.woff2') format('woff2'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('/xtr/Roboto-500Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/xtr/Roboto-500MediumItalic.woff2') format('woff2'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('/xtr/Roboto-700Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/xtr/Roboto-700BoldItalic.woff2') format('woff2'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Roboto-Condensed'; src: url('/xtr/RobotoCond300Light.woff2?v=0') format('woff2'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto-Condensed'; src: url('/xtr/RobotoCond300LightItalic.woff2?v=0') format('woff2'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Roboto-Condensed'; src: url('/xtr/RobotoCond400Reg.woff2?v=0') format('woff2'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto-Condensed'; src: url('/xtr/RobotoCond400RegItalic.woff2?v=0') format('woff2'); font-weight: 400; font-style: italic; } @font-face { font-family: 'icomoon'; src: url('/xtr/icomoon.woff?v=11') format('woff'); } @font-face { font-family: 'FontAwesome'; src: url('/xtr/fa-solid-900.woff2?v=2') format('woff2'); font-style: normal; font-weight: 900; font-display: block; } @font-face { font-family: 'FontAwesome'; src: url('/xtr/fa-regular-400.woff2?v=2') format('woff2'); font-style: normal; font-weight: 400; font-display: block; } @font-face { font-family: 'FontAwesomeBrands'; src: url('/xtr/fa-brands-400.woff2?v=2') format('woff2'); font-style: normal; font-weight: 400; font-display: block; } body { margin: 0px 0px 0px 0px; padding: 0px; } [data-icon]:before { font-family: 'icomoon'; content: attr(data-icon); /* speak: none; */ font-weight: normal; font-variant: normal; text-transform: none; } html { box-sizing: border-box; } div { box-sizing: border-box; } *, *:before, *:after { box-sizing: border-box; } img { border:none; } h1 { margin-top: 0.5em; margin-bottom: 0.25em; } h2 { margin-top: 0.5em; margin-bottom: 0.25em; } h3 { margin-top: 0.5em; margin-bottom: 0.25em; } h4 { margin-top: 0.5em; margin-bottom: 0.25em; } h5 { margin-top: 0.5em; margin-bottom: 0.25em; } h6 { margin-top: 0.5em; margin-bottom: 0.25em; } p { margin-top: 0.45em; margin-bottom: 0.45em; } a { color:inherit; text-decoration:none; } button { font-family:inherit; color:inherit; background-color:inherit; border:0; padding: 0; } textarea { resize: vertical; font-family:inherit; color:inherit; background-color:inherit; border: 2px solid rgba(34,34,34,0.3); font-size:inherit; padding:6px; } textarea:focus { outline: none; border: 2px solid rgba(255,0,0,0.4); } input[type='radio'] { width:24px; height:24px; } input[type='radio']:checked { } input[type='checkbox'] { width:24px; height:24px; } input[type='checkbox']:checked { } input[type='text'], input[type='email'], input[type='password'], select { font-family:inherit; color:inherit; background-color:inherit; border: 2px solid rgba(34,34,34,0.3); font-size:inherit; padding:6px; } input[type='text']:focus, input[type='email']:focus, input[type='password']:focus, select:focus { outline: none; border: 2px solid rgba(255,0,0,0.4); } hr { display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0em; margin-right: 0em; border-style: inset; border-width: 1px; } label { cursor: pointer; } .upload-layer { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:2000; color:rgba(255,255,255,1); font-size: 64px; padding:72px 0px 0px 0px; } .wrapper-1280 { width:1292px; padding:0px; margin: 0px auto; left:0; right:0; } .wrapper-0960 { width: 972px; padding:0px; margin: 0px auto; left:0; right:0; } .wrapper-0640 { width: 648px; padding:0px; margin: 0px auto; left:0; right:0; } .wrapper-0320 { width: 408px; padding:0px; margin: 0px auto; left:0; right:0; } .content-1280 { width:1280px; padding:0px; margin: 0px auto; left:0; right:0; } .content-0960 { width: 960px; padding:0px; margin: 0px auto; left:0; right:0; } .content-0640 { width: 640px; padding:0px; margin: 0px auto; left:0; right:0; } .content-0320 { width: 400px; padding:0px; margin: 0px auto; left:0; right:0; } .rafc-spinner { position: fixed; top: 50%; left: 50%; margin-top: -32px; margin-left: -32px; width:64px; height:64px; background-color:rgba(0,0,0,0.0); } .flx-x-start { justify-content:flex-start; } .flx-x-end { justify-content:flex-end; } .flx-x-center { justify-content:center; } .flx-x-between { justify-content:space-between; } .flx-x-around { justify-content:space-around; } .flx-y-stretch { align-content:stretch; } .flx-y-start { align-content:flex-start; } .flx-y-end { align-content:flex-end; } .flx-y-center { align-content:center; } .flx-y-between { align-content:space-between; } .flx-y-around { align-content:space-around; } .items-align-stretch { align-items:stretch; } .items-align-start { align-items:flex-start; } .items-align-end { align-items:flex-end; } .items-align-center { align-items:center; } .items-align-baseline { align-items:baseline; } .self-align-stretch { align-self:stretch; } .self-align-start { align-self:flex-start; } .self-align-end { align-self:flex-end; } .self-align-center { align-self:center; } .self-align-baseline { align-self:baseline; } /* align-content has no effect when box has a single line, align-self overwrites items-align*/ .flx-section { display:flex; flex-wrap:wrap; } .flt-section { display:table; } .flx-bloc { display:flex; flex-wrap:wrap; overflow:hidden; } .flx-stack-1 { display:flex; flex-wrap:wrap; position:relative; } .flx-stack-2 { display:flex; flex-wrap:wrap; position:absolute; top:0; left:0; } .flx-item { overflow:hidden; } .flx-title { } .flx-subtitle { } .flx-text { } .flx-list { display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:stretch; } .flx-row { display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:stretch; } .flx-image { position:relative; display:flex; overflow:hidden;} .flx-image-image { display:flex; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; } .flx-image-layer { display:flex; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; } .flx-image-imgimg { display:flex; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; } .flx-image-title { display:flex; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; } .flx-image-label { display:flex; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; } .flx-image-magnifier { transition: all 250ms ; } .flx-thumb { padding:3px 3px 3px 3px; margin-right:6px; border-style:solid; border-width:2px; } .flx-thumb-imgbox { display:flex; justify-content:center; overflow:hidden; align-items: center; } .flx-slide { position:relative; } .flx-slide-image { display:flex; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; justify-content:center; align-items:center; } .flx-slide-prev { position: absolute; top: 0; left:0; width: 15%; height:100%; background: url(/imagessys/slidePrev.png) no-repeat left center; cursor: pointer; } .flx-slide-next { position: absolute; top: 0; right:0; width: 15%; height:100%; background: url(/imagessys/slideNext.png) no-repeat right center; } .flx-slide-firstlast { cursor: default; opacity: 0.1; } .flx-slide-nextprev { cursor: pointer; opacity: 0.6; } .flx-slide-nextprev:hover { opacity: 1; } .flx-slide-full { display:flex; position:absolute; top:0; left:15%; width:70%; height:100%; overflow:hidden; justify-content:center; align-items:center; transition: all 350ms; color: rgba(255, 255, 255, 0); } .flx-slide-firstlast:hover { background-color: rgba(64,64,64,0.0); color: rgba(255, 255, 255,0.0);} .flx-slide-nextprev:hover { background-color: rgba(64,64,64,0.2); color: rgba(255, 255, 255,0.7);} .flx-slide-full:hover { background-color: rgba(64,64,64,0.2); color: rgba(255, 255, 255,0.7); } .flx-link { display:flex; position:absolute; top:0; left:0; width:100%; height:100%; text-decoration: none; z-index:1; } .hvr1:hover .flx-image-magnifier { background-color: rgba(34,34,34,0.3); } .bgimg-scroll { background-repeat:no-repeat; background-attachment:scroll; } .bgimg-fixed { background-repeat:no-repeat; background-attachment:fixed; } .bgimg-auto { background-size:auto; } .bgimg-cover { background-size:cover; } .bgimg-contain { background-size:contain; } .bgimg-center-top { background-position:center top; } .bgimg-center-center { background-position:center center; } .bgimg-center-bottom { background-position:center bottom; } .bgimg-left-top { background-position:left top; } .bgimg-left-center { background-position:left center; } .bgimg-left-bottom { background-position:left bottom; } .bgimg-right-top { background-position:right top; } .bgimg-right-center { background-position:right center; } .bgimg-right-bottom { background-position:right bottom; } .gal-grid { position: relative; transition: all 350ms ; } .gal-grid-imgbox { display:flex; justify-content:center; overflow:hidden; align-items: center; transition: all 350ms ; } .gal-magnifier-icon { position: absolute; left:0; right:0; top:0; margin:auto; height:100%; width: 100%; display:flex; justify-content:center; overflow:hidden; align-items: center; transition: all 350ms ; color: rgba(255, 255, 255, 0); } .gal-grid:hover .gal-magnifier-icon { background-color: rgba(64,64,64,0.2); color: rgba(255, 255, 255,0.7);} .img-block { display:block; border:none; } .img-inline { display:inline-block; border:none; } .img { border:none; } .img-w100 { max-width: 100%; height:auto; } .img-h100 { width: auto; max-height:100%; } .img-nw100 { height:auto; } .img-nh100 { width: auto; } .imgtop {vertical-align:top; border:none; } .imgmid {vertical-align:middle; border:none; } .imgbot {vertical-align:bottom; border:none; } .img-full-screen:empty { top: 50%; left: 50%; transform: translate(-50%, -50%); } .img-full-screen { position: absolute; max-width: 99%; top: 5%; left: 5%; } @media screen and (orientation: portrait) { .img-full-screen { max-height: 99%; } } @media screen and (orientation: landscape) { .img-full-screen { max-height: 99%; } } .img-full-screen-nav-prev { position: absolute; bottom: 25%; left:12px; width: 45%; height:50%; background: url(/imagessys/slidePrev.png) no-repeat left center; cursor: pointer; z-index:2001; } .img-full-screen-nav-next { position: absolute; bottom: 25%; right:12px; width: 45%; height:50%; background: url(/imagessys/slideNext.png) no-repeat right center; cursor: pointer; z-index:2001; } .img-full-screen-nav-firstlast { cursor: default; opacity: 0.1; } .img-full-screen-nav-nextprev { cursor: pointer; opacity: 0.6; } .img-full-screen-nav-nextprev:hover { opacity: 1; } .img-full-screen-nav-close { position:fixed; top:0px; right:0px; z-index:2001; vertical-align:middle; padding:12px; color: rgba(255,255,255,1); text-decoration:none; font-size: 28px; opacity: 0.6; cursor: pointer; transition: all 350ms ; } .img-full-screen-nav-close:hover { opacity: 1; } .img-full-screen-nav-paging { position:fixed; top:0px; left:12px; z-index:2001; vertical-align:middle; padding:6px; color: rgba(255,255,255,1); text-decoration:none; font-family:inherit; font-size: 24px; } .img-full-screen-zoom { position:fixed; bottom:0px; left:12px; z-index:2001; vertical-align:middle; padding:6px; color: rgba(255,255,255,1); text-decoration:none; font-family:inherit; font-size: 24px; opacity: 0.6; } .img-full-screen-zoom:hover { opacity: 1; } .img-full-screen-nav-back2gal { color: rgba(0,0,0,0.5); text-decoration:none; font-size: 36px; transition: all 350ms ; } .img-full-screen-nav-back2gal:hover { color:rgba(0,0,0,9); } .img-full-screen-info-show-button { position:fixed; bottom:0px; right:0px; z-index:2001; vertical-align:middle; padding:18px; cursor: pointer; color: rgba(255,255,255,1); background-color:rgba(0,0,0,0); text-decoration:none; font-size: 36px; opacity: 0.6; transition: all 100ms ; } .img-full-screen-info-show-button:hover { opacity: 1; } .img-full-screen-info-close-button { z-index:2001; vertical-align:middle; cursor: pointer; color: rgba(255,255,255,0.7); background-color:rgba(0,0,0,0); text-decoration:none; font-size: 24px; transition: all 100ms ; } .img-full-screen-info-close-button:hover { color:rgba(255,255,255,1); } .img-full-screen-info-text { position:fixed; bottom:14px; right:6px; z-index:2001; width:400px; background-color: rgba(0,0,0,0.8); padding: 6px 12px 12px 12px; border: 3px solid ; color: rgba(255, 255, 255, 0.7); border-radius:9px 9px 9px 9px; } .img-full-screen-caption-bot { position:absolute; bottom:0; width:100%; background-color:rgba(0,0,0,0.5);} .img-full-screen-text-shadow { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .img-flexbox { display:flex; justify-content:center; overflow:hidden; align-items: center; } .img-flexbox-trans { display:flex; justify-content:center; overflow:hidden; align-items: center; transition: all 350ms ; } .photobox-layer { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 1); z-index:2000;} .photobox-menu-a a { color: rgba(255,0,0,1); text-decoration: none; } .photobox-menu-p a { color: inherit; text-decoration: none; transition: all 350ms ; } .photobox-menu-p a:hover { color: rgba(255,0,0,1); } .photobox-thumbnail { display:block; border: 0px solid ; color: rgba(96, 96, 96, 0); overflow:hidden; } .photobox-thumbnail-border { display:block; border: 2px solid ; color: rgba(96, 96, 96, 0.7); overflow:hidden; } .photobox-image-border { border: 3px solid ; color: rgba(255, 255, 255, 0.7); } .photobox-img:empty { top: 50%; left: 50%; transform: translate(-50%, -50%); } .photobox-img { position: absolute; max-width: 100%; /* top: 5%; left: 5%; */ } @media screen and (orientation: portrait) { .photobox-img { max-height: 100%; } } @media screen and (orientation: landscape) { .photobox-img { max-height: 100%; } } .photobox-nav-prev { position: absolute; bottom: 25%; left:12px; width: 45%; height:50%; background: url(/imagessys/slidePrev.png) no-repeat left center; cursor: pointer; z-index:2001; } .photobox-nav-next { position: absolute; bottom: 25%; right:12px; width: 45%; height:50%; background: url(/imagessys/slideNext.png) no-repeat right center; cursor: pointer; z-index:2001; } .photobox-nav-firstlast { cursor: default; opacity: 0.1; } .photobox-nav-nextprev { cursor: pointer; opacity: 0.6; } .photobox-nav-nextprev:hover { opacity: 1; } .photobox-nav-close { position:fixed; top:0px; right:0px; z-index:2001; vertical-align:middle; padding:18px; color: rgba(255,255,255,0.7); text-decoration:none; font-size: 36px; cursor: pointer; transition: all 350ms ; } .photobox-nav-close:hover { color:rgba(255,255,255,1); } .photobox-nav-paging { position:fixed; top:0px; left:12px; z-index:2001; vertical-align:middle; padding:6px; color: rgba(255,255,255,1); text-decoration:none; font-family:inherit; font-size: 24px; } .photobox-nav-back2gal { color: rgba(0,0,0,0.5); text-decoration:none; font-size: 36px; transition: all 350ms ; } .photobox-nav-back2gal:hover { color:rgba(0,0,0,9); } .photobox-info-show-button { position:fixed; bottom:0px; right:0px; z-index:2001; vertical-align:middle; padding:18px; cursor: pointer; color: rgba(255,255,255,0.7); background-color:rgba(0,0,0,0); text-decoration:none; font-size: 36px; transition: all 100ms ; } .photobox-info-show-button:hover { color:rgba(255,255,255,1); } .photobox-info-close-button { z-index:2001; vertical-align:middle; cursor: pointer; color: rgba(255,255,255,0.7); background-color:rgba(0,0,0,0); text-decoration:none; font-size: 24px; transition: all 100ms ; } .photobox-info-close-button:hover { color:rgba(255,255,255,1); } .photobox-info-text { position:fixed; bottom:14px; right:6px; z-index:2001; width:400px; background-color: rgba(0,0,0,0.8); padding: 6px 12px 12px 12px; border: 3px solid ; color: rgba(255, 255, 255, 0.7); border-radius:9px 9px 9px 9px; } .photobox-caption-bot { position:absolute; bottom:0; width:100%; background-color:rgba(0,0,0,0.5);} .tablet-border { -ms-overflow-style: none; overflow-y:scroll; overflow-x:hidden; border-top: 0px solid rgba(48,48,48,1); border-bottom: 0px solid rgba(48,48,48,1); border-right: 24px solid rgba(48,48,48,1); border-left: 24px solid rgba(48,48,48,1); border-radius: 0px; } .magnifier { position: relative; margin:0px; padding:0px; } .magnifier-box { position: absolute; left:0; right:0; top:0; margin:auto; height:100%; width: 100%; transition: all 350ms ; } .extra-info-wrapper { position:relative; cursor:pointer; color:rgba(0,0,255,1); } .extra-info-popup { position:absolute; left:18px; top:0px; display:none; visibility: hidden; background-color:rgba(0,0,0,0.1); z-index:10; } .extra-info-wrapper:hover .extra-info-popup { visibility: visible; display:block; } .popup-layer { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(32,32,32,0.8); z-index:1000;} .popmenu-border { -ms-overflow-style: none; overflow-y:scroll; overflow-x:hidden; } .popmenu-border::-webkit-scrollbar { width: 4px; } .popmenu-border::-webkit-scrollbar-track { background-color: rgba(254,254,254,0); } .popmenu-border::-webkit-scrollbar-thumb { background-color: rgba(254,177,61,1); } .popup-border-08 { -ms-overflow-style: none; overflow-y:scroll; overflow-x:hidden; max-height:540px; } .popup-border-08::-webkit-scrollbar { width: 12px; } .popup-border-08::-webkit-scrollbar-track { background-color: rgba(254,254,254,0); } .popup-border-08::-webkit-scrollbar-thumb { background-color: rgba(192,192,192,1); border-radius: 12px; } .tablet-border::-webkit-scrollbar { width: 2px; } .tablet-border::-webkit-scrollbar-track { background-color: rgba(254,254,254,0); } .tablet-border::-webkit-scrollbar-thumb { background-color: rgba(192,192,192,1); } .noSelect { user-select: none; } .fvsc { font-variant: small-caps; } .pointer { cursor: pointer; } .tdu { text-decoration:underline; } .tdn { color: inherit; text-decoration:none; } .tdn:hover { text-decoration:none; } .togmap { color:inherit; text-decoration:underline; padding:0px; transition: all 100ms ; } .togmap:hover { text-decoration:none; color:rgba(255,255,255,1); background-color:rgba(255,0,0,1); } .togmap-combined:hover .togmap { text-decoration:none; color:rgba(255,255,255,1); background-color:rgba(255,0,0,1); } .tocox { font-family: arial, verdana, sans-serif; color: #c0c0c0; text-decoration:none; } .tocox:hover { color: #fe1200; } .tab { display:table; } .row { display:table-row; } .cel { display:table-cell; } .cel-inline { display:inline-block; } .inline-block { display:inline-block; } .normal-block { display:block; } .float-left { float: left; } .float-right { float: right; } .float-stop { clear: both; } .w002 { width: 2px; } .w010 { width: 10px; } .w015 { width: 15px; } .w019 { width: 19px; } .w020 { width: 20px; } .w035 { width: 35px; } .w040 { width: 40px; } .w050 { width: 50px; } .w080 { width: 80px; } .w100 { width: 100px; } .w120 { width: 120px; } .w200 { width: 200px; } .w235 { width: 235px; } .w240 { width: 240px; } .w250 { width: 250px; } .w260 { width: 260px; } .w280 { width: 280px; } .w300 { width: 300px; } .w310 { width: 310px; } .w320 { width: 320px; } .w380 { width: 380px; } .w400 { width: 400px; } .w460 { width: 460px; } .w480 { width: 480px; } .w500 { width: 500px; } .w520 { width: 520px; } .w600 { width: 600px; } .w610 { width: 610px; } .w620 { width: 620px; } .w640 { width: 640px; } .w960 { width: 960px; } .w1280 { width: 1280px; } .wp100 { width:100%; } .wp099 { width:99%; } .wp098 { width:98%; } .wp097 { width:97%; } .wp096 { width:96%; } .wp095 { width:95%; } .wp090 { width:90%; } .wp088 { width:88%; } .wp085 { width:85%; } .wp080 { width:80%; } .wp079 { width:79%; } .wp078 { width:78%; } .wp075 { width:75%; } .wp070 { width:70%; } .wp068 { width:68%; } .wp066 { width:66%; } .wp060 { width:60%; } .wp059 { width:59%; } .wp055 { width:55%; } .wp050 { width:50%; } .wp049 { width:49%; } .wp048 { width:48%; } .wp047 { width:47%; } .wp045 { width:45%; } .wp044 { width:44%; } .wp043 { width:43%; } .wp040 { width:40%; } .wp039 { width:39%; } .wp038 { width:38%; } .wp036 { width:36%; } .wp035 { width:35%; } .wp034 { width:34%; } .wp033 { width:33%; } .wp032 { width:32%; } .wp030 { width:30%; } .wp029 { width:29%; } .wp028 { width:28%; } .wp027 { width:27%; } .wp026 { width:26%; } .wp025 { width:25%; } .wp024 { width:24%; } .wp023 { width:23%; } .wp022 { width:22%; } .wp021 { width:21%; } .wp020 { width:20%; } .wp019 { width:19%; } .wp018 { width:18%; } .wp017 { width:17%; } .wp016 { width:16%; } .wp015 { width:15%; } .wp014 { width:14%; } .wp013 { width:13%; } .wp012 { width:12%; } .wp011 { width:11%; } .wp010 { width:10%; } .wp009 { width:9%; } .wp008 { width:8%; } .wp007 { width:7%; } .wp006 { width:6%; } .wp005 { width:5%; } .wp004 { width:4%; } .wp003 { width:3%; } .wp002 { width:2%; } .wp001 { width:1%; } .wp1cells { width: 100%; } .wp2cells { width: 50%; } .wp3cells { width: 33.3333%; } .wp4cells { width: 25%; } .wp5cells { width: 20%; } .wp6cells { width: 16.6666%; } .wp8cells { width: 12.5%; } .h001 { height:1px; } .h002 { height:2px; } .h003 { height:3px; } .h004 { height:4px; } .h005 { height:5px; } .h006 { height:6px; } .h008 { height:8px; } .h010 { height:10px; } .h012 { height:12px; } .h018 { height:18px; } .h020 { height:20px; } .h024 { height:24px; } .h030 { height:30px; } .h040 { height:40px; } .h050 { height:50px; } .h060 { height:60px; } .h080 { height:80px; } .h100 { height:100px; } .h200 { height:200px; } .h300 { height:300px; } .vat { vertical-align:top; } .vam { vertical-align:middle; } .vab { vertical-align:bottom; } .tal { text-align:left; } .tac { text-align:center; } .tar { text-align:right; } .taj { text-align:justify; } .fs08 { font-size:8px; } .fs10 { font-size:10px; } .fs11 { font-size:11px; } .fs12 { font-size:12px; } .fs13 { font-size:13px; } .fs14 { font-size:14px; } .fs15 { font-size:15px; } .fs16 { font-size:16px; } .fs18 { font-size:18px; } .fs20 { font-size:20px; } .fs22 { font-size:22px; } .fs24 { font-size:24px; } .fs26 { font-size:26px; } .fs28 { font-size:28px; } .fs30 { font-size:30px; } .fs32 { font-size:32px; } .fs34 { font-size:34px; } .fs36 { font-size:36px; } .fs38 { font-size:38px; } .fs40 { font-size:40px; } .fs42 { font-size:42px; } .fs44 { font-size:44px; } .fs46 { font-size:46px; } .fs48 { font-size:48px; } .fs64 { font-size:64px; } .fs72 { font-size:72px; } .fs144 { font-size:144px; } .paddingnone { padding:0px; } .paddingall1 { padding:1px; } .paddingall3 { padding:3px; } .paddingall6 { padding:6px; } .paddingall12 { padding:12px; } .paddingall24 { padding:24px; } .padding-all-12 { padding:12px; } .padding-top-12 { padding: 12px 0px 0px 0px; } .padding-top-18 { padding: 18px 0px 0px 0px; } .padding-topbot-06 { padding: 6px 0px 6px 0px; } .padding-topbot-12 { padding: 12px 0px 12px 0px; } .padding-bottom-18 { padding: 0px 0px 18px 0px; } .padding-bottom-36 { padding: 0px 0px 36px 0px; } .padding-lftrht-6 { padding: 0px 6px 0px 6px; } .padding-lftrht-12 { padding: 0px 12px 0px 12px; } .padding-left-6 { padding: 0px 0px 0px 6px; } .padding-left-12 { padding: 0px 0px 0px 12px; } .padding-right-12 { padding: 0px 12px 0px 0px; } .padding-right-18 { padding: 0px 18px 0px 0px; } .padding-right-64 { padding: 0px 64px 0px 0px; } .clrwht { color:#ffffff; } .clrblk { color:#000000; } .clrred { color:#ff0000; } .clrgry { color:rgba(164,164,164,1); } .clrgrn { color:rgba(0,133,0,1); } .bgcwht { background-color:#ffffff; } .bgcblk { background-color:#000000; } .bgcred { background-color:#ff0000; } .bgcgry { background-color:rgba(164,164,164,1) } ::selection { color:black; background:yellow; } .footer { color:rgba(255,255,255,1); background-color:#333333; } .content-container { min-height:440px; } .clr-cartsc { color:rgba(0,172,237,1); } .clryel { color:#ffff00; } .clrgrn { color:rgba(0,133,0,1); } .clr-01 { color:rgba(193,141,11,1); } .clr-standard { color:rgba(34,34,34,1); } .clr-orange { color:rgba(254,177,61,1); } .bgcyel { background-color:#ffff00; } .bgcgrn { background-color:rgba(0,133,0,1); } .bgc-01 { background-color:rgba(193,141,11,1); } .bgc-standard { background-color:rgba(255,255,255,1); } .bgc-orange { background-color:rgba(254,177,61,1); } .margintop0 { margin-top: 0em; } .marginbot0 { margin-bottom: 0em; } .lineheight-150 { line-height: 150%; } .lineheight-200 { line-height: 200%; } .border-clr1-top { border-top:1px solid rgba(193,141,11,1); } .border-clr1-all { border: 1px solid rgba(193,141,11,1); } .border-clr1-all-clr01 { border: 1px solid rgba(193,141,11,1); } .border-clr1-lft-clr01 { border-left: 1px solid rgba(193,141,11,1); } .paddingnone { padding:0px; } .paddingall1 { padding:1px; } .paddingall3 { padding:3px; } .paddingall6 { padding:6px; } .paddingall12 { padding:12px; } .paddingall24 { padding:24px; } .padding-all-12 { padding:12px; } .padding-top-12 { padding: 12px 0px 0px 0px; } .padding-top-18 { padding: 18px 0px 0px 0px; } .padding-topbot-06 { padding: 6px 0px 6px 0px; } .padding-topbot-12 { padding: 12px 0px 12px 0px; } .padding-bottom-18 { padding: 0px 0px 18px 0px; } .padding-bottom-36 { padding: 0px 0px 36px 0px; } .padding-lftrht-12 { padding: 0px 12px 0px 12px; } .padding-left-12 { padding: 0px 0px 0px 12px; } .padding-right-12 { padding: 0px 12px 0px 0px; } .padding-right-18 { padding: 0px 18px 0px 0px; } .padding-right-64 { padding: 0px 64px 0px 0px; } .prod-searchfield-mob-close { cursor:pointer; color: rgba(0,0,0,0.7); } .prod-searchfield-mob-close:hover { color: rgba(0,0,0,1); } input.prod-searchfield[type="text"] { border: 1px solid rgba(254,177,61,0.6); height:37px; padding:0px 6px 0px 6px; } input.prod-searchfield:focus { border: 1px solid rgba(254,177,61,1); color:rgba(0,0,0,1); } input.prod-searchfield-mob[type="text"] { border: 0px solid rgba(254,177,61,0.6); height:37px; padding:0px 6px 0px 6px; } input.prod-searchfield-mob:focus { border: 0px solid rgba(254,177,61,1); color:rgba(0,0,0,1); } .button-searchfield { border: 1px solid rgba(254,177,61,1); } .lvl1-pc-li { font-family:UniversCondensed; font-weight:normal; font-size:18px; padding:6px 6px 6px 6px; border-left: 1px solid rgba(193,141,11,1); border-top: 1px solid rgba(193,141,11,1); border-bottom: 1px solid rgba(193,141,11,1); } .lvl1-pc-li-last { border-right: 1px solid rgba(193,141,11,1); } .lvl1-pc-li-p { color:rgba(34,34,34,1); transition: all 350ms ; } .lvl1-pc-li-p:hover { color:rgba(255,255,255,1); background-color:rgba(193,141,11,1); } .lvl1-pc-li-a {color:rgba(255,255,255,1); background-color:rgba(193,141,11,1); } .lvlx-pc-li { font-family:inherit; font-weight:normal; font-size:inherit; background-color:inherit; padding:0px 6px 0px 6px; border-right:1px solid rgba(34,34,34,1); } .lvlx-pc-li-last { border-right: 0px solid rgba(193,141,11,1); } .lvlx-pc-li-p {color:rgba(34,34,34,1); text-decoration: underline; } .lvlx-pc-li-p:hover { color:rgba(193,141,11,1); text-decoration: none; } .lvlx-pc-li-a { color:rgba(193,141,11,1); text-decoration: none; } .menu-mydata-ul { margin:0px; list-style:none; padding:0px 0px 0px 0px; font-family:UniversCondensed; font-weight:normal; font-size:18px; background-color:rgba(254,254,254,1); } .menu-mydata-li-a { border-left:6px solid rgba(193,141,11,1); margin-bottom:12px; padding:1px 0px 1px 12px; } .menu-mydata-li-p { border-left:6px solid rgba(193,141,11,0.2); margin-bottom:12px; padding:1px 0px 1px 12px; transition: all 150ms ; } .menu-mydata-li-p:hover { border-left:6px solid rgba(193,141,11,1); } .menu-mydata-it { display:block; text-decoration: none; color:rgba(34,34,34,1); } .menu-service-ul { margin:0px; list-style:none; padding:0px 0px 0px 0px; font-weight:normal; font-size:inherit; background-color:inherit; } .menu-service-li-a { border-left:6px solid rgba(255,0,0,1); margin-bottom:12px; padding:1px 0px 1px 12px; } .menu-service-li-p { border-left:6px solid rgba(255,0,0,0.2); margin-bottom:12px; padding:1px 0px 1px 12px; transition: all 150ms ; } .menu-service-li-p:hover { border-left:6px solid rgba(255,0,0,1); } .menu-service-it-a { display:block; text-decoration: none; color:rgba(255,0,0,1); } .menu-service-it-p { display:block; text-decoration: none; color:rgba(254,255,255,1); transition: all 150ms ; } .menu-service-it-p:hover { color:rgba(255,0,0,1); } .menu-cart { font-family:UniversCondensed; font-weight:normal; font-size:18px; } .menu-cart-it { padding:1px 6px 1px 6px; line-height:42px; height:48px; border:1px solid rgba(193,141,11,1); } .menu-cart-it-p {color:rgba(34,34,34,1); transition: all 350ms ; } .menu-cart-it-p:hover { color:rgba(255,255,255,1); background-color:rgba(193,141,11,1); } .menu-cart-it-a { color:rgba(255,255,255,1); background-color:rgba(193,141,11,1); } .menu-cart-it-f { color:rgba(34,34,34,1); background-color:rgba(193,141,11,0.1); } .page-nav-ul { margin:0px; list-style:none; padding:3px 0px 0px 0px; font-family:inherit; font-weight:normal; background-color:inherit; } .page-nav-li { float:left; padding:0px 6px 0px 0px; font-size:20px; width:42px; height:42px; } .page-nav-it { display:block; text-decoration: none; text-align:center; line-height:36px; } .page-nav-it-p { color:rgba(255,255,255,0.9); background-color:rgba(0,0,0,1); transition: all 350ms ; } .page-nav-it-p:hover { color:rgba(255,255,255,1); background-color:rgba(193,141,11,1); } .page-nav-it-a { color:rgba(255,255,255,1); background-color:rgba(193,141,11,1); } .prod-nav-ul { margin:0px; list-style:none; padding:3px 0px 0px 0px; font-family:inherit; font-weight:normal; background-color:inherit; } .prod-nav-li { float:left; padding:0px 0px 0px 6px; font-size:28px; width:48px; height:48px; } .prod-nav-li-stat { float:left; padding:0px 18px 0px 0px; font-size:20px; height:48px; } .prod-nav-it { display:block; text-decoration: none; text-align:center; line-height:42px; } .prod-nav-it-p { color:rgba(255,255,255,0.9); background-color:rgba(0,0,0,1); transition: all 350ms ; } .prod-nav-it-p:hover { color:rgba(255,255,255,1); background-color:rgba(193,141,11,1); } .prod-nav-it-f { color:rgba(255,255,255,0.4); background-color:rgba(0,0,0,1); } .prod-nav-it-stat { text-decoration: none; } .lvl1-grid-gen { padding:0px 6px 0px 6px; margin-bottom:48px; } .lvl1-grid-0320 { width:400px; padding:0px 0px 0px 0px; margin-bottom:48px; } .lvl1-grid-inner { position: relative; border-bottom:2px solid rgba(64,64,64,0.8); transition: all 350ms ; } .lvl1-grid-imgbox { display:flex; overflow:hidden; transition: all 350ms ; } .lvl1-grid-title { font-family: inherit; font-weight: normal; font-size:24px; margin-top: 0.25em; margin-bottom: 0.25em; height:36px; overflow:hidden; transition: all 350ms ; } .lvl1-grid-inner:hover { border-bottom:2px solid rgba(254,177,61,1); } .lvl1-grid-inner:hover .lvl1-grid-title { color: rgba(254,177,61,1); } .lvl1-grid-inner:hover .prod-magnifier-box { background-color: rgba(64,64,64,0.2); } .prod-magnifier-box { position: absolute; left:0; right:0; top:0; margin:auto; height:100%; width: 100%; transition: all 350ms ; } .prod-grid-inner { position: relative; border-bottom:1px solid rgba(64,64,64,0.6); border-top:2px solid rgba(128,128,128,0); transition: all 350ms ; } .prod-grid-imgbox { display:flex; overflow:hidden; top:0; left:0; width:100%; height:100%; justify-content:center; align-items:center; } .prod-grid-title { font-family: inherit; font-weight: normal; margin-top: 0em; margin-bottom: 0em; overflow:hidden; } .prod-grid-text { font-family: inherit; font-weight: normal; margin-top: 0em; margin-bottom: 0em; overflow:hidden; padding:0px 2px; } .prod-grid-price { overflow:hidden; text-align:right; } .prod-price-format-int { font-family: inherit; font-weight: bold; font-size:24px; color:rgba(255,0,0,1); } .prod-price-format-dec { font-family: inherit; font-weight: bold; font-size:16px; color:rgba(255,0,0,1); vertical-align: super; } .prod-grid-inner:hover { border-bottom:1px solid rgba(193,141,11,1); border-top:2px solid rgba(193,141,11,1); } .prod-grid-inner:hover .prod-grid-title { color: rgba(193,141,11,1); text-decoration:underline; } .prod-grid-inner:hover .prod-grid-text { color: rgba(255,255,255,1); background-color: rgba(193,141,11,1); } .prod-grid-inner:hover .prod-magnifier-box { background-color: rgba(64,64,64,0.2); } .prod-grp-gen { padding:6px 6px 6px 6px; margin-bottom:6px; border: 1px solid rgba(34,34,34,0.0); transition: all 350ms ; } .prod-grp-inner { position: relative; } .prod-grp-imgbox { display:flex; justify-content:center; overflow:hidden; align-items: center; } .prod-grp-title { font-family: inherit; font-weight: normal; font-size:14px; overflow:hidden; } .prod-grp-gen:hover { border: 1px solid rgba(34,34,34,0.6); } .prod-grp-inner:hover .prod-grp-title { color: rgba(254,177,61,1); } .prod-cart-container { position: relative; transition: all 300ms ; } .prod-cart-imgbox { display:flex; justify-content:center; overflow:hidden; align-items: center; } .prod-cart-container:hover .prod-magnifier-box { background-color: rgba(64,64,64,0.2); } .prod-detail-thumb-div-a { float:left; padding:3px 3px 3px 3px; margin-right:6px; border:2px solid rgba(254,177,61,1); cursor: pointer; } .prod-detail-thumb-div-p { float:left; padding:3px 3px 3px 3px; margin-right:6px; border:2px solid rgba(64,64,64,0.3); cursor: pointer; } .prod-detail-thumb-div-p:hover { border:2px solid rgba(254,177,61,1); } .prod-detail-thumb-imgbox { display:flex; justify-content:center; overflow:hidden; align-items: center; cursor: pointer; } .prod-detail-slide-imgbox { position:relative; } .prod-detail-slide-imgbox-pos1 { position: absolute; top:0%; left:0%; } .prod-detail-slide-imgbox-pos2 { position: absolute; top:0%; left:50%; transform:translate(-50%,0%); } .prod-detail-slide-imgbox-pos3 { position: absolute; top:0%; right:0%; } .prod-detail-slide-imgbox-pos4 { position: absolute; bottom:0%; left:0%; } .prod-detail-slide-imgbox-pos5 { position: absolute; bottom:0%; left:50%; transform:translate(-50%,0%); } .prod-detail-slide-imgbox-pos6 { position: absolute; bottom:0%; right:0%; } .prod-detail-slide-imgbox-pos7 { position: absolute; top:50%; left:0%; transform:translate(0%,-50%); } .prod-detail-slide-imgbox-pos8 { position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); } .prod-detail-slide-imgbox-pos9 { position: absolute; top:50%; right:0%; transform:translate(0%,-50%); } .prod-detail-slide-prev { position: absolute; bottom: 25%; left:0%; width: 45%; height:50%; background: url(/imagessys/slidePrev.png) no-repeat left center; cursor: pointer; /* z-index:101; */ } .prod-detail-slide-next { position: absolute; bottom: 25%; right:0%; width: 45%; height:50%; background: url(/imagessys/slideNext.png) no-repeat right center; cursor: pointer; /* z-index:101; */ } .prod-detail-slide-firstlast { cursor: default; opacity: 0.1; } .prod-detail-slide-nextprev { cursor: pointer; opacity: 0.6; } .prod-detail-slide-nextprev:hover { opacity: 1; } .prod-detail-slide-2full { position:absolute; top:0%; left:0%; z-index:101; width:100%; height:20%; vertical-align:super; text-align: left; cursor: pointer; color: rgba(254,177,61,0.7); text-decoration:none; font-size: 24px; /* background: url(/imagessys/arrowBigger.png) no-repeat 100% 0%; cursor: pointer; */ /* z-index:101; */ transition: all 350ms ; } .prod-detail-slide-2full:hover { color:rgba(254,177,61,0.9); font-size: 48px; } .cart-nav-ul { margin:0px; list-style:none; padding:0px 0px 0px 0px; font-family:inherit; font-weight:normal; background-color:inherit; } .cart-nav-li { display:inline-block; padding:0px 0px 0px 6px; font-size:28px; width:48px; height:48px; } .cart-nav-li-stat { display:inline-block; padding:0px 0px 0px 18px; font-size:18px; vertical-align: bottom; } .cart-nav-it { display:block; text-decoration: none; text-align:center; line-height:42px; } .cart-nav-it-p { color:rgba(255,255,255,0.9); background-color:rgba(0,0,0,1); transition: all 350ms ; } .cart-nav-it-p:hover { color:rgba(255,255,255,1); background-color:rgba(254,177,61,1); } .cart-nav-it-f { color:rgba(255,255,255,0.4); background-color:rgba(0,0,0,1); } .cart-nav-it-stat { text-decoration: none; } .link-overlay-block { position: absolute; left:0; right:0; top:0; margin:auto; height:100%; width: 100%; } .link-overlay-block:hover { } .button-searchresult { text-decoration: none; cursor:pointer; text-align:center; font-family:inherit; font-size:inherit; padding: 0px 12px; display: block; line-height:36px; border: 1px solid rgba(16,16,16,1); color:rgba(255,255,255,1); background-color:rgba(16,16,16,1); transition: all 350ms ; } .button-searchresult:hover { border: 1px solid rgba(254,177,61, 1); background-color:rgba(254,177,61, 1); } .button-tofav { text-decoration: none; cursor:pointer; text-align:center; font-family:inherit; font-size:inherit; padding: 3px 6px 0px 6px ; border: 1px solid rgba(16,16,16,1); border-radius:0px; color:rgba(255,255,255,1); background-color:rgba(16,16,16,1); transition: all 350ms ; } .button-tofav:hover { color:rgba(255,0,0,1); background-color:rgba(255,255,255,1); } .button-logincase { text-decoration: underline; -webkit-text-decoration-color: red; text-decoration-color: red; cursor:pointer; text-align:center; font-family:inherit; font-size:inherit; display:block; padding: 12px 12px; border: 1px solid rgba(255,0,0,1); color:rgba(16,16,16,1); background-color:rgba(255,255,255,1); transition: all 350ms ; } .button-logincase:hover { color:rgba(255,255,255,1); background-color:rgba(255,0,0,1); text-decoration: none; } .button-mydata-alt { text-decoration: underline; -webkit-text-decoration-color: gold; text-decoration-color: gold; cursor:pointer; text-align:center; font-family:inherit; font-size:inherit; display:block; padding: 0px 12px; line-height:36px; border: 1px solid rgba(193,141,11,1); color:rgba(16,16,16,1); background-color:rgba(255,255,255,1); transition: all 350ms ; } .button-mydata-alt:hover { color:rgba(255,255,255,1); background-color:rgba(193,141,11,1); text-decoration: none; } .doc-2full-detail { position:relative; cursor: pointer; text-decoration:none; transition: all 350ms ; } .doc-2full-detail:hover { color:rgba(255,0,0,1); } .doc-2full-detail-zoom { color:rgba(255,0,0,1); position:absolute; top:0%; left:0%; z-index:101; width:100%; height:100%; vertical-align:super; text-align: left; transition: all 350ms ; } .doc-2full-detail-zoom:hover { color:rgba(255,0,0,1); font-size: 28px; } .document-layer { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(32,32,32,0.8); z-index:1000;} .document-wrapper-0960 { position:relative; left: 50%; top:3%; width: 960px; margin-left: -480px; background:rgba(255,255,255,1); z-index:2000; border: 2px solid rgba(193,141,11,1); } .document-wrapper-0640 { position:relative; left: 50%; top:3%; width: 640px; margin-left: -320px; background:rgba(255,255,255,1); z-index:2000; border: 2px solid rgba(193,141,11,1); } .document-wrapper-0320 { position:relative; left: 50%; top:3%; width: 400px; margin-left: -200px; background:rgba(255,255,255,1); z-index:2000; border: 2px solid rgba(193,141,11,1); } .document-header { position: absolute; top:0; left:0; width:100%; background:rgba(193,141,11,1); } .document-body { position: absolute; /* max-height:98%; */ left: 0; width:100%; background:rgba(255,255,255,1); padding:0px 5px 10px 5px; overflow-y: auto; } .document-nav-close { z-index:2001; vertical-align:middle; color: rgba(255,255,255,0.8); text-decoration:none; font-size: 24px; cursor: pointer; transition: all 350ms ; } .document-nav-close:hover { color:rgba(255,255,255,1); } .link-to-1 { color:inherit; text-decoration:underline; padding:0px; transition: all 200ms ; } .link-to-1:hover { text-decoration:none; color:rgba(255,255,255,1); background-color:rgba(193,141,11,1); } .font-DroidSans { font-family: DroidSansRegular; font-weight:normal; } .font-DroidSansBold { font-family: DroidSansRegular; font-weight:bold; } .font-DroidSans-italic { font-family: DroidSansRegular; font-weight:normal; font-style: italic; } .font-DroidSansBold-italic { font-family: DroidSansRegular; font-weight:bold; font-style: italic; } .font-Roboto100 { font-family:Roboto; font-weight:100; font-style:normal; } .font-Roboto100italic { font-family:Roboto; font-weight:100; font-style:italic; } .font-Roboto300 { font-family:Roboto; font-weight:300; font-style:normal; } .font-Roboto300italic { font-family:Roboto; font-weight:300; font-style:italic; } .font-Roboto400 { font-family:Roboto; font-weight:400; font-style:normal; } .font-Roboto400italic { font-family:Roboto; font-weight:400; font-style:italic; } .font-Roboto500 { font-family:Roboto; font-weight:500; font-style:normal; } .font-Roboto500italic { font-family:Roboto; font-weight:500; font-style:italic; } .font-Roboto700 { font-family:Roboto; font-weight:700; font-style:normal; } .font-Roboto700italic { font-family:Roboto; font-weight:700; font-style:italic; } .RobotoCond400Reg { font-family:Roboto-Condensed; font-weight:400; font-style:normal; } .RobotoCond400RegItalic { font-family:Roboto-Condensed; font-weight:400; font-style:italic; } .RobotoCond300Light { font-family:Roboto-Condensed; font-weight:300; font-style:normal; } .RobotoCond300LightItalic { font-family:Roboto-Condensed; font-weight:300; font-style:italic; } .body-web { font-family: DroidSansRegular; font-size:16px; background-color:rgba(255,255,255,1); color:rgba(34,34,34,1); } .menu-top { border-top: 2px solid rgba(193,141,11,1); border-bottom:2px solid rgba(255,255,255,1); position:sticky; top: 0px; margin: 0px auto; z-index:1000; background-color:rgba(0,0,0,1); position: -webkit-sticky; /* Safari */ } .menu-1pc-li { padding:2px 6px 0px 6px; font-family:Roboto-Condensed; font-weight:400; font-size:18px; line-height:36px; border-right:1px solid rgba(193,141,11,0.5); } .menu-1pc-li-first { border-left:1px solid rgba(193,141,11,0.5); margin-left:16px; } .menu-1pc-li-a { color:rgba(255,255,255,1); background-color:rgba(193,141,11,1); } .menu-1pc-li-p { color:rgba(255,255,255,0.8); transition: all 350ms ; } .menu-1pc-li-p:hover { color:rgba(255,255,255,1); background-color:rgba(193,141,11,1); } .menu-set-start { cursor: pointer; line-height:36px; font-size: 24px; width:50px; color: rgba(255,255,255,0.8); border-left:1px solid rgba(193,141,11,0.5); border-right:1px solid rgba(193,141,11,0.5); transition: all 350ms ; } .menu-set-start:hover { color:rgba(255,255,255,1); background-color:rgba(193,141,11,1); } .menu-mob-start { cursor: pointer; line-height:36px; font-size: 24px; width:50px; color: rgba(255,255,255,0.8); border-left:1px solid rgba(193,141,11,0.5); border-right:1px solid rgba(193,141,11,0.5); padding:0px 6px 0px 6px; transition: all 350ms ; } .menu-mob-start:hover { color:rgba(255,255,255,1); background-color:rgba(193,141,11,1); } .button01 { cursor:pointer; font-family:inherit; font-size:inherit; padding:12px 12px; color:rgba(255,255,255,1); background-color:rgba(16,16,16,1); transition: all 350ms ; } .button01:hover { background-color:rgba(193,141,11,1); } .thumb1-a { border-color:rgba(193,141,11,1); } .thumb1-p { border-color:rgba(128,128,128,0.6); } .thumb1-p:hover { border-color:rgba(193,141,11,1); } .popup-top { background-color: rgba(255,255,255,1); color: rgba(34,34,34,1); border-radius: 6px 6px 0px 0px; border-bottom:1px solid rgba(34,34,34,1); border-left:2px solid rgba(34,34,34,1); border-right:2px solid rgba(34,34,34,1); border-top:2px solid rgba(34,34,34,1); } .popup-close { cursor: pointer; text-decoration:none; font-size: 24px; color: rgba(34,34,34,1); background-color:inherit; } .popup-close:hover { color:rgba(193,141,11,1); } .popup-main { background-color: rgba(255,255,255,1); border-radius: 0px 0px 6px 6px; border-left:2px solid rgba(34,34,34,1); border-right:2px solid rgba(34,34,34,1); border-bottom:2px solid rgba(34,34,34,1); } .popup-group { font-family: inherit; font-size: 20px; padding: 9px 6px 9px 6px; background-color: inherit; color: inherit; } .popup-optiona { font-family: inherit; font-size: inherit; background-color: rgba(193,141,11,1); color: rgba(255,255,255,1); } .popup-optionp { font-family: inherit; font-size: inherit; background-color:inherit; color:inherit; } .popup-optionp:hover { font-family: inherit; font-size: inherit; background-color: rgba(193,141,11,1); color: rgba(255,255,255,1); } .mycss-3 { background-color:rgba(0,0,0,1); } .mycss-4 { border: 2px solid rgba(255,0,0,1); } .mycss-5 { background-color:rgba(0,0,0,1); } .mycss-1 { color:rgba(255,255,255,1); text-shadow: 2px 4px 3px rgba(0,0,0,1); } .mycss-2 { color:rgba(255,0,0,1); } .mycss-39 { text-decoration: underline; } .mycss-40 { font-weight: 400; font-style: normal; font-size: 16px; } .mycss-41 { font-weight: 600; font-style: normal; font-size: 16px; } .mycss-42 { border-radius: 50%; border: 2px solid rgba(128,128,128,1); color:rgba(128,128,128,1); } .mylink-1:hover .mylink-1 { color:rgba(255,0,0,1); } .mylink-2:hover .mylink-2 { color:rgba(255,255,255,1); background-color:rgba(193,141,11,1); } .mylink-3:hover .mylink-3 { border-radius: 50%; border: 2px solid rgba(0,115,177,1); background-color:rgba(0,115,177,1); color:rgba(255,255,255,1); }