@charset "utf-8"; /* -------------------- Cols -------------------- */ .col-r, .col-w, .col-0-5, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-5-5, .col-6-5, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .colp-0-5, .colp-1-5, .colp-2-5, .colp-3-5, .colp-4-5, .colp-5-5, .colp-6-5, .colp-1, .colp-2, .colp-3, .colp-4, .colp-5, .colp-6, .colp-7, .cont-r, .cont-0-5, .cont-1-5, .cont-2-5, .cont-3-5, .cont-4-5, .cont-5-5, .cont-6-5, .cont-1, .cont-2, .cont-3, .cont-4, .cont-5, .cont-6, .cont-7{ display:inline; float:left; overflow:hidden; } .col-r, .col-w, .col-0-5, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-5-5, .col-6-5, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .colp-0-5, .colp-1-5, .colp-2-5, .colp-3-5, .colp-4-5, .colp-5-5, .colp-6-5, .colp-1, .colp-2, .colp-3, .colp-4, .colp-5, .colp-6, .colp-7{ margin-right:20px; /*margin-bottom:20px;*/ } .col-mb, .colh-0-5, .colh-1-5, .colh-2-5, .colh-3-5, .colh-4-5, .colh-5-5, .colh-6-5, .colh-1, .colh-2, .colh-3, .colh-4, .colh-5, .colh-6, .colh-7, .colph-0-5, .colph-1-5, .colph-2-5, .colph-3-5, .colph-4-5, .colph-5-5, .colph-6-5, .colph-1, .colph-2, .colph-3, .colph-4, .colph-5, .colph-6, .colph-7{ margin-bottom:20px; } .colp-r, .colp-w, .colp-0-5, .colp-1-5, .colp-2-5, .colp-3-5, .colp-4-5, .colp-5-5, .colp-6-5, .colp-1, .colp-2, .colp-3, .colp-4, .colp-5, .colp-6, .colp-7, .colph-0-5, .colph-1-5, .colph-2-5, .colph-3-5, .colph-4-5, .colph-5-5, .colph-6-5, .colph-1, .colph-2, .colph-3, .colph-4, .colph-5, .colph-6, .colph-7{ padding:20px 20px 20px 20px; } .col-0-5 { width:37px; } .col-1 { width:94px; } .col-1-5 { width:151px; } .col-2 { width:208px; } .col-2-5 { width:265px; } .col-3 { width:322px; } .col-3-5 { width:379px; } .col-4 { width:436px; } .col-4-5 { width:493px; } .col-5 { width:550px; } .col-5-5 { width:607px; } .col-6 { width:664px; } .col-6-5 { width:721px; } .col-7 { width:984px; } .colh-0-5 { height:37px; } .colh-1 { height:94px; } .colh-1-5 { height:151px; } .colh-2 { height:208px; } .colh-2-5 { height:265px; } .colh-3 { height:322px; } .colh-3-5 { height:379px; } .colh-4 { height:436px; } .colh-4-5 { height:493px; } .colh-5 { height:550px; } .colh-5-5 { height:607px; } .colh-6 { height:664px; } .colh-6-5 { height:721px; } .colh-7 { height:778px; } .cont-0-5 { width:57px; } .cont-1 { width:114px; } .cont-1-5 { width:171px; } .cont-2 { width:228px; } .cont-2-5 { width:285px; } .cont-3 { width:342px; } .cont-3-5 { width:399px; } .cont-4 { width:456px; } .cont-4-5 { width:513px; } .cont-5 { width:570px; } .cont-5-5 { width:627px; } .cont-6 { width:684px; } .cont-6-5 { width:741px; } .cont-7 { width:1004px; } .conth-0-5 { height:57px; } .conth-1 { height:114px; } .conth-1-5 { height:171px; } .conth-2 { height:228px; } .conth-2-5 { height:285px; } .conth-3 { height:342px; } .conth-3-5 { height:399px; } .conth-4 { height:456px; } .conth-4-5 { height:513px; } .conth-5 { height:570px; } .conth-5-5 { height:627px; } .conth-6 { height:684px; } .conth-6-5 { height:741px; } .conth-7 { height:798px; } .colp-0-5 { width:-3px; } .colp-1 { width:54px; } .colp-1-5 { width:111px; } .colp-2 { width:168px; } .colp-2-5 { width:225px; } .colp-3 { width:282px; } .colp-3-5 { width:339px; } .colp-4 { width:396px; } .colp-4-5 { width:453px; } .colp-5 { width:510px; } .colp-5-5 { width:567px; } .colp-6 { width:624px; } .colp-6-5 { width:681px; } .colp-7 { width:738px; } .colph-0-5 { height:-3px; } .colph-1 { height:54px; } .colph-1-5 { height:111px; } .colph-2 { height:168px; } .colph-2-5 { height:225px; } .colph-3 { height:282px; } .colph-3-5 { height:339px; } .colph-4 { height:396px; } .colph-4-5 { height:453px; } .colph-5 { height:510px; } .colph-5-5 { height:567px; } .colph-6 { height:624px; } .colph-6-5 { height:681px; } .colph-7 { height:738px; } /* Extra columns */ .col-r { width:300px; } .cont-r { width:320px; } .col-w { width:984px; } .cont-w { width:1004px; } /* Column margins - left, right, top, bottom */ .mleft-0-5 { margin-left:57px; } .mleft-1 { margin-left:114px; } .mleft-1-5 { margin-left:171px; } .mleft-2 { margin-left:228px; } .mleft-2-5 { margin-left:285px; } .mleft-3 { margin-left:342px; } .mleft-3-5 { margin-left:399px; } .mleft-4 { margin-left:456px; } .mleft-4-5 { margin-left:513px; } .mleft-5 { margin-left:570px; } .mleft-5-5 { margin-left:627px; } .mleft-6 { margin-left:684px; } .mleft-6-5 { margin-left:741px; } .mleft-7 { margin-left:1004px; } .mright-0-5 { margin-right:57px; } .mright-1 { margin-right:114px; } .mright-1-5 { margin-right:171px; } .mright-2 { margin-right:228px; } .mright-2-5 { margin-right:285px; } .mright-3 { margin-right:342px; } .mright-3-5 { margin-right:399px; } .mright-4 { margin-right:456px; } .mright-4-5 { margin-right:513px; } .mright-5 { margin-right:570px; } .mright-5-5 { margin-right:627px; } .mright-6 { margin-right:684px; } .mright-6-5 { margin-right:741px; } .mright-7 { margin-right:1004px; } .mtop-0-5 { margin-top:57px; } .mtop-1 { margin-top:114px; } .mtop-1-5 { margin-top:171px; } .mtop-2 { margin-top:228px; } .mtop-2-5 { margin-top:285px; } .mtop-3 { margin-top:342px; } .mtop-3-5 { margin-top:399px; } .mtop-4 { margin-top:456px; } .mtop-4-5 { margin-top:513px; } .mtop-5 { margin-top:570px; } .mtop-5-5 { margin-top:627px; } .mtop-6 { margin-top:684px; } .mtop-6-5 { margin-top:741px; } .mtop-7 { margin-top:1004px; } .mbottom-0-5 { margin-bottom:57px; } .mbottom-1 { margin-bottom:114px; } .mbottom-1-5 { margin-bottom:171px; } .mbottom-2 { margin-bottom:228px; } .mbottom-2-5 { margin-bottom:285px; } .mbottom-3 { margin-bottom:342px; } .mbottom-3-5 { margin-bottom:399px; } .mbottom-4 { margin-bottom:456px; } .mbottom-4-5 { margin-bottom:513px; } .mbottom-5 { margin-bottom:570px; } .mbottom-5-5 { margin-bottom:627px; } .mbottom-6 { margin-bottom:684px; } .mbottom-6-5 { margin-bottom:741px; } .mbottom-7 { margin-bottom:1004px; } /* Paddings - left, right, top, bottom */ .pleft-0-5{ padding-left:57px; } .pleft-1{ padding-left:114px; } .pleft-1-5{ padding-left:171px; } .pleft-2{ padding-left:228px; } .pleft-2-5{ padding-left:285px; } .pleft-3{ padding-left:342px; } .pleft-3-5{ padding-left:399px; } .pleft-4{ padding-left:456px; } .pleft-4-5{ padding-left:513px; } .pleft-5{ padding-left:570px; } .pleft-5-5{ padding-left:627px; } .pleft-6{ padding-left:684px; } .pleft-6-5{ padding-left:741px; } .pleft-7{ padding-left:1004px; } .pright-0-5 { padding-right:57px; } .pright-1 { padding-right:114px; } .pright-1-5 { padding-right:171px; } .pright-2 { padding-right:228px; } .pright-2-5 { padding-right:285px; } .pright-3 { padding-right:342px; } .pright-3-5 { padding-right:399px; } .pright-4 { padding-right:456px; } .pright-4-5 { padding-right:513px; } .pright-5 { padding-right:570px; } .pright-5-5 { padding-right:627px; } .pright-6 { padding-right:684px; } .pright-6-5 { padding-right:741px; } .pright-7 { padding-right:1004px; } .ptop-0-5 { padding-top:57px; } .ptop-1 { padding-top:114px; } .ptop-1-5 { padding-top:171px; } .ptop-2 { padding-top:228px; } .ptop-2-5 { padding-top:285px; } .ptop-3 { padding-top:342px; } .ptop-3-5 { padding-top:399px; } .ptop-4 { padding-top:456px; } .ptop-4-5 { padding-top:513px; } .ptop-5 { padding-top:570px; } .ptop-5-5 { padding-top:627px; } .ptop-6 { padding-top:684px; } .ptop-6-5 { padding-top:741px; } .ptop-7 { padding-top:1004px; } .pbottom-0-5 { padding-bottom:57px; } .pbottom-1 { padding-bottom:114px; } .pbottom-1-5 { padding-bottom:171px; } .pbottom-2 { padding-bottom:228px; } .pbottom-2-5 { padding-bottom:285px; } .pbottom-3 { padding-bottom:342px; } .pbottom-3-5 { padding-bottom:399px; } .pbottom-4 { padding-bottom:456px; } .pbottom-4-5 { padding-bottom:513px; } .pbottom-5 { padding-bottom:570px; } .pbottom-5-5 { padding-bottom:627px; } .pbottom-6 { padding-bottom:684px; } .pbottom-6-5 { padding-bottom:741px; } .pbottom-7 { padding-bottom:1004px; } /* General @media columns */ @media screen and (min-width:1400px){ .cont-w{ width:1064px; } .col-w{ width:1004px; } } @media screen and (max-width:1180px){ .cont-7, .mq-large-cont{ width:684px; } .col-w, .col-7, .mq-large-col{ width:664px; } } @media screen and (max-width:767px){ /*--- Margins to percentages ---*/ .col-w, .col-r, .col-0-5, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-5-5, .col-6-5, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .colp-0-5, .colp-1-5, .colp-2-5, .colp-3-5, .colp-4-5, .colp-5-5, .colp-6-5, .colp-1, .colp-2, .colp-3, .colp-4, .colp-5, .colp-6, .colp-7{ margin-right:3%; } .col-mb{ margin-bottom:3%; } /*--- Widths to percentages ---*/ .cont-r, .cont-0-5, .cont-1-5, .cont-2-5, .cont-3-5, .cont-4-5, .cont-5-5, .cont-6-5, .cont-1, .cont-2, .cont-3, .cont-4, .cont-5, .cont-6, .cont-7{ width:100%; } .col-w, .col-r, .col-0-5, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-5-5, .col-6-5, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .colp-0-5, .colp-1-5, .colp-2-5, .colp-3-5, .colp-4-5, .colp-5-5, .colp-6-5, .colp-1 .colp-2 .colp-3 .colp-4 .colp-5 .colp-6 .colp-7 { width:97%; } .col-1{ width:97%; } .col-2{ width:30.33%; } .col-3{ width:47%; } } @media screen and (max-width:600px){ /*--- Margins to percentages ---*/ .col-w, .col-r, .col-0-5, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-5-5, .col-6-5, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .colp-0-5, .colp-1-5, .colp-2-5, .colp-3-5, .colp-4-5, .colp-5-5, .colp-6-5, .colp-1, .colp-2, .colp-3, .colp-4, .colp-5, .colp-6, .colp-7{ margin-right:4%; } .col-mb{ margin-bottom:4%; } /*--- Widths to percentages ---*/ .col-w, .col-r, .col-0-5, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-5-5, .col-6-5, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .colp-0-5, .colp-1-5, .colp-2-5, .colp-3-5, .colp-4-5, .colp-5-5, .colp-6-5, .colp-1 .colp-2 .colp-3 .colp-4 .colp-5 .colp-6 .colp-7 { width:96%; } .col-1{ width:96%; } .col-2{ width:46%; } .col-3{ width:46%; } } @media screen and (max-width:440px){ /*--- Margins to percentages ---*/ .col-w, .col-r, .col-0-5, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-5-5, .col-6-5, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .colp-0-5, .colp-1-5, .colp-2-5, .colp-3-5, .colp-4-5, .colp-5-5, .colp-6-5, .colp-1, .colp-2, .colp-3, .colp-4, .colp-5, .colp-6, .colp-7{ margin-right:5%; } .col-mb{ margin-bottom:5%; } /*--- Widths to percentages ---*/ .cont-r, .cont-0-5, .cont-1-5, .cont-2-5, .cont-3-5, .cont-4-5, .cont-5-5, .cont-6-5, .cont-1, .cont-2, .cont-3, .cont-4, .cont-5, .cont-6, .cont-7{ width:100%; } .col-w, .col-r, .col-0-5, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-5-5, .col-6-5, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .colp-0-5, .colp-1-5, .colp-2-5, .colp-3-5, .colp-4-5, .colp-5-5, .colp-6-5, .colp-1 .colp-2 .colp-3 .colp-4 .colp-5 .colp-6 .colp-7 { width:95%; } .col-2{ width:95%; } .col-3{ width:95%; } } /* Clear cols */ @media screen and (min-width:601px){ .col-2.clear-3{ clear:left; } } @media screen and (max-width:600px){ .col-2.clear-2{ clear:left; } .col-3.clear-2{ clear:left; } } @media screen and (max-width:440px){ .col-2.clear-1{ clear:left; } .col-3.clear-1{ clear:left; } .col-6.clear-1{ clear:left; } } /* -------------------- Helpers -------------------- */ /* * Paragraphs */ .break-words{ -ms-word-break:break-all; word-break:break-word; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; } .break-all-words, .break-all-words p, .break-all-words span, .break-all-words em, .break-all-words ul, .break-all-words a{ -ms-word-break:break-all; word-break:break-word; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; } .break-p-words p{ -ms-word-break:break-all; word-break:break-word; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; } .break-span-words span{ -ms-word-break:break-all; word-break:break-word; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; } /* * First/Last */ .last{ margin-right:0!important; } /* * Underlines/Borders */ .no-ul, .no-ul:active{ text-decoration:none; } .ul{ text-decoration:underline; } /* * Alignment */ .left{ display:inline; float:left; } .right{ float:right; } .abs-left{ left:0; } .abs-right{ right:0; } .center{ margin-left:auto; margin-right:auto; } .center-text{ text-align:center; } /* * Old-school Clear */ .clear{ clear:both; font-size:0px; line-height:0px!important; height:0px!important; margin:0px!important; padding:0px!important; } .clear-left{ clear:left; } .clear-right{ clear:right; } .clear-both{ clear:both; } /* * Modern Clear */ .clearfix:before, .clearfix:after{ content:""; display:table; } .clearfix:after{ clear:both; } .clearfix{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } /* * Overflow */ .overflow{ overflow:visible; } .overflow-hidden{ overflow:hidden; } /* * Vertical align * - add line-height to parent element, must equal parent height. */ .valign, .valign-top, .valign-bottom{ display:-moz-inline-stack;display:inline-block; zoom:1; *display:inline; vertical-align:middle; } .valign-top{ vertical-align:top; } .valign-bottom{ vertical-align:bottom; } /* * Vertical align (simple) */ .valign-fixed{ position:relative; height:100%; } .valign-fixed .valign-content{ position:absolute; width:100%; top:50%; left:0; } /* * Vertical Alignment */ .valign-outer{ display:table; position:absolute; top:0; height:100%; width:100%; overflow:visible; } .ie6 .valign-outer, .ie7 .valign-outer{ display:-moz-inline-stack;display:inline-block; zoom:1; *display:inline; overflow:hidden; } .valign-wrapper{ display:table-cell; vertical-align:middle; width:100%; overflow:hidden; margin:0 auto; } .ie6 .valign-wrapper, .ie7 .valign-wrapper{ display:-moz-inline-stack;display:inline-block; zoom:1; *display:inline; top:50%; position:relative; overflow:visible; } .valign-inner{ margin:0 auto; width:auto; overflow:visible; position:relative; } .ie6 .valign-inner, .ie7 .valign-inner{ display:-moz-inline-stack;display:inline-block; zoom:1; *display:inline; top:-50%; position:relative; } /* * Margins + Paddings */ .padding, .ptop{ padding-top:20px; } .padding-full, .ptop-full{ padding-top:30px; } .padding-half, .ptop-half{ padding-top:15px; } .ptop-line{ padding-top:29px; } .padding, .pbottom{ padding-bottom:20px; } .padding-full, .pbottom-full{ padding-bottom:30px; } .padding-half, .pbottom-half{ padding-bottom:15px; } .pleft{ padding-left:20px; } .pright{ padding-right:20px; } .margin, .mtop{ margin-top:20px; } .margin-full, .mtop-full{ margin-top:30px; } .margin-half, .mtop-half{ margin-top:15px; } .margin, .mbottom{ margin-bottom:20px; } .margin-full, .mbottom-full{ margin-bottom:30px; } .margin-half, .mbottom-half{ margin-bottom:15px; } .mleft{ margin-left:20px; } .mright{ margin-right:20px; } /* Margin top */ .mtn{ margin-top:0; } /*.mtxs{ margin-top:10px; } .mts{ margin-top:45px; } .mtm{ margin-top:100px; } .mtl{ margin-top:140px; } .mtxl{ margin-top:180px; } .mtxxl{ margin-top:220px; } .mtxxxl{ margin-top:260px; }*/ /* Margin bottom */ .mbn{ margin-bottom:0; } /*.mbxs{ margin-bottom:10px; } .mbs{ margin-bottom:45px; } .mbm{ margin-bottom:100px; } .mbl{ margin-bottom:140px; } .mbxl{ margin-bottom:180px; } .mbxxl{ margin-bottom:220px; } .mbxxxl{ margin-bottom:260px; }*/ /* Padding top */ .ptn{ padding-top:0; } /*.ptxs{ padding-top:25px; } .pts{ padding-top:45px; } .ptm{ padding-top:100px; } .ptl{ padding-top:140px; } .ptxl{ padding-top:180px; } .ptxxl{ padding-top:220px; } .ptxxxl{ padding-top:260px; }*/ /* Padding bottom */ .pbn{ padding-bottom:0; } /*.pbxs{ padding-bottom:25px; } .pbs{ padding-bottom:45px; } .pbm{ padding-bottom:100px; } .pbl{ padding-bottom:140px; } .pbxl{ padding-bottom:180px; } .pbxxl{ padding-bottom:220px; } .pbxxxl{ padding-bottom:260px; }*/ /* * Click through */ .click-through{ pointer-events:none; } /* * Mouse cursors */ /* Hand point */ .cursor-hand{ cursor:pointer; cursor:hand; } .jover{ cursor:pointer; cursor:hand; } /* * Horizontal Rules */ hr{ display:-moz-inline-stack;display:inline-block; zoom:1; *display:inline; border:0; border-top:1px solid #C8C9CB; } .short-hr{ width:95px; } /* * Borders */ .top-line, .top-line-gap{ border-top:1px solid #CE9DAB; } .bottom-line, .bottom-line-gap{ border-bottom:1px solid #CE9DAB; } .bottom-line-gap{ padding-bottom:15px; } .top-line-light, .top-line-light-gap{ border-top:1px solid #C8C9CB; } .bottom-line-light, .bottom-line-light-gap{ border-bottom:1px solid #C8C9CB; } .bottom-line-light-gap{ padding-bottom:15px; } .top-line-none{ border-top:0; } .bottom-line-none{ border-bottom:0; } .top-line-gap > h1, .top-line-gap > .title, .top-line-light-gap > h1, .top-line-light-gap > .title{ padding-top:15px; } .top-line-gap > h2, .top-line-gap > h3, .top-line-gap > .large, .top-line-gap > h4, .top-line-gap > .medium, .top-line-light-gap > h2, .top-line-light-gap > h3, .top-line-light-gap > .large, .top-line-light-gap > h4, .top-line-light-gap > .medium{ padding-top:12px; } /* * Reveal content */ .reveal{ display:block; position:relative; overflow:hidden; height:0; } /* * Columns */ .has-columns, .has-columns-2{ -webkit-column-count:2; -moz-column-count:2; -ms-column-count:2; column-count:2; -webkit-column-gap:0px; -moz-column-gap:0px; -ms-column-gap:0px; column-gap:0px; } .has-columns-3{ -webkit-column-count:3; -moz-column-count:3; -ms-column-count:3; column-count:3; -webkit-column-gap:0px; -moz-column-gap:0px; -ms-column-gap:0px; column-gap:0px; } /* Media Queries */ @media screen and (max-width:970px){ .has-columns, .has-columns-2{ -webkit-column-count:2; -moz-column-count:2; -ms-column-count:2; column-count:2; -webkit-column-gap:0px; -moz-column-gap:0px; -ms-column-gap:0px; column-gap:0px; } .has-columns-3{ -webkit-column-count:2; -moz-column-count:2; -ms-column-count:2; column-count:2; -webkit-column-gap:0px; -moz-column-gap:0px; -ms-column-gap:0px; column-gap:0px; } } @media screen and (max-width:600px){ .has-columns, .has-columns-2{ -webkit-column-count:1; -moz-column-count:1; -ms-column-count:1; column-count:1; -webkit-column-gap:0px; -moz-column-gap:0px; -ms-column-gap:0px; column-gap:0px; } .has-columns-3{ -webkit-column-count:1; -moz-column-count:1; -ms-column-count:1; column-count:1; -webkit-column-gap:0px; -moz-column-gap:0px; -ms-column-gap:0px; column-gap:0px; } } /* * Performance * increase */ .perfinc{ -webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden; transform: translateZ(0);-o-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);-webkit-transform: translateZ(0); } /* * Background colours */ .light-bg{ background-color:#F0F1F1; }/* -------------------- Fonts -------------------- */ /*@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=9a537565-ee8b-41f5-bbc6-868b21210d8d");*/ @font-face{ font-family: "FuturaLTW04-Book"; src: url("/assets/fonts/Jost-Regular.ttf") format("truetype"); } @font-face{ font-family:"SabonLTW04"; src: url(/assets/fonts/EBGaramond-Regular.woff2) format('woff2'); font-weight:normal; font-style:normal; } @font-face{ font-family:"SabonLTW04"; src: url(/assets/fonts/EBGaramond-SemiBold.woff2) format('woff2'); font-weight:bold; font-style:normal; } /* -------------------- General CSS -------------------- */ /*---Reset Stylesheet---*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, a, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } /*---HTML5 Definitions---*/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block; } /*---General CSS---*/ h1, h2, h3, .title{ font:35px/40px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; color:#850C2E; margin-bottom:20px; } .lang-zh h1, .lang-zh h2, .lang-zh h3, .lang-zh .title{ font:35px/40px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } h2, h3, .large{ color:#850C2E; font:bold 20px/27px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; margin-bottom:15px; } .lang-zh h2, .lang-zh h3, .lang-zh .large{ font:bold 20px/27px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } h4, h5, .medium{ font:bold 17px/27px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; margin-bottom:15px; } .lang-zh h4, .lang-zh h5, .lang-zh .medium{ font:bold 17px/27px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .medium-light{ font:17px/27px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; margin-bottom:15px; } .lang-zh .medium-light{ font:; } .medium-thin{ font:bold 17px/20px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; margin-bottom:15px; } .lang-zh .medium-thin{ font:; } .small{ font:16px/22px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .lang-zh .small{ font:16px/25px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .small-bold{ font:bold 16px/22px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .lang-zh .small-bold{ font:bold 16px/25px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .tiny{ font:14px/14px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .lang-zh .tiny{ font:; } /* Media Queries */ @media screen and (max-width:830px){ h1, h2, h3, .title{ font:35px/40px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .lang-zh h1, .lang-zh h2, .lang-zh h3, .lang-zh .title{ font:35px/40px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } h2, h3, .large{ font:bold 20px/27px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .lang-zh h2, .lang-zh h3, .lang-zh .large{ font:18px/20px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } h4, .medium{ font:bold 17px/27px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .lang-zh h4, .lang-zh .medium{ font:18px/20px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .medium-light{ font:; } .lang-zh .medium-light{ font:; } .medium-thin{ font:; } .lang-zh .medium-thin{ font:; } } @media screen and (max-width:440px){ h1, h2, h3, .title{ font:30px/32px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .lang-zh h1, .lang-zh h2, .lang-zh h3, .lang-zh .title{ font:35px/40px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } h2, h3, .large{ font:bold 18px/25px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .lang-zh h2, .lang-zh h3, .lang-zh .large{ font:bold 18px/20px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } h4, .medium{ font:bold 18px/28px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .lang-zh h4, .lang-zh .medium{ font:bold 18px/20px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .medium-light{ font:bold 18px/28px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .lang-zh .medium-light{ font:bold 18px/20px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .medium-thin{ font:; } .lang-zh .medium-thin{ font:; } } p{ margin-bottom:15px; } a, a:active{ color:#850C2E; text-decoration:none; transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; } a:hover, a.jover-active{ color:#262626; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; } a.selected{ color:#850C2E; } a img{ border:0; } .dark{ color:#262626; } a.dark:hover, .dark a:hover{ color:#850C2E; } .high{ color:#850C2E; } /* Box buttons */ .button{ display:block; position:relative; clear:both; padding:2px 0 3px; margin-bottom:15px; background:#850C2E; font:17px/25px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; color:#FFF; text-align:center; text-decoration:none; } .button.last{ margin-bottom:0; } .button:hover{ color:#F0F1F1; } em{ color:#F0F1F1; font:; } em a{ color:#F0F1F1; } em a:hover{ color:#850C2E; } strong{ color:#850C2E; font:17px/25px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .error{ color:#850C2E; } .i{ font-style:italic; } img{ outline:none; overflow:hidden; /* Hide overflowing alt text */ } .ie img{ -ms-interpolation-mode:bicubic; } /* ie7+ */ .dynamic-img img{ display:block; width:100%; height:auto; } figure{ padding-top:10px; padding-bottom:20px; max-width:664px; } p img{ padding-top:10px; padding-bottom:10px; } p img.top{ padding-bottom:0px; padding-top:20px; } p img.bottom{ padding-top:0px; } p img.bottom.image-first{ margin-top:-10px; } figure > div{ display:table; } /* Caption */ figcaption{ display:table-caption; caption-side:bottom; font:16px/22px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; font-style:italic; } /* Left */ figure.left, img.left, figure.left-inline, img.left-inline{ display:block; float:none; padding:10px 40px 20px 0; max-width:436px; } img.left{ padding-bottom: 10px; } figure.left-inline, img.left-inline{ display:inline; float:left; } figure .left{ float:none; margin:0; padding:0; } /* Right */ figure.right, img.right{ display:inline; float:right; margin-right:-114px; padding:20px 0 20px 40px; max-width:322px; } figure.right.image-first, img.right.image-first{ padding-top:3px; } figure .right{ float:none; margin:0; padding:0; } img.right{ padding-bottom:20px; } /* Image */ figure.top{ padding-bottom:10px; padding-top:20px; } figure.bottom{ padding-top:0px; } figure.bottom.image-first{ margin-top:-10px; } figure img{ display:block; width:auto; height:auto; max-width:100%; margin-bottom:5px; } /* Media Queries */ @media screen and (max-width:767px){ figure.left, img.left{ padding:20px 0 20px 0; } figure.right, img.right{ display:block; float:none; margin-right:0; padding:20px 0 20px 0; } } ul, ol{ margin-left:20px; } li{ margin-bottom:15px } table{ border-collapse:collapse; border-spacing:0; table-layout:fixed; margin-bottom:15px; } td, th{ padding:0 0 5px 0; text-align:left; } input, select{ margin:0; padding:0; border:0; outline:0; vertical-align:middle; } input{ } address{ font-style:normal; } /* -------------------- Layout -------------------- */ html{ height:100%; overflow-y:scroll; } body{ height:100%; font:17px/25px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; color:#262626; background:#FFF; } .ie body, .ie body{ min-width:1064px; } .lang-zh body{ font:18px/29px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .wrapper{ height:100%; } .body{ position:relative; top:0; left:0; pointer-events: none; } .page{ position:relative; } .page:before, .page:after{ content:""; display:table; } .page:after{ clear:both; } .page{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .content{ width:1004px; padding-left:20px; margin-left:auto; margin-right:auto; background:#fff; pointer-events: all; } .content:before, .content:after{ content:""; display:table; } .content:after{ clear:both; } .content{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } /* Left side */ .left-side{ display:inline; float:left; clear:left; width:684px; margin-bottom:20px; } .left-side:before, .left-side:after{ content:""; display:table; } .left-side:after{ clear:both; } .left-side{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } /* Right side */ .right-side{ float:right; width:320px; margin-bottom:20px; } .right-side:before, .right-side:after{ content:""; display:table; } .right-side:after{ clear:both; } .right-side{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .right-side .col{ margin-right:20px; } .right-side .banner, .right-side section{ margin-bottom:40px; } /* Media Queries */ @media screen and (min-width:1400px){ .mq-content{ width:1024px; } } @media screen and (max-width:1180px){ .mq-content, .mq-left-side{ width:684px; } .mq-right-side{ width:684px; } } @media screen and (max-width:767px){ .mq-content{ padding-left:3%; width:97%; } .mq-left-side, .mq-right-side{ width:100%; } } @media screen and (max-width:600px){ .mq-content{ padding-left:4%; width:96%; } } @media screen and (max-width:440px){ .mq-content{ padding-left:5%; width:95%; } } /* Top side */ .top-side{ padding-top:20px; } .top-side .social-menu{ display:none; text-align:center; } .top-side .social-menu li{ margin-right:20px; } .mobile-active .social-menu{ display:block; } /*--- Header/Footer ---*/ .page-header{ position:relative; height:auto; background:#850C2E; cursor:default; z-index:3; } .page-header .main{ height:auto; margin:0 auto; } .page-header a, .page-header a:active{ color:#CE9DAB; text-transform:uppercase; } .page-header a:hover{ color:#FFF; } /* Logo */ .page-header .logo{ position:relative; top:30px; margin:0 auto; width:323px; height:56px; background:url(/assets/images/logos/decanter_china_logo.png) no-repeat center center; } @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 971px), screen and (min-resolution: 144dpi) and (min-width: 971px), screen and (min-resolution: 1.5dppx) and (min-width: 971px){ .page-header .logo{ background-image:url("/assets/images/logos/decanter_china_logo_x3.png"); background-size:323px 56px; } } @media screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 971px), screen and (min-resolution: 192dpi) and (min-width: 971px), screen and (min-resolution: 2dppx) and (min-width: 971px){ .page-header .logo{ background-image:url("/assets/images/logos/decanter_china_logo_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3) and (min-width: 971px), screen and (min-resolution: 288dpi) and (min-width: 971px), screen and (min-resolution: 3dppx) and (min-width: 971px){ .page-header .logo{ background-image:url("/assets/images/logos/decanter_china_logo_x3.png"); } } .page-header .logo a{ display:block; width:100%; height:100%; text-indent:-9999px; white-space:nowrap; overflow:hidden; } /* Media Queries */ @media screen and (max-width:1180px){ .page-header .logo{ top:40px; } } @media screen and (max-width:970px){ .page-header .logo{ top:15px; width:120px; height:21px; background-image:url(/assets/images/logos/decanter_china_mobile_logo.png?v1); } } @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 970px), screen and (min-resolution: 144dpi) and (max-width: 970px), screen and (min-resolution: 1.5dppx) and (max-width: 970px){ .page-header .logo{ background-image:url("/assets/images/logos/decanter_china_mobile_logo_x3.png"); background-size:120px 21px; } } @media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 970px), screen and (min-resolution: 192dpi) and (max-width: 970px), screen and (min-resolution: 2dppx) and (max-width: 970px){ .page-header .logo{ background-image:url("/assets/images/logos/decanter_china_mobile_logo_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 970px), screen and (min-resolution: 288dpi) and (max-width: 970px), screen and (min-resolution: 3dppx) and (max-width: 970px){ .page-header .logo{ background-image:url("/assets/images/logos/decanter_china_mobile_logo_x3.png"); } } .page-footer{ position:relative; } .page-footer > div{ margin:0 auto; padding-top:20px; padding-bottom:20px; } .page-footer .copyright{ margin-right:20px; font:16px/22px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .page-footer .br{ display:none; } /* Media Query */ @media screen and (max-width:970px){ .page-footer .br{ display:inline; } .page-footer .mobile-break{ display:none; } } @media screen and (max-width:600px){ .page-footer .copyright{ display:inline; float:left; } } @media screen and (max-width:440px){ .page-footer{ padding-bottom:60px; } } /*---Mobile menu---*/ .mobile-buttons{ display:none; position:absolute; top:18px; left:20px; line-height:0; } .mobile-buttons .icon{ margin-right:40px; } /* Media Query */ @media screen and (max-width:970px){ .mobile-buttons{ display:block; } } @media screen and (max-width:420px){ .mobile-buttons .icon{ margin-right:20px; } } /*---Menu wrapper---*/ .menu-wrapper{ margin-top:55px; background:#850C2E; } /* Media Queries */ @media screen and (max-width:970px){ .menu-wrapper{ margin-top:29px; height:1px; } } /*--- Mobile menu ---*/ .mobile-menu{ display:none; position:absolute; top:0; padding-top:50px; left:0; right:0; height:100%; max-height:0; transition: max-height 1s ease; -webkit-transition: max-height 1s ease; -moz-transition: max-height 1s ease; -o-transition: max-height 1s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#FFF; z-index:2; } .mobile-menu.open{ max-height:800px; } .mobile-menu.open + .body{ position:absolute; overflow:hidden; top:0; width:100%; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Middle menu */ .mobile-menu .middle-menu{ display:block; height:auto; overflow:hidden; max-height:0; transition: max-height 1s ease; -webkit-transition: max-height 1s ease; -moz-transition: max-height 1s ease; -o-transition: max-height 1s ease; text-align:left; background:#FFF; } .mobile-menu.open .middle-menu{ max-height:800px; } .mobile-menu .middle-menu ul{ background:transparent; } .mobile-menu .main-menu > li, .mobile-menu .extra-menu > li{ display:block; margin:0 20px 10px 20px; } /* Main menu */ .mobile-menu .middle-menu .main-menu{ margin-top:15px; } /* Hide search */ .mobile-menu .middle-menu .icon-search-alt{ display:none; } /* Sub menu */ .mobile-menu .middle-menu .sub-menu{ position:static; height:auto; overflow:visible; border-top:0 none; transition: max-height 0.7s ease-in-out; -webkit-transition: max-height 0.7s ease-in-out; -moz-transition: max-height 0.7s ease-in-out; -o-transition: max-height 0.7s ease-in-out; } .mobile-menu .middle-menu .sub-menu ul{ display:block; float:none; } /* Extra menu */ .mobile-menu .middle-menu .extra-menu{ display:block; margin-bottom:30px; } /* Social menu */ .mobile-menu .social-menu{ position:absolute; top:0; right:0; margin-top:15px; margin-bottom:30px; } .mobile-menu .social-menu .icon{ float:left; clear:left; height:auto; background-position:right top; } .mobile-menu .middle-menu .social-menu a{ height:17px; background-position:right top; } /* Right menu */ .mobile-menu .right-menu{ display:none; } /* Media Queries */ @media screen and (max-width:970px){ .mobile-active .mobile-menu{ display:block; } } /*---Main menu---*/ .middle-menu{ position:relative; width:100%; height:30px; text-align:center; } .middle-menu .extra-menu{ display:none; } .middle-menu ul{ height:100%; margin:0; line-height:0; font-size:0; background:#850C2E; } .middle-menu > ul > li{ position:relative; display:-moz-inline-stack;display:inline-block; zoom:1; *display:inline; vertical-align:top; list-style:none; height:100%; margin:0 40px 0 0; font:14px/14px "FuturaLTW04-Book", Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Sans-Serif; overflow:visible; } .lang-zh .middle-menu > ul > li{ font:16px/12px "FuturaLTW04-Book", Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Sans-Serif; } .middle-menu .top-level > li > a{ display:block; height:100%; text-transform:uppercase; text-decoration:none; } .menu-wrapper .top-level > li > a:hover, .menu-wrapper .top-level > li.hovering > a, .menu-wrapper .top-level > .active > a{ color:#FFF; } /* Media Queries */ @media screen and (max-width:1180px){ .middle-menu ul > li{ margin-right:20px; } } @media screen and (max-width:970px){ .page-header .middle-menu{ display:none; } .page-header .middle-menu .extra-menu{ display:block; } } /*--- Sub menu ---*/ .middle-menu .sub-menu{ position:absolute; overflow:hidden; height:0; width:300px; top:100%; left:-20px; margin-top:-1px; background:transparent; z-index:1; } .ie7 .middle-menu .sub-menu{ width:320px; } .middle-menu .has-sub:hover .sub-menu{ height:auto; } .middle-menu .sub-menu ul{ display:inline; float:left; list-style:none; font:14px/14px "FuturaLTW04-Book", Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Sans-Serif; text-align:left; background:transparent; } .ie7 .middle-menu .sub-menu ul{ margin-left:-20px; } .middle-menu .sub-menu ul > li{ position:relative; clear:left; margin:0; padding:0 20px 10px; } .middle-menu .sub-menu .first{ margin-top:10px; } .middle-menu .sub-menu ul > li a{ display:block; color:#CE9DAB; text-decoration:none; text-transform:uppercase; } .middle-menu .sub-menu ul > li a:hover, .middle-menu .sub-menu ul > .active a{ color:#850C2E; } /* Dropdown background */ .underlay{ position:absolute; top:30px; margin-top:-1px; width:100%; height:0; border-bottom:1px solid #850C2E; background:#FFF; } /*--- Dropdown section ---*/ .dropdown-section{ position:relative; overflow:hidden; height:0; height:800px; /* Temporary for build */ bottom:0; left:0; margin-top:-1px; border-bottom:1px solid #850C2E; background:#FFF; } .dropdown-section.active{ height:auto; } /*--- Left/Right menu ---*/ .left-menu ul, .right-menu ul{ display:inline; float:left; line-height:0; } .left-menu li, .right-menu li{ display:inline; float:left; margin-bottom:0; margin-right:20px; font:11px/11px "FuturaLTW04-Book", Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Sans-Serif; color:#FFF; } .left-menu a, .right-menu a{ font:11px/11px "FuturaLTW04-Book", Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Sans-Serif; } /*--- Left menu ---*/ .left-menu{ position:absolute; top:0; left:0; } .left-menu ul{ margin:20px 0 0 20px; } /* Social menu */ .social-menu{ } /* Media Queries */ @media screen and (max-width:970px){ .left-menu .social-menu{ display:none; } } /*--- Right menu ---*/ .right-menu{ position:absolute; top:0; right:0; } .right-menu ul{ margin:20px 20px 0 0; } /* Language menu */ .langs-menu{} .langs-menu li{ margin-right:5px; } /* Extra menu */ .extra-menu{} /* Media Queries */ @media screen and (max-width:970px){ .right-menu .extra-menu{ display:none; } } /*--- Crumbs menu ---*/ .crumbs{ margin-bottom:15px; } .crumbs:before, .crumbs:after{ content:""; display:table; } .crumbs:after{ clear:both; } .crumbs{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .crumbs-menu{ margin-left:0; } .crumbs-menu li{ display:inline; float:left; list-style:none; margin-right:10px; margin-bottom:0; /* Arrow*/ padding-right:15px; background:url("/assets/images/icons/arrow_small_right.png") no-repeat center right; /* Font */ font:11px/21px "FuturaLTW04-Book", Arial, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Sans-Serif; color:#850C2E; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .crumbs-menu li{ background-image:url("/assets/images/icons/arrow_small_right_x3.png"); background-size:5px 9px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .crumbs-menu li{ background-image:url("/assets/images/icons/arrow_small_right_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .crumbs-menu li{ background-image:url("/assets/images/icons/arrow_small_right_x3.png"); } } .crumbs-menu .last{ padding-right:0; background:0; } .crumbs-menu a{ display:block; text-decoration:none; text-transform:uppercase; } .crumbs-menu a:hover{ color:#850C2E; } /*--- Pagination ---*/ .pagination{ } /* Default */ .pagination ul{ list-style:none; margin-left:0; font-size:0; line-height:0; } .pagination li{ display:-moz-inline-stack;display:inline-block; zoom:1; *display:inline; vertical-align:middle; margin-right:10px; margin-bottom:0; font:16px/22px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .pagination a{ padding:0; color:#929292; } .pagination .active a{ color:#262626; } .pagination a:hover, .pagination .active a:hover{ color:#850C2E; } .pagination .prev a, .pagination .next a{ color:#850C2E; } .pagination .prev a:hover, .pagination .next a:hover{ color:#262626; } /* Disabled */ .pagination .prev.disabled, .pagination .next.disabled{ filter: alpha(opacity=20) ; opacity: 0.2; zoom: 1 ; } .pagination .prev.disabled a, .pagination .next.disabled a{ cursor:default; } /* Simple */ .pagination-simple li{ font:17px/17px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .pagination-simple .first a{ padding-left:30px; } .pagination-simple .last a{ padding-right:30px; } /*-------------------------------------------------------------------------------------------------*/ /* * Scrollbar * * - Google Chrome * :horizontal The horizontal pseudo-class applies to any scrollbar pieces that have a horizontal orientation. * :vertical The vertical pseudo-class applies to any scrollbar pieces that have a vertical orientation. * :decrement The decrement pseudo-class applies to buttons and track pieces. It indicates whether or not the button or track piece will decrement the views position when used (e.g., up on a vertical scrollbar, left on a horizontal scrollbar). * :increment The increment pseudo-class applies to buttons and track pieces. It indicates whether or not a button or track piece will increment the views position when used (e.g., down on a vertical scrollbar, right on a horizontal scrollbar). * :start The start pseudo-class applies to buttons and track pieces. It indicates whether the object is placed before the thumb. * :end The end pseudo-class applies to buttons and track pieces. It indicates whether the object is placed after the thumb. * :double-button The double-button pseudo-class applies to buttons and track pieces. It is used to detect whether a button is part of a pair of buttons that are together at the same end of a scrollbar. For track pieces it indicates whether the track piece abuts a pair of buttons. * :single-button The single-button pseudo-class applies to buttons and track pieces. It is used to detect whether a button is by itself at the end of a scrollbar. For track pieces it indicates whether the track piece abuts a singleton button. * :no-button Applies to track pieces and indicates whether or not the track piece runs to the edge of the scrollbar, i.e., there is no button at that end of the track. * :corner-present Applies to all scrollbar pieces and indicates whether or not a scrollbar corner is present. * :window-inactive Applies to all scrollbar pieces and indicates whether or not the window containing the scrollbar is currently active. (In recent nightlies, this pseudo-class now applies to ::selection as well. We plan to extend it to work with any content and to propose it as a new standard pseudo-class.) * */ /* Chrome */ /*--- .scrollbar-content ---*/ .scrollbar-content::-webkit-scrollbar{ width:6px; height:5px; background:transparent; border-left:0px solid #EEEEEE; border-right:0px solid #EEEEEE; border-top:0px solid #EEEEEE; border-bottom:0px solid #EEEEEE; } .scrollbar-content::-webkit-scrollbar-thumb{ background:transparent; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE; border-top:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE; } ..scrollbar-content::-webkit-scrollbar-thumb:vertical{ background:#EEEEEE; } ..scrollbar-content::-webkit-scrollbar-thumb:horizontal{ background:#EEEEEE; } /*-------------------------------------------------------------------------------------------------*/ /* * Icons * */ /*--- Setup ---*/ .icons{ font-size:0; line-height:0; } .icon{ position:relative; display:-moz-inline-stack;display:inline-block; zoom:1; *display:inline; vertical-align:middle; } .icon > a{ display:block; width:100%; height:100%; position:relative; text-indent:-9999px; white-space:nowrap; overflow:hidden; filter: alpha(opacity=0) ; opacity: 0; zoom: 1 ; } .icon > a:hover,.icon.active > a,.icon.hovering > a{ filter: alpha(opacity=100) ; opacity: 1; zoom: 1 ; } .icon, .icon > a{ transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; } .icon.icon-active, .icon.icon-active > a{ background-position:center top; } /*--- General ---*/ .icon-search, .icon-search-alt, .icon-search-alt > a{ width:16px; height:16px; background:url("/assets/images/icons/search.png") no-repeat right top; } .icon-search-alt{ background-position:left top; } .icon-search-alt > a{ background-position:center top; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .icon-search{ background-image:url("/assets/images/icons/search_x3.png"); background-size:48px 16px; } .icon-search-alt{ background-image:url("/assets/images/icons/search_x3.png"); background-size:48px 16px; } .icon-search-alt > a{ background-image:url("/assets/images/icons/search_x3.png"); background-size:48px 16px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .icon-search{ background-image:url("/assets/images/icons/search_x2.png"); } .icon-search-alt{ background-image:url("/assets/images/icons/search_x2.png"); } .icon-search-alt > a{ background-image:url("/assets/images/icons/search_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .icon-search{ background-image:url("/assets/images/icons/search_x3.png"); } .icon-search-alt{ background-image:url("/assets/images/icons/search_x3.png"); } .icon-search-alt > a{ background-image:url("/assets/images/icons/search_x3.png"); } } .icon-menu{ width:18px; height:16px; background:url("/assets/images/icons/mobile_button.png") no-repeat center top; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .icon-menu{ background-image:url("/assets/images/icons/mobile_button_x3.png"); background-size:18px 16px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .icon-menu{ background-image:url("/assets/images/icons/mobile_button_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .icon-menu{ background-image:url("/assets/images/icons/mobile_button_x3.png"); } } /*--- Social ---*/ /* Weibo */ .icon-weibo, .icon-weibo-alt, .icon-weibo-alt a{ width:19px; height:17px; background:url("/assets/images/icons/social_weibo.png") no-repeat right top; } .icon-weibo-alt{ background-position:left top; } .icon-weibo-alt a{ background-position:center top; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .icon-weibo{ background-image:url("/assets/images/icons/social_weibo_x3.png"); background-size:57px 17px; } .icon-weibo-alt{ background-image:url("/assets/images/icons/social_weibo_x3.png"); background-size:57px 17px; } .icon-weibo-alt a{ background-image:url("/assets/images/icons/social_weibo_x3.png"); background-size:57px 17px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .icon-weibo{ background-image:url("/assets/images/icons/social_weibo_x2.png"); } .icon-weibo-alt{ background-image:url("/assets/images/icons/social_weibo_x2.png"); } .icon-weibo-alt a{ background-image:url("/assets/images/icons/social_weibo_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .icon-weibo{ background-image:url("/assets/images/icons/social_weibo_x3.png"); } .icon-weibo-alt{ background-image:url("/assets/images/icons/social_weibo_x3.png"); } .icon-weibo-alt a{ background-image:url("/assets/images/icons/social_weibo_x3.png"); } } /* RSS */ .icon-rss, .icon-rss-alt, .icon-rss-alt a{ width:17px; height:17px; background:url("/assets/images/icons/social_rss.png") no-repeat right top; } .icon-rss-alt{ background-position:left top; } .icon-rss-alt a{ background-position:center top; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .icon-rss{ background-image:url("/assets/images/icons/social_rss_x3.png"); background-size:51px 17px; } .icon-rss-alt{ background-image:url("/assets/images/icons/social_rss_x3.png"); background-size:51px 17px; } .icon-rss-alt a{ background-image:url("/assets/images/icons/social_rss_x3.png"); background-size:51px 17px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .icon-rss{ background-image:url("/assets/images/icons/social_rss_x2.png"); } .icon-rss-alt{ background-image:url("/assets/images/icons/social_rss_x2.png"); } .icon-rss-alt a{ background-image:url("/assets/images/icons/social_rss_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .icon-rss{ background-image:url("/assets/images/icons/social_rss_x3.png"); } .icon-rss-alt{ background-image:url("/assets/images/icons/social_rss_x3.png"); } .icon-rss-alt a{ background-image:url("/assets/images/icons/social_rss_x3.png"); } } /* Twitter */ .icon-twitter, .icon-twitter-alt, .icon-twitter-alt a{ width:21px; height:17px; background:url("/assets/images/icons/social_twitter.png") no-repeat right top; } .icon-twitter-alt{ background-position:left top; } .icon-twitter-alt a{ background-position:center top; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .icon-twitter{ background-image:url("/assets/images/icons/social_twitter_x3.png"); background-size:63px 17px; } .icon-twitter-alt{ background-image:url("/assets/images/icons/social_twitter_x3.png"); background-size:63px 17px; } .icon-twitter-alt a{ background-image:url("/assets/images/icons/social_twitter_x3.png"); background-size:63px 17px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .icon-twitter{ background-image:url("/assets/images/icons/social_twitter_x2.png"); } .icon-twitter-alt{ background-image:url("/assets/images/icons/social_twitter_x2.png"); } .icon-twitter-alt a{ background-image:url("/assets/images/icons/social_twitter_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .icon-twitter{ background-image:url("/assets/images/icons/social_twitter_x3.png"); } .icon-twitter-alt{ background-image:url("/assets/images/icons/social_twitter_x3.png"); } .icon-twitter-alt a{ background-image:url("/assets/images/icons/social_twitter_x3.png"); } } /* Facebook */ .icon-facebook, .icon-facebook-alt, .icon-facebook-alt a{ width:9px; height:17px; background:url("/assets/images/icons/social_facebook.png") no-repeat right top; } .icon-facebook-alt{ background-position:left top; } .icon-facebook-alt a{ background-position:center top; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .icon-facebook{ background-image:url("/assets/images/icons/social_facebook_x3.png"); background-size:27px 17px; } .icon-facebook-alt{ background-image:url("/assets/images/icons/social_facebook_x3.png"); background-size:27px 17px; } .icon-facebook-alt a{ background-image:url("/assets/images/icons/social_facebook_x3.png"); background-size:27px 17px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .icon-facebook{ background-image:url("/assets/images/icons/social_facebook_x2.png"); } .icon-facebook-alt{ background-image:url("/assets/images/icons/social_facebook_x2.png"); } .icon-facebook-alt a{ background-image:url("/assets/images/icons/social_facebook_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .icon-facebook{ background-image:url("/assets/images/icons/social_facebook_x3.png"); } .icon-facebook-alt{ background-image:url("/assets/images/icons/social_facebook_x3.png"); } .icon-facebook-alt a{ background-image:url("/assets/images/icons/social_facebook_x3.png"); } } /* WeChat */ .icon-wechat, .icon-wechat-alt, .icon-wechat-alt a{ width:18px; height:17px; background:url("/assets/images/icons/social_wechat.png") no-repeat right top; } .icon-wechat-alt{ background-position:left top; } .icon-wechat-alt a{ background-position:center top; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .icon-wechat{ background-image:url("/assets/images/icons/social_wechat_x3.png"); background-size:54px 17px; } .icon-wechat-alt{ background-image:url("/assets/images/icons/social_wechat_x3.png"); background-size:54px 17px; } .icon-wechat-alt a{ background-image:url("/assets/images/icons/social_wechat_x3.png"); background-size:54px 17px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .icon-wechat{ background-image:url("/assets/images/icons/social_wechat_x2.png"); } .icon-wechat-alt{ background-image:url("/assets/images/icons/social_wechat_x2.png"); } .icon-wechat-alt a{ background-image:url("/assets/images/icons/social_wechat_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .icon-wechat{ background-image:url("/assets/images/icons/social_wechat_x3.png"); } .icon-wechat-alt{ background-image:url("/assets/images/icons/social_wechat_x3.png"); } .icon-wechat-alt a{ background-image:url("/assets/images/icons/social_wechat_x3.png"); } } /* Tencent Weibo */ .icon-tencent, .icon-tencent-alt, .icon-tencent-alt a{ width:20px; height:17px; background:url("/assets/images/icons/social_tencent.png") no-repeat right top; } .icon-tencent-alt{ background-position:left top; } .icon-tencent-alt a{ background-position:center top; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .icon-tencent{ background-image:url("/assets/images/icons/social_tencent_x3.png"); background-size:60px 17px; } .icon-tencent-alt{ background-image:url("/assets/images/icons/social_tencent_x3.png"); background-size:60px 17px; } .icon-tencent-alt a{ background-image:url("/assets/images/icons/social_tencent_x3.png"); background-size:60px 17px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .icon-tencent{ background-image:url("/assets/images/icons/social_tencent_x2.png"); } .icon-tencent-alt{ background-image:url("/assets/images/icons/social_tencent_x2.png"); } .icon-tencent-alt a{ background-image:url("/assets/images/icons/social_tencent_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .icon-tencent{ background-image:url("/assets/images/icons/social_tencent_x3.png"); } .icon-tencent-alt{ background-image:url("/assets/images/icons/social_tencent_x3.png"); } .icon-tencent-alt a{ background-image:url("/assets/images/icons/social_tencent_x3.png"); } } /* QZone */ .icon-qzone, .icon-qzone-alt, .icon-qzone-alt a{ width:19px; height:18px; background:url("/assets/images/icons/social_qzone.png") no-repeat right top; } .icon-qzone-alt{ background-position:left top; } .icon-qzone-alt a{ background-position:center top; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .icon-qzone{ background-image:url("/assets/images/icons/social_qzone_x3.png"); background-size:57px 18px; } .icon-qzone-alt{ background-image:url("/assets/images/icons/social_qzone_x3.png"); background-size:57px 18px; } .icon-qzone-alt a{ background-image:url("/assets/images/icons/social_qzone_x3.png"); background-size:57px 18px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .icon-qzone{ background-image:url("/assets/images/icons/social_qzone_x2.png"); } .icon-qzone-alt{ background-image:url("/assets/images/icons/social_qzone_x2.png"); } .icon-qzone-alt a{ background-image:url("/assets/images/icons/social_qzone_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .icon-qzone{ background-image:url("/assets/images/icons/social_qzone_x3.png"); } .icon-qzone-alt{ background-image:url("/assets/images/icons/social_qzone_x3.png"); } .icon-qzone-alt a{ background-image:url("/assets/images/icons/social_qzone_x3.png"); } } /* Renren */ .icon-renren, .icon-renren-alt, .icon-renren-alt a{ width:17px; height:17px; background:url("/assets/images/icons/social_renren.png") no-repeat right top; } .icon-renren-alt{ background-position:left top; } .icon-renren-alt a{ background-position:center top; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .icon-renren{ background-image:url("/assets/images/icons/social_renren_x3.png"); background-size:51px 17px; } .icon-renren-alt{ background-image:url("/assets/images/icons/social_renren_x3.png"); background-size:51px 17px; } .icon-renren-alt a{ background-image:url("/assets/images/icons/social_renren_x3.png"); background-size:51px 17px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .icon-renren{ background-image:url("/assets/images/icons/social_renren_x2.png"); } .icon-renren-alt{ background-image:url("/assets/images/icons/social_renren_x2.png"); } .icon-renren-alt a{ background-image:url("/assets/images/icons/social_renren_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .icon-renren{ background-image:url("/assets/images/icons/social_renren_x3.png"); } .icon-renren-alt{ background-image:url("/assets/images/icons/social_renren_x3.png"); } .icon-renren-alt a{ background-image:url("/assets/images/icons/social_renren_x3.png"); } } /* Print */ .icon-print, .icon-print-alt, .icon-print-alt a{ width:17px; height:17px; background:url("/assets/images/icons/print.png") no-repeat right top; } .icon-print-alt{ background-position:left top; } .icon-print-alt a{ background-position:center top; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .icon-print{ background-image:url("/assets/images/icons/print_x3.png"); background-size:51px 17px; } .icon-print-alt{ background-image:url("/assets/images/icons/print_x3.png"); background-size:51px 17px; } .icon-print-alt a{ background-image:url("/assets/images/icons/print_x3.png"); background-size:51px 17px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .icon-print{ background-image:url("/assets/images/icons/print_x2.png"); } .icon-print-alt{ background-image:url("/assets/images/icons/print_x2.png"); } .icon-print-alt a{ background-image:url("/assets/images/icons/print_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .icon-print{ background-image:url("/assets/images/icons/print_x3.png"); } .icon-print-alt{ background-image:url("/assets/images/icons/print_x3.png"); } .icon-print-alt a{ background-image:url("/assets/images/icons/print_x3.png"); } } /*--- Arrows ---*/ .arrow{ transition: background 0.3s ease-in-out; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; } /* Inline */ .arrow-inline{ position:relative; display:-moz-inline-stack;display:inline-block; zoom:1; *display:inline; padding-right:20px; line-height:100%; } .arrow-inline > span{ position:absolute; bottom:3px; } .arrow-inline span{ display:block; width:4px; height:9px; } /* Left */ .arrow-inline-left{ padding-left:24px; } .arrow-inline-left span{ left:0; } /* Right */ .pagination .arrow-inline-right, .arrow-inline-right{ padding-right:24px; } .arrow-inline-right span{ right:0; } /* Down */ .arrow-inline-down{ padding-right:24px; } .arrow-inline-down span{ right:0; bottom:5px; } .arrow-inline-down span{ width:9px; height:4px; } /* Active */ .arrow-inline:hover span span{ filter: alpha(opacity=100) ; opacity: 1; zoom: 1 ; ; } /* Left */ .arrow-small-left, .arrow-small-left a, .arrow-inline-left span{ background:url("/assets/images/icons/arrows_small_left.png") no-repeat center right; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .arrow-small-left{ background-image:url("/assets/images/icons/arrows_small_left_x3.png"); background-size:8px 9px; } .arrow-small-left a{ background-image:url("/assets/images/icons/arrows_small_left_x3.png"); background-size:8px 9px; } .arrow-inline-left span{ background-image:url("/assets/images/icons/arrows_small_left_x3.png"); background-size:8px 9px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .arrow-small-left{ background-image:url("/assets/images/icons/arrows_small_left_x2.png"); } .arrow-small-left a{ background-image:url("/assets/images/icons/arrows_small_left_x2.png"); } .arrow-inline-left span{ background-image:url("/assets/images/icons/arrows_small_left_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .arrow-small-left{ background-image:url("/assets/images/icons/arrows_small_left_x3.png"); } .arrow-small-left a{ background-image:url("/assets/images/icons/arrows_small_left_x3.png"); } .arrow-inline-left span{ background-image:url("/assets/images/icons/arrows_small_left_x3.png"); } } /* Right */ .arrow-small-right, .arrow-small-right a, .arrow-inline-right span{ background:url("/assets/images/icons/arrows_small_right.png") no-repeat center right; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .arrow-small-right{ background-image:url("/assets/images/icons/arrows_small_right_x3.png"); background-size:8px 9px; } .arrow-small-right a{ background-image:url("/assets/images/icons/arrows_small_right_x3.png"); background-size:8px 9px; } .arrow-inline-right span{ background-image:url("/assets/images/icons/arrows_small_right_x3.png"); background-size:8px 9px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .arrow-small-right{ background-image:url("/assets/images/icons/arrows_small_right_x2.png"); } .arrow-small-right a{ background-image:url("/assets/images/icons/arrows_small_right_x2.png"); } .arrow-inline-right span{ background-image:url("/assets/images/icons/arrows_small_right_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .arrow-small-right{ background-image:url("/assets/images/icons/arrows_small_right_x3.png"); } .arrow-small-right a{ background-image:url("/assets/images/icons/arrows_small_right_x3.png"); } .arrow-inline-right span{ background-image:url("/assets/images/icons/arrows_small_right_x3.png"); } } /* Down */ .arrow-small-down, .arrow-small-down a, .arrow-inline-down span{ background:url("/assets/images/icons/arrows_small_down.png") no-repeat bottom right; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .arrow-small-down{ background-image:url("/assets/images/icons/arrows_small_down_x3.png"); background-size:9px 8px; } .arrow-small-down a{ background-image:url("/assets/images/icons/arrows_small_down_x3.png"); background-size:9px 8px; } .arrow-inline-down span{ background-image:url("/assets/images/icons/arrows_small_down_x3.png"); background-size:9px 8px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .arrow-small-down{ background-image:url("/assets/images/icons/arrows_small_down_x2.png"); } .arrow-small-down a{ background-image:url("/assets/images/icons/arrows_small_down_x2.png"); } .arrow-inline-down span{ background-image:url("/assets/images/icons/arrows_small_down_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .arrow-small-down{ background-image:url("/assets/images/icons/arrows_small_down_x3.png"); } .arrow-small-down a{ background-image:url("/assets/images/icons/arrows_small_down_x3.png"); } .arrow-inline-down span{ background-image:url("/assets/images/icons/arrows_small_down_x3.png"); } } .arrow-inline span span{ background-position:center left; transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; filter: alpha(opacity=0) ; opacity: 0; zoom: 1 ; } .arrow-inline-down span span{ background-position:top right; } /* Hover */ .arrow-dark span span{ filter: alpha(opacity=100) ; opacity: 1; zoom: 1 ; } .arrow-dark:hover span span{ filter: alpha(opacity=0) ; opacity: 0; zoom: 1 ; } /* Button */ .arrow-button{ width:25px; height:25px; background:url(/assets/images/icons/arrow_buttons.png) no-repeat center left; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .arrow-button{ background-image:url("/assets/images/icons/arrow_buttons_x3.png"); background-size:50px 25px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .arrow-button{ background-image:url("/assets/images/icons/arrow_buttons_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .arrow-button{ background-image:url("/assets/images/icons/arrow_buttons_x3.png"); } } /* Smaller button */ .arrow-button-small{ width:20px; height:20px; background:url(/assets/images/icons/arrow_buttons_small.png) no-repeat center left; } .arrow-button-small-dark{ background:url(/assets/images/icons/arrow_buttons_small_dark.png) no-repeat center left; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .arrow-button-small{ background-image:url("/assets/images/icons/arrow_buttons_small_x3.png"); background-size:40px 20px; } .arrow-button-small-dark{ background-image:url("/assets/images/icons/arrow_buttons_small_dark_x3.png"); background-size:40px 20px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .arrow-button-small{ background-image:url("/assets/images/icons/arrow_buttons_small_x2.png"); } .arrow-button-small-dark{ background-image:url("/assets/images/icons/arrow_buttons_small_dark_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .arrow-button-small{ background-image:url("/assets/images/icons/arrow_buttons_small_x3.png"); } .arrow-button-small-dark{ background-image:url("/assets/images/icons/arrow_buttons_small_dark_x3.png"); } } .arrow-button-right{ background-position:center right; } /*-------------------------------------------------------------------------------------------------*/ /* * Forms * */ /*---General forms---*/ /* Label */ label{ display:block; color:#262626; margin-bottom:5px; } p.hidden{ display:none; } .error-line{ color:#850C2E; } /* Form question */ .form-question{ color:#262626; margin-bottom:5px; } /* Input */ input.input-text, input.input-password, input[type="text"], textarea, select{ display:block; margin:0px 0px 15px 0px; padding:2px 8px; font:17px/17px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; line-height:normal; color:#262626; border:1px solid #850C2E; width:418px; } input[type=hidden]{ display:none; } /* Textarea */ textarea{ height:150px; } /* Select */ select{ padding:2px 0px 2px 8px; max-width:208px; } /* Checkbox */ .checkbox{} .checkbox-multiple{ } .checkbox_multiple:before, .checkbox_multiple:after{ content:""; display:table; } .checkbox_multiple:after{ clear:both; } .checkbox_multiple{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .checkbox-multiple p{ display:inline; float:left; margin-right:20px; margin-bottom:15px; } .checkbox-single{ margin-bottom:20px; } .input-checkbox{ display:-moz-inline-stack;display:inline-block; zoom:1; *display:inline; vertical-align:middle; margin:0px 6px 0 0; } .input-checkbox + label{ display:-moz-inline-stack;display:inline-block; zoom:1; *display:inline; vertical-align:top; padding:3px 0 0; margin:0; font:16px/22px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; color:#262626; } .input-checkbox + label:hover{ color:#850C2E; } .input-checkbox .sub-options{ margin:0px 0px 10px 15px; } /* Submit */ .submit, submit, .submit-button{ max-width:208px; text-align:left; text-indent:20px; background:#850C2E url(/assets/images/icons/arrow_button_right_light.png) no-repeat 92% center; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .submit, submit, .arrow-button{ background-image:url("/assets/images/icons/arrow_small_right_light_x3.png"); background-size:15px 15px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .submit, submit, .arrow-button{ background-image:url("/assets/images/icons/arrow_small_right_light_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .submit, submit, .arrow-button{ background-image:url("/assets/images/icons/arrow_small_right_light_x3.png"); } } /* Media Query */ @media screen and (max-width:600px){ /* Input */ input.input-text, input.input-password, input[type="text"], textarea, select{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; } } /*--- Search ---*/ .search-form{ position:relative; padding:4px 30px 4px 5px; border:1px solid #850C2E; background:#FFF; } .search-form .search-input{ display:block; width:100%; margin:0; padding:0; font:16px/16px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; color:; border:0; } .search-form .search-submit{ display:block; margin:6px 6px 6px 0; position:absolute; top:0; right:0; text-indent:-9999px; white-space:nowrap; overflow:hidden; cursor:pointer; cursor:hand; } .search-form .search-input.default{ color:#929292; } /*-------------------------------------------------------------------------------------------------*/ /* * Banners * * Leaderboard - 970x90px * Medium Rectangle - 300x250px * */ /*--- AD Banners ---*/ .banner{ max-width:100%; background:#FFF; margin-bottom:20px; } .banner.center, .banner.center div{ text-align:center; } .banner img{ display:block; width:100%; height:100%; } /* Leaderboard (970x90px) */ .leaderboard{ width:970px; min-height:90px; } /* Medium Rectangle (300x250px) */ .mediumrect{ width:300px; height:250px; } .tallrect{ width:300px; height:600px; } /* Mobile */ .mobile-banner{ height:0px; /* Change */ width:100%; z-index:3; background:#FFF; } .mobile-banner > div{ text-align:center; } /* Media Queries */ @media screen and (max-width:1180px){ .leaderboard{ display:none; } } @media screen and (max-width:768px){ .mobile-banner{ height:auto; /*padding:5px 0;*/ position:relative; } .mobile-banner > div{ margin: 5px 0 !important; height: 50px; } } .skin{ position:fixed; width:100%; height:1500px; } .ad-skin{ width:100%; height:100%; background-attachment:inherit!important; } ad-skin.bp0{top:0px!important};ad-skin.bp1{top:1px!important};ad-skin.bp2{top:2px!important};ad-skin.bp3{top:3px!important};ad-skin.bp4{top:4px!important};ad-skin.bp5{top:5px!important};ad-skin.bp6{top:6px!important};ad-skin.bp7{top:7px!important};ad-skin.bp8{top:8px!important};ad-skin.bp9{top:9px!important};ad-skin.bp10{top:10px!important};ad-skin.bp11{top:11px!important};ad-skin.bp12{top:12px!important};ad-skin.bp13{top:13px!important};ad-skin.bp14{top:14px!important};ad-skin.bp15{top:15px!important};ad-skin.bp16{top:16px!important};ad-skin.bp17{top:17px!important};ad-skin.bp18{top:18px!important};ad-skin.bp19{top:19px!important};ad-skin.bp20{top:20px!important};ad-skin.bp21{top:21px!important};ad-skin.bp22{top:22px!important};ad-skin.bp23{top:23px!important};ad-skin.bp24{top:24px!important};ad-skin.bp25{top:25px!important};ad-skin.bp26{top:26px!important};ad-skin.bp27{top:27px!important};ad-skin.bp28{top:28px!important};ad-skin.bp29{top:29px!important};ad-skin.bp30{top:30px!important};ad-skin.bp31{top:31px!important};ad-skin.bp32{top:32px!important};ad-skin.bp33{top:33px!important};ad-skin.bp34{top:34px!important};ad-skin.bp35{top:35px!important};ad-skin.bp36{top:36px!important};ad-skin.bp37{top:37px!important};ad-skin.bp38{top:38px!important};ad-skin.bp39{top:39px!important};ad-skin.bp40{top:40px!important};ad-skin.bp41{top:41px!important};ad-skin.bp42{top:42px!important};ad-skin.bp43{top:43px!important};ad-skin.bp44{top:44px!important};ad-skin.bp45{top:45px!important};ad-skin.bp46{top:46px!important};ad-skin.bp47{top:47px!important};ad-skin.bp48{top:48px!important};ad-skin.bp49{top:49px!important};ad-skin.bp50{top:50px!important};ad-skin.bp51{top:51px!important};ad-skin.bp52{top:52px!important};ad-skin.bp53{top:53px!important};ad-skin.bp54{top:54px!important};ad-skin.bp55{top:55px!important};ad-skin.bp56{top:56px!important};ad-skin.bp57{top:57px!important};ad-skin.bp58{top:58px!important};ad-skin.bp59{top:59px!important};ad-skin.bp60{top:60px!important};ad-skin.bp61{top:61px!important};ad-skin.bp62{top:62px!important};ad-skin.bp63{top:63px!important};ad-skin.bp64{top:64px!important};ad-skin.bp65{top:65px!important};ad-skin.bp66{top:66px!important};ad-skin.bp67{top:67px!important};ad-skin.bp68{top:68px!important};ad-skin.bp69{top:69px!important};ad-skin.bp70{top:70px!important};ad-skin.bp71{top:71px!important};ad-skin.bp72{top:72px!important};ad-skin.bp73{top:73px!important};ad-skin.bp74{top:74px!important};ad-skin.bp75{top:75px!important};ad-skin.bp76{top:76px!important};ad-skin.bp77{top:77px!important};ad-skin.bp78{top:78px!important};ad-skin.bp79{top:79px!important};ad-skin.bp80{top:80px!important};ad-skin.bp81{top:81px!important};ad-skin.bp82{top:82px!important};ad-skin.bp83{top:83px!important};ad-skin.bp84{top:84px!important};ad-skin.bp85{top:85px!important};ad-skin.bp86{top:86px!important};ad-skin.bp87{top:87px!important};ad-skin.bp88{top:88px!important};ad-skin.bp89{top:89px!important};ad-skin.bp90{top:90px!important};ad-skin.bp91{top:91px!important};ad-skin.bp92{top:92px!important};ad-skin.bp93{top:93px!important};ad-skin.bp94{top:94px!important};ad-skin.bp95{top:95px!important};ad-skin.bp96{top:96px!important};ad-skin.bp97{top:97px!important};ad-skin.bp98{top:98px!important};ad-skin.bp99{top:99px!important};ad-skin.bp100{top:100px!important};ad-skin.bp101{top:101px!important};ad-skin.bp102{top:102px!important};ad-skin.bp103{top:103px!important};ad-skin.bp104{top:104px!important};ad-skin.bp105{top:105px!important};ad-skin.bp106{top:106px!important};ad-skin.bp107{top:107px!important};ad-skin.bp108{top:108px!important};ad-skin.bp109{top:109px!important};ad-skin.bp110{top:110px!important};ad-skin.bp111{top:111px!important};ad-skin.bp112{top:112px!important};ad-skin.bp113{top:113px!important};ad-skin.bp114{top:114px!important};ad-skin.bp115{top:115px!important};ad-skin.bp116{top:116px!important};ad-skin.bp117{top:117px!important};ad-skin.bp118{top:118px!important};ad-skin.bp119{top:119px!important};ad-skin.bp120{top:120px!important};ad-skin.bp121{top:121px!important};ad-skin.bp122{top:122px!important};ad-skin.bp123{top:123px!important};ad-skin.bp124{top:124px!important};ad-skin.bp125{top:125px!important};ad-skin.bp126{top:126px!important};ad-skin.bp127{top:127px!important};ad-skin.bp128{top:128px!important};ad-skin.bp129{top:129px!important};ad-skin.bp130{top:130px!important};ad-skin.bp131{top:131px!important};ad-skin.bp132{top:132px!important};ad-skin.bp133{top:133px!important};ad-skin.bp134{top:134px!important};ad-skin.bp135{top:135px!important};ad-skin.bp136{top:136px!important};ad-skin.bp137{top:137px!important};ad-skin.bp138{top:138px!important};ad-skin.bp139{top:139px!important};ad-skin.bp140{top:140px!important};/*-------------------------------------------------------------------------------------------------*/ /* * Modules * */ /*--- General ---*/ .module{ } .section-title{ position:relative; margin-right:20px; margin-bottom:12px; } .section-title:before, .section-title:after{ content:""; display:table; } .section-title:after{ clear:both; } .section-title{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .section-title h2, .section-title h3, .section-title h4{ margin-bottom:0; } .section-title .title{ margin-bottom:20px; } .section-content{} .section-content:before, .section-content:after{ content:""; display:table; } .section-content:after{ clear:both; } .section-content{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } /*--- Box list ---*/ .box-list{ padding:20px; } .box-list ul{ margin-left:0; } .box-list li{ list-style:none; margin-bottom:22px; } .box-list h3{ margin-bottom:25px; } .box-list h4{ margin-bottom:0; font:bold 17px/20px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .box-list img{ display:block; width:auto; height:auto; max-width:100%; margin-bottom:20px; } /* Dates */ .dates-list{} .dates-list li{ margin-bottom:25px; } .dates-list h4{ margin-bottom:5px; } /*--- List ---*/ .list{ } .list ul{ margin-left:0; } .list li{ list-style:none; } /*--- Ordered list ---*/ .ordered-list-module{} .ordered-list{} .ordered-list > ul{ margin-top:20px; margin-right:20px; } .ordered-list li{ display:-moz-inline-stack;display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-bottom:0; } .ordered-list .parent{ margin-right:20px; } .ordered-list > ul li{ -webkit-column-width:310px;-moz-column-width:310px;column-width:310px; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid; } .ordered-list > ul > li{ margin-bottom:40px; } .ordered-list h4{ margin-bottom:5px; } .ordered-list .children{ margin-bottom:20px; } /*--- Dropdown list ---*/ .dropdown-list-module{ margin-bottom:40px; } .dropdown-list{ margin-top:20px; line-height:18px; } .dropdown-list li{ margin-bottom:0; } .dropdown-list > li{ display:-moz-inline-stack;display:inline-block; zoom:1; *display:inline; vertical-align:top; -webkit-column-width:322px;-moz-column-width:322px;column-width:322px; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid; } .dropdown-list > li, .dropdown-list > div li{ width:auto; margin-right:20px; margin-bottom:15px; } .dropdown-list .level-1 ul, .dropdown-list .level-1 li{ display:inline; float:left; clear:left; } /* Parents */ .dropdown-list > .parent a, .dropdown-list > div .parent a, .dropdown-list > .parent p, .dropdown-list > div .parent p{ margin-bottom:0; } .dropdown-list > .parent.active a:hover{ color:#262626; } .dropdown-list .level-1 > .parent > p a{ /*line-height:22px;*/ } .dropdown-list .parent-title. .dropdown-list ul > li p:first-child{ margin-bottom:0; } .dropdown-list .arrow-inline span{ display:none; } .dropdown-list .parent-title .arrow-inline span, .dropdown-list .parent .arrow-inline span{ display:block; } /* Children */ .dropdown-list .children{ position:relative; display:block; overflow:hidden; height:0; } .dropdown-list .children:before, .dropdown-list .children:after{ content:""; display:table; } .dropdown-list .children:after{ clear:both; } .dropdown-list .children{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .dropdown-list .level-1 .children{ padding-left:20px; } .dropdown-list .level-1 ul li{ margin-bottom:9px; } .dropdown-list .level-1 .parent.active > p a:hover{ color:#850C2E; } .dropdown-list .active > .children{ height:auto; } .dropdown-list .level-1 li{ margin-top:0; } .dropdown-list .level-2 li{ margin-top:1px; } .dropdown-list .children li:first-child{ margin-top:15px; } .dropdown-list .level-2 li:first-child{ margin-top:15px; } /* Active */ .dropdown-list .active > p .arrow-inline:first-child span{ width:9px; height:4px; background:url("/assets/images/icons/arrows_small_down.png") no-repeat bottom right; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .dropdown-list .active a:first-child span{ background-image:url("/assets/images/icons/arrows_small_down_x3.png"); background-size:9px 8px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .dropdown-list .active a:first-child span{ background-image:url("/assets/images/icons/arrows_small_down_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .dropdown-list .active a:first-child span{ background-image:url("/assets/images/icons/arrows_small_down_x3.png"); } } .dropdown-list .active > p .arrow-inline:first-child span span{ background-position:top right; } .dropdown-list .active > p .arrow-dark:first-child span span{ background-position:top right; } /*--- Promotion ---*/ .promotion{ padding:20px; } .promotion-image{ display:block; max-width:100%; margin-bottom:15px; } /*--- Translator ---*/ .translator-module{ padding:20px; } .translator-module .search{ margin-bottom:20px; } .translator-module .result-wrapper{} .translator-module ul{ margin-left:0; } .translator-module li{ list-style:none; padding-left:0; } .translator-module li:before, .translator-module li:after{ content:""; display:table; } .translator-module li:after{ clear:both; } .translator-module li{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .translator-module a{ display:block; } .translator-module a:before, .translator-module a:after{ content:""; display:table; } .translator-module a:after{ clear:both; } .translator-module a{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .translator-module span{ display:inline; float:left; width:48%; margin-right:2%; } .translator-module span + span{ float:right; margin-right:0; margin-left:2%; } .translator-module .icon-search{ /*background:transparent;*/ cursor:default; }/*-------------------------------------------------------------------------------------------------*/ /* * Slideshow * */ /*--- Setup ---*/ .slideshow{ position:relative; clear:both; overflow:hidden; background:#FFF; padding:0; margin-bottom:30px; } .slideshow:before, .slideshow:after{ content:""; display:table; } .slideshow:after{ clear:both; } .slideshow{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } /* Figure/figcaption */ .slideshow figure{ padding:0; max-width:100%; } .slideshow figcaption{ display:block; caption-side:initial; } .slideshow .slides{ position:relative; left:0%; /* Animate to -100% */ width:200%; } .slides:before, .slides:after{ content:""; display:table; } .slides:after{ clear:both; } .slides{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .slideshow .dir-right{ left:-100% } .slideshow .slide{ display:inline; float:left; position:relative; width:50%; height:100%; overflow:hidden; } .slide:before, .slide:after{ content:""; display:table; } .slide:after{ clear:both; } .slide{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .slideshow .slide img{ display:block; top:0; left:0; width:100%; } /* Footer */ .slideshow-footer{ position:relative; min-height:25px; height:auto!important; height:25px; } /* Caption */ .slide-caption{ display:block; position:relative; margin-right:100px; } .slide-caption p{ margin-bottom:0; } /* Controls */ .slideshow-controls{ position:absolute; top:0; right:0; width:100px; } .slideshow-controls .arrow-button{ display:inline; float:left; margin-left:25px; text-indent:-9999px; white-space:nowrap; overflow:hidden; } /*-------------------------------------------------------------------------------------------------*/ /* * Articles * */ /*--- Article ---*/ article{ } article:before, article:after{ content:""; display:table; } article:after{ clear:both; } article{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } /* Header */ .article-header{ margin-bottom:10px; } .article-header .article-title{ margin-bottom:10px; } .article-header .published{ display:block; margin-bottom:10px; font:16px/22px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } /* Footer */ .article-footer{ margin-bottom:20px; } /* Details */ .article-details{ margin-bottom:20px; } /* Content */ .article-content{ overflow:visible; padding-bottom:60px; } .article-content h2, .article-content h3, .article-content h4, .article-content h5{ font:17px/25px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; margin-top:15px; margin-bottom:10px; } .lang-zh .article-content h2, .lang-zh .article-content h3, .lang-zh .article-content h4, .lang-zh .article-content h5{ margin-top:30px; margin-bottom:20px; } .lang-zh .article-content h2, .lang-zh .article-content h3, .lang-zh .article-content h4, .lang-zh .article-content h5{ font:18px/29px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .article-content h2, .article-content h4, .article-content h5{ font:bold 17px/27px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .lang-zh .article-content h2, .lang-zh .article-content h4, .lang-zh .article-content h5{ font:bold 17px/27px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .article-content h2, .article-content h3{ color:#850C2E; } .article-content h3.ng, .article-content h4.ng, .article-content h5{ margin-bottom:0px; } .article-content h5{ font-style:italic; } .lang-zh .article-content p{ margin-bottom:20px; text-indent:2em; } .lang-zh .article-content p.ni{ text-indent:0em; } .article-content img{ display:block; max-width:100%; } img[data-full-attached]{ cursor:-moz-zoom-in; cursor:-webkit-zoom-in; cursor:zoom-in; } .article-content p.image-first-top img{ margin-top:6px; padding-top:0px; } .article-content p.image-first-top img.right{ margin-top:0px; padding-top:0px; } .lang-zh .article-content p.image-first-top{ text-indent:0; } .article-images > div{ margin-bottom:20px; } /* Pagination */ .article-content > .pagination-pages{ margin-top:60px; } /* Disclaimer */ .disclaimer{} .article-disclaimer{ margin-top:25px; padding-top:25px; font:16px/22px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; color:#929292; } .article-disclaimer a{ color:#929292; text-decoration:underline; } .article-disclaimer a:hover{ color:#850C2E; } /* Translated by */ .article-translated-by{ text-align:right; } /* Author biography */ .article-author-bio{ border-top:1px solid #C8C9CB; margin-top:40px; } /* Inline text box */ .inline-text-box{ float:right; width:322px; margin:0 -114px 20px 20px; } .inline-text-box > div{ border-left:1px solid #850C2E; border-right:1px solid #850C2E; padding:0 20px 5px; } .inline-text-box a{ color:#262626; } .inline-text-box a:hover{ color:#850C2E; } .lang-zh .inline-text-box p{ text-indent:0; } .inline-text-box span{ color:#850C2E; } /* Media Queries */ @media screen and (max-width:767px){ .inline-text-box{ margin:0 0 20px 0; padding-left:20px; } } @media screen and (max-width:600px){ .inline-text-box{ float:left; width:100%; padding-left:0; } } /*--- Featured ---*/ .featured{ } .featured:before, .featured:after{ content:""; display:table; } .featured:after{ clear:both; } .featured{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .featured .location, .featured .published{ font:16px/22px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } .featured .read-more{ margin-bottom:25px; font:16px/22px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; } /*--- Featured (single) ---*/ .featured-item{} .featured-item .featured-image{ margin-bottom:15px; } .featured-image img{ width:100%; } .featured-item .footer .extra{ margin-bottom:45px; } /*--- Featured (double) ---*/ .featured-sub-items{ padding:30px 0 5px; margin-bottom:0; } .featured-sub-item .thumbnail{ margin-bottom:15px; } /*--- Featured (list) ---*/ .featured-list-items{ padding-bottom:30px; } .featured-list-item{ border-top:1px solid #C8C9CB; padding:25px 0 25px; } .featured-list-item .thumbnail{ display:inline; float:left; width:208px; margin:5px 0 5px; } .featured-list-item .excerpt{ margin-left:228px; } .featured-list-item .footer p{ margin-bottom:0; } /* Media Queries */ @media screen and (max-width:440px){ .featured-list-item .excerpt{ /* Place excerpt on newline */ clear:left; margin-left:0; padding-top:20px; } .featured-list-item .thumbnail{ /* Stretch thumbnails */ width:100%; } } /*--- Featured (Spotlight) ---*/ .featured-spotlight-items{ position:relative; padding-bottom:40px; } .featured-spotlight-list{ display:inline; float:left; width:342px; } .featured-spotlight-item{ display:inline; float:left; width:322px; padding-bottom:10px; margin-bottom:25px; /*border-bottom:1px solid #C8C9CB;*/ } .featured-spotlight-item.spotlight{ margin-bottom:0; } .featured-spotlight-item .thumbnail{ margin-top:7px; margin-bottom:7px; } .featured-spotlight-items .view-all{ position:absolute; bottom:0; left:0; margin-bottom:25px; } .featured-spotlight-items .excerpt{ margin-left:0; position:relative; clear:both; } .featured-spotlight-item .excerpt h3{ margin-bottom:5px; } /* Media Queries */ @media screen and (max-width:767px){ .featured-spotlight-list{ width:50%; } .featured-spotlight-item{ width:94%; } .featured-spotlight-item.spotlight{ width:47%; } .featured-spotlight-item .thumbnail{ width:100%; } } @media screen and (max-width:600px){ .featured-spotlight-list{ width:100%; margin-left:0; } .featured-spotlight-item.spotlight{ margin-bottom:20px; border-bottom:1px solid #C8C9CB; } .featured-spotlight-item.spotlight, .featured-spotlight-item{ width:96%; } .featured-spotlight-item.spotlight .excerpt{ margin-bottom:0; } /*.featured-spotlight-items .view-all{ position:static; }*/ } /*--- Social ---*/ .article-share{ } /*--- Search ---*/ .inline-search{ } .inline-search .section-title{ margin-bottom:37px; } /*--- Comments ---*/ .article-comments{ padding-bottom:35px; } .article-comments .section-title{ margin-bottom:5px; } .article-comments .loading{ /*height:50px;*/ margin-top:20px; } .article-comments .signin{ display:none; } /* Post comment */ .post-comment{ position:relative; display:none; margin-bottom:20px; } .post-comment .avatar{ position:absolute; top:0; left:0; width:31px; height:30px; background:url("/assets/images/icons/social_avatar.png") no-repeat center center; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx){ .post-comment .avatar{ background-image:url("/assets/images/icons/social_avatar_x3.png"); background-size:31px 30px; } } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .post-comment .avatar{ background-image:url("/assets/images/icons/social_avatar_x2.png"); } } @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx){ .post-comment .avatar{ background-image:url("/assets/images/icons/social_avatar_x3.png"); } } .post-comment label{ display:block; margin:0 0 0 53px; padding:4px 10px; border:1px solid #850C2E; } .post-comment textarea{ display:block; width:100%; margin:0; padding:0; border:0; outline:0; font:17px/17px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; color:#850C2E; transition: height 0.3s ease-in-out; -webkit-transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; overflow:auto; } .post-comment textarea{ height:120px; -webkit-transition-delay: 0s; transition-delay: 0s; } .post-comment textarea.default{ color:#CE9DAB; height:20px; -webkit-transition-delay: 2s; transition-delay: 2s; transition: height 1s ease-in-out; -webkit-transition: height 1s ease-in-out; -moz-transition: height 1s ease-in-out; -o-transition: height 1s ease-in-out; } .default .post-comment-extra{ opacity:0; height:0px; } .post-comment-extra{ height:130px; overflow:hidden; transition: opacity 1.5s ease-in-out, height 0.8s ease-in-out; -webkit-transition: opacity 1.5s ease-in-out, height 0.8s ease-in-out; -moz-transition: opacity 1.5s ease-in-out, height 0.8s ease-in-out; -o-transition: opacity 1.5s ease-in-out, height 0.8s ease-in-out; margin:0 0 0 53px; font:17px/17px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; color:#850C2E; margin-top:10px; } .post-comment-extra input{ font:17px/17px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; color:#850C2E; margin-top:5px; width:97%; } /* Comment article */ .comment-article{ padding-top: 20px; margin-top: 10px; margin-bottom: 0px; padding-bottom: 0px; } /*--- Related ---*/ .related-articles{ } .related-article{ margin-bottom:20px; } .related-article > a{ display:block; } /*-------------------------------------------------------------------------------------------------*/ /* * Search * */ /*--- General ---*/ .middle-menu .search-menu-item{ position:inherit; } .search-menu-item .sub-menu, .search-menu-item .sub-menu > ul{ width:100%; left:0; } .search-menu-item .sub-menu, .underlay{ opacity:1!important; /*height:800px!important;*/ } .search-wrapper{ background:#FFF; } .mobile-menu .search-wrapper{ display:none; height:0px; } .mobile-menu .search-wrapper.open{ display:block; height:auto; } /*--- Search input ---*/ .search-input{ padding:2px 8px; margin:20px auto 0px; border:1px solid #929292; } .search-input input{ position:relative; width:100%; padding:0; margin:0; border:0; /*height:21px; resize: none; overflow:hidden;*/ outline:none; } .search-input input.default{ color:#999999; } .search-input .search-wrapper-inner{ position:relative; } .search-input .search-wrapper-inner .loader{ visibility: hidden; height:18px; width:18px; position:absolute; top:1px; right:-4px; background-image:url("/assets/images/icons/loading.svg") } .search-input .search-wrapper.loading .loader{ visibility: visible; } .search-input .search-wrapper-inner .default-text{ position:absolute; top:0; left:0; font:17px/17px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; line-height:normal; color:#C8C9CB; display:none; } .search-input .search-wrapper-inner.default .default-text { display:block; } /* Mobile */ .mobile-menu .search{ border-bottom:1px solid #850C2E; } .mobile-menu .search-input{ margin-right:0; margin-bottom:20px; } .mobile-menu .result-item{ margin-right:20px; } /* Dropdown */ .dropdown-search{ position:relative; height:30px; text-align:center; } .search-position{ margin-right:20px; } @media screen and (max-width:440px){ .search-position{ margin-right:5%; } } /*--- Results ---*/ body.search-full{ overflow:hidden; } .search-results{ margin-top:40px; height:auto; overflow-y:auto; overflow-x:hidden; display:none; } .mobile-menu .search-results{ margin-top:0px; } .mobile-menu .search-results .result-first{ margin-top:20px; } .search-results.full{ overflow-y:visible; height:auto; max-height:none!important; margin-top:0px; } .result-item{ position:relative; border-top:1px solid #C8C9CB; padding:25px 0 25px; /*margin-right:40px;*/ margin-right:0; } .result-content{ font:17px/25px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; color:#262626; text-transform:none; /*width:396px;*/ /*margin-right:20px;*/ } .result-content h3{ margin-bottom:5px; } .middle-menu .sub-menu .search-wrapper .result-content a{ color:#850C2E; text-decoration:none; transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; display:inline; text-transform: none; } .middle-menu .sub-menu .search-wrapper .result-content a:hover, .middle-menu .sub-menu .search-wrapper .result-content a.active, .middle-menu .sub-menu .search-wrapper .over .result-content a{ color:#262626; } .mobile-menu .result-image{ margin-bottom:20px; } .no-image .result-image{ background-color:#ddd; width:208px; height:130px; } /* Media Queries */ @media screen and (max-width:1180px){ .result-item{ width:624px; } .result-content{ width:370px; } } /* Media Queries */ @media screen and (max-width:768px){ .result-item{ width:100%; } .result-content{ width:100%; float:left; } } /*--- Results navigation ---*/ .result-navigation{ position:relative; clear:both; } /*--- Advanced search ---*/ .advanced-search-form{ position:relative; margin-top:5px; margin-bottom:30px; } .advanced-search-navigation{ position:relative; } .search-filters-advanced{ margin-bottom:10px; } .search-filters-clear{ float:right; margin-bottom:10px; } .search-filters-clear a{ line-height:100%; } /*.advanced-search-form.open .search-filters-advanced span{ background-image:url("/assets/images/icons/arrows_small_down.png"); }*/ /* -------------------- Homepage -------------------- */ .index{ }/* -------------------- About -------------------- */ .about{ } .about .contact-address{ word-wrap:break-word; } .about .contact-placeholder{ display:none; } .about .col-2.clear-3{ clear:left; } /* Media Queries */ @media screen and (max-width:600px){ .about .contact-placeholder{ display:none; } .about .col-2.clear-2{ clear:none; } .about .col-2.clear-5{ clear:left; } } @media screen and (max-width:440px){ .about .col-2.clear-1{ clear:left; } } /* -------------------- Reviews -------------------- */ /*--- General ---*/ .reviews{ } /* Scorecard */ .scorecard{ position:relative; } .scorecard:before, .scorecard:after{ content:""; display:table; } .scorecard:after{ clear:both; } .scorecard{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .scorecard-data{ display:inline; float:left; width:100%; } .scorecard-data:before, .scorecard-data:after{ content:""; display:table; } .scorecard-data:after{ clear:both; } .scorecard-data{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } /* Score */ .scorecard .score{ display:inline; float:left; width:64px; height:64px; font:35px/40px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif; color:#850C2E; text-align:center; border:1px solid #850C2E; } .scorecard .score img{ max-width:100% } .scorecard .score span{ line-height:64px; vertical-align:middle; } /* Rating */ .scorecard .rating{ position:relative; margin-left:84px; } .scorecard .both .rating{ margin-left:170px; } .scorecard .rating-valign{ /*height:66px;*/ line-height:66px; } .scorecard .rating .valign{ margin-bottom:5px; } .scorecard .rating-title, .scorecard .rating p{ line-height:100%; margin-bottom:10px; } .scorecard .rating .rating-title{ display:-moz-inline-stack;display:inline-block; zoom:1; *display:inline; vertical-align:middle; margin-top:0; line-height:100%; color:#262626; } .scorecard .nowrap{ display:-moz-inline-stack;display:inline-block; zoom:1; *display:inline; } /* Details */ .scorecard .details{ width:322px; padding:0 20px; margin:40px 0 23px; border-left:1px solid #850C2E; border-right:1px solid #850C2E; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .scorecard .details span{ color:#850C2E; } .scorecard .details-link{ color:#262626; text-decoration:underline; } /* Award */ .scorecard .score.award{ border:0; } .scorecard .score.award img{ max-width:100%; } .scorecard .award .score{ margin-right:20px; } .scorecard .award .rating-valign{ line-height:64px; } /* Image */ .scorecard-image{ min-height:320px; height:auto!important; height:320px; margin-left:322px; } .scorecard-image .image-position{ position:absolute; bottom:0; width:100%; } .review-rotate-image{ position:relative; } .review-rotate-image:before, .review-rotate-image:after{ content:""; display:table; } .review-rotate-image:after{ clear:both; } .review-rotate-image{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .review-rotate-image .image-position{ text-align:center; overflow:hidden; } .review-rotate-image img{ display:-moz-inline-stack;display:inline-block; zoom:1; *display:inline; max-width:100%; } .review-rotate-image img + img{ display:none; } /* Media Queries */ @media screen and (max-width:768px){ .scorecard-image img{ margin-left:20px; } } @media screen and (max-width:599px){ /* Scorecard */ .scorecard{ display:table; width:100%; border-collapse:collapse; } .scorecard-data{ display:table-footer-group; float:none; } .scorecard-image{ display:table-header-group; margin-left:0; } .scorecard .both .rating{ width:auto; } .scorecard .details{ width:auto; } /* Rotated image */ .review-rotate-image .image-position{ position:static; bottom:auto; margin-left:0; } .review-rotate-image img{ display:none; } .review-rotate-image img + img{ display:inline; padding:0 0 20px; margin-left:0; } } /*--- Reviews ---*/ .reviews-index{ } .wine-reviews .related-article{ margin-top:40px; } /*--- Reviews shortlist ---*/ .reviews-shortlist{ } .reviews-shortlist .article-content{ margin-bottom:40px; } .reviews-shortlist .article-content img{ margin-bottom:20px; } /* Judges */ .shortlist-panel .section-title{ margin-bottom:20px; } .shortlist-judges{ padding-bottom:15px; } .shortlist-judge{ margin-bottom:40px; } .judge-thumbnail{ display:inline; float:left; padding-top:5px; } .judge-thumbnail img{ display:block; width:96px; height:auto; } .judge-profile{ margin-left:96px; padding-left:20px; } .judge-title{ margin-bottom:0; } /* Shortlist */ .shortlist-items{ } .shortlist-items:before, .shortlist-items:after{ content:""; display:table; } .shortlist-items:after{ clear:both; } .shortlist-items{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .shortlist-item{ position:relative; padding:65px 0; padding-right:70px; } .shortlist-item:before, .shortlist-item:after{ content:""; display:table; } .shortlist-item:after{ clear:both; } .shortlist-item{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .shortlist-item.first{ padding-top:0; } .shortlist-item.last{ border-bottom:0; } /* Thumbnail */ .shortlist-image{ display:inline; float:left; width:70px; } .shortlist-image img{ /*margin-top:3px;*/ width:70px; height:auto; } .shortlist-review{ float:right; width:100%; margin-right:-70px; } .shortlist-review-inner{ padding-left:40px; } /* Title */ .shortlist-review-title{ margin-bottom:26px; } .shortlist-review-title, .shortlist-review-title a{ line-height:100%; } .shortlist-review .rating-title span{ display:-moz-inline-stack;display:inline-block; zoom:1; *display:inline; vertical-align:middle; } /* Excerpt */ .shortlist-review-excerpt{ margin-top:20px; } /* Link */ .shortlist-review-link{ margin-bottom:0; } /* Media Queries */ @media screen and (max-width:599px){ /* Judges */ .judge-profile{ margin-left:0; padding-left:0; clear:both; padding-top:20px; } /* Shortlist */ .shortlist-review{ margin-right:0; margin-left:0; padding-left:0; clear:both; } .shortlist-review-inner{ padding-left:0; } .shortlist-item{ padding-right:0; } .shortlist-image{ width:100%; } .shortlist-image img{ width:auto; } } @media screen and (max-height:599px){ .shortlist-item{ padding:30px 0; } } /*--- Review ---*/ .reviews-review{ } .reviews-review .scorecard-data{ margin-top:20px; } .review-content{ position:relative; clear:both; width:550px; margin-top:10px; } /* Media Queries */ @media screen and (max-width:599px){ .review-content{ width:100%; } }/* -------------------- Columnists -------------------- */ /*--- General ---*/ .columnists{ } /*--- Columnists ---*/ .columnists-index{ } .columnist{ position:relative; } .columnist:before, .columnist:after{ content:""; display:table; } .columnist:after{ clear:both; } .columnist{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .columnist-thumbnail{ display:inline; float:left; padding-top:7px; } .columnist-thumbnail a{ display:block; } .columnist-thumbnail img{ display:block; width:162px; height:auto;/*162px;*/ } .columnist-profile{ margin-left:162px; padding-left:57px; } .columnist-header{ margin-bottom:0; } .columnist-title{ margin-bottom:5px; } /* Media Queries */ @media screen and (max-width:600px){ .columnist-profile { margin-left:0; padding-left:0; clear:both; padding-top:20px; } } /*--- Columnist ---*/ .columnists-columnist{ } .columnist-articles .section-title{ margin-bottom:17px; } .columnists-columnist .featured-list-item:first-child{ padding-top:0; border-top:0; } /* Media Queries */ @media screen and (max-width:600px){ } /* -------------------- Events -------------------- */ /*--- General ---*/ .events{ } .events .featured-sub-items{ padding-bottom:29px; } /*--- Index ---*/ .events-index{ } /*--- Event---*/ .events-index{ }/* -------------------- Account -------------------- */ /*--- General ---*/ .account{ } /* Form widths */ .account .page-form{ max-width:436px; } /* Footer */ .account .button{ margin-top:10px; } /*--- Account index ---*/ .account-index{ } .account-menu{ margin-top:20px; } /*--- Account login ---*/ .account-login{ } .account-login .register-title{ margin-top:35px; } /* Footer */ .account-login-form .group-footer{ font-size:0; } .account-login-form .group-footer > div, .account-login-form .group-footer .register-button{ display:inline; float:left; } .account-login-form .group-footer > div{ width:228px; } .account-login-form .register-button{ width:208px; } .account-login-form .register-button{ margin-bottom:0; } .account-login-form .button{ margin-bottom:10px; } .account-login-form .submit{ display:inline; float:left; width:100%; } /* Media Queries */ @media screen and (max-width:600px){ .account-login-form{ width:100%; } } /*--- Account logout ---*/ .account-logout{ } /*--- Account register ---*/ .account-register{ } .account-register .checkbox-single{ margin-top:10px; margin-bottom:10px; } /*--- Account update ---*/ .account-update{ } /*--- Account password ---*/ .account-password{ } /*--- Account reset ---*/ .account-password{ } /* Media Queries */ @media screen and (max-width:768px){ } /* -------------------- Newsletter -------------------- */ .newsletter{ } .newsletter-title{ margin-bottom:5px; } /* -------------------- Print CSS -------------------- */ .print-only{ display:none; } /* Print only MQs */ @media print{ .print-only{ display:block; } .page-header{ background:transparent; } header .print-only{ padding-left:20px; padding-top:40px; padding-bottom:40px; } .print-hide, header .main, .banner, .article-share, .article-comments, .related-articles, .right-side, .crumbs{ display:none; } .content{ width:800px; } } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } .pswp__sprite { background: url('/css/lib/default-skin/default-skin.svg?v2') center no-repeat; width: 44px; height: 44px; text-indent: -99999px; display: block; } .pswp__close { position: fixed; top: 20px; right: 20px; z-index: 100; background-position: 0 -44px; } .pswp__next { position: fixed; top: 50%; margin-top: 22px; right: 20px; z-index: 100; background-position: -88px -36px; } .pswp__previous { position: fixed; top: 50%; margin-top: 22px; left: 20px; z-index: 100; background-position: -132px -36px; } .pswp__next, .pswp__previous { opacity: 0; transform: translate3d(0, 50px, 0);-o-transform: translate3d(0, 50px, 0);-ms-transform: translate3d(0, 50px, 0);-moz-transform: translate3d(0, 50px, 0);-webkit-transform: translate3d(0, 50px, 0); transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; } .pswp__next.show, .pswp__previous.show { opacity: 1; transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0); }.wechat-share { position: fixed; top: 0; bottom: 0; left: 0; right: 0; } .wechat-share canvas { position: absolute; top: 50%; margin-top: -100px; left: 50%; margin-left: -100px; border: 10px solid #fff; }/*-------------------------------------------------------------------------------------------------*/ /* * Select2 * * */ /*--- General ---*/ .select-dropdowns{ position:relative; } .select-dropdowns:before, .select-dropdowns:after{ content:""; display:table; } .select-dropdowns:after{ clear:both; } .select-dropdowns{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .select-dropdown-column{ display:inline; float:left; position:relative; width:208px; margin-right:20px; } .select-dropdown{ position:relative; border:1px solid #850C2E; margin-bottom: 10px; } .select-dropdown.disabled{ border-color:#C28697; } .select2-container{ display:block; } .select2-container--default{ /*border-bottom:1px solid #850C2E; border-right:1px solid #850C2E;*/ } .select2-dropdown{ border-radius:0; border:0; } .select2-placeholder{ display:none; } .select2-container--open{ /*margin-left:1px;*/ } .select2-container--open .select2-dropdown{ top:-2px; left:-1px; border:1px solid #850C2E; } .select2-container--default .select2-selection--single{ border:0; border-radius:0; /*border-bottom:1px solid #850C2E; border-right:1px solid #850C2E;*/ } .select2-results__option{ margin-bottom:0; } .reviews .advanced-search-navigation{ margin-top:20px; z-index:1; } .reviews .advanced-search-filters{ display:none; } .select2-container--default .select2-results__option[aria-disabled=true] { display: none; } .select2-container--default{ } .select2-container--disabled{ opacity:0.5; }