@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:0;
width:22px;
margin-bottom:0;
font:16px/22px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif;
}
.pagination li.first{
margin-right:10px;
}
.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;
}
/* Admin preview */
.preview-hidden-banner{
background:#850C2E;
color:#fff;
padding:10px 16px;
text-align:center;
font:17px/17px "SabonLTW04", Georgia, "Times New Roman", Times, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", serif;
}
.preview-hidden-label{
display:inline-block;
background:#850C2E;
color:#fff;
font-size:11px;
line-height:1;
padding:4px 8px;
margin:0 0 10px;
text-transform:uppercase;
letter-spacing:0.05em;
}
/*-------------------------------------------------------------------------------------------------*/
/*
* 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 view�s 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 view�s 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;
}