body { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑 !important; } @-webkit-keyframes slideIn { 0% { margin-top: 20px; opacity: 0; } 100% { margin-top: 0; opacity: 1; } } @keyframes slideIn { 0% { margin-top: 20px; opacity: 0; } 100% { margin-top: 0; opacity: 1; } } @media screen and (min-width: 568px) { .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-1-2, .pure-u-sm-1-3, .pure-u-sm-2-3, .pure-u-sm-1-4, .pure-u-sm-3-4, .pure-u-sm-1-5, .pure-u-sm-2-5, .pure-u-sm-3-5, .pure-u-sm-4-5, .pure-u-sm-5-5, .pure-u-sm-1-6, .pure-u-sm-5-6, .pure-u-sm-1-8, .pure-u-sm-3-8, .pure-u-sm-5-8, .pure-u-sm-7-8, .pure-u-sm-1-12, .pure-u-sm-5-12, .pure-u-sm-7-12, .pure-u-sm-11-12, .pure-u-sm-1-24, .pure-u-sm-2-24, .pure-u-sm-3-24, .pure-u-sm-4-24, .pure-u-sm-5-24, .pure-u-sm-6-24, .pure-u-sm-7-24, .pure-u-sm-8-24, .pure-u-sm-9-24, .pure-u-sm-10-24, .pure-u-sm-11-24, .pure-u-sm-12-24, .pure-u-sm-13-24, .pure-u-sm-14-24, .pure-u-sm-15-24, .pure-u-sm-16-24, .pure-u-sm-17-24, .pure-u-sm-18-24, .pure-u-sm-19-24, .pure-u-sm-20-24, .pure-u-sm-21-24, .pure-u-sm-22-24, .pure-u-sm-23-24, .pure-u-sm-24-24 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; } .pure-u-sm-1-24 { width: 4.1667%; *width: 4.1357%; } .pure-u-sm-1-12, .pure-u-sm-2-24 { width: 8.3333%; *width: 8.3023%; } .pure-u-sm-1-8, .pure-u-sm-3-24 { width: 12.5000%; *width: 12.4690%; } .pure-u-sm-1-6, .pure-u-sm-4-24 { width: 16.6667%; *width: 16.6357%; } .pure-u-sm-1-5 { width: 20%; *width: 19.9690%; } .pure-u-sm-5-24 { width: 20.8333%; *width: 20.8023%; } .pure-u-sm-1-4, .pure-u-sm-6-24 { width: 25%; *width: 24.9690%; } .pure-u-sm-7-24 { width: 29.1667%; *width: 29.1357%; } .pure-u-sm-1-3, .pure-u-sm-8-24 { width: 33.3333%; *width: 33.3023%; } .pure-u-sm-3-8, .pure-u-sm-9-24 { width: 37.5000%; *width: 37.4690%; } .pure-u-sm-2-5 { width: 40%; *width: 39.9690%; } .pure-u-sm-5-12, .pure-u-sm-10-24 { width: 41.6667%; *width: 41.6357%; } .pure-u-sm-11-24 { width: 45.8333%; *width: 45.8023%; } .pure-u-sm-1-2, .pure-u-sm-12-24 { width: 50%; *width: 49.9690%; } .pure-u-sm-13-24 { width: 54.1667%; *width: 54.1357%; } .pure-u-sm-7-12, .pure-u-sm-14-24 { width: 58.3333%; *width: 58.3023%; } .pure-u-sm-3-5 { width: 60%; *width: 59.9690%; } .pure-u-sm-5-8, .pure-u-sm-15-24 { width: 62.5000%; *width: 62.4690%; } .pure-u-sm-2-3, .pure-u-sm-16-24 { width: 66.6667%; *width: 66.6357%; } .pure-u-sm-17-24 { width: 70.8333%; *width: 70.8023%; } .pure-u-sm-3-4, .pure-u-sm-18-24 { width: 75%; *width: 74.9690%; } .pure-u-sm-19-24 { width: 79.1667%; *width: 79.1357%; } .pure-u-sm-4-5 { width: 80%; *width: 79.9690%; } .pure-u-sm-5-6, .pure-u-sm-20-24 { width: 83.3333%; *width: 83.3023%; } .pure-u-sm-7-8, .pure-u-sm-21-24 { width: 87.5000%; *width: 87.4690%; } .pure-u-sm-11-12, .pure-u-sm-22-24 { width: 91.6667%; *width: 91.6357%; } .pure-u-sm-23-24 { width: 95.8333%; *width: 95.8023%; } .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-5-5, .pure-u-sm-24-24 { width: 100%; } } @media screen and (min-width: 768px) { .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-1-2, .pure-u-md-1-3, .pure-u-md-2-3, .pure-u-md-1-4, .pure-u-md-3-4, .pure-u-md-1-5, .pure-u-md-2-5, .pure-u-md-3-5, .pure-u-md-4-5, .pure-u-md-5-5, .pure-u-md-1-6, .pure-u-md-5-6, .pure-u-md-1-8, .pure-u-md-3-8, .pure-u-md-5-8, .pure-u-md-7-8, .pure-u-md-1-12, .pure-u-md-5-12, .pure-u-md-7-12, .pure-u-md-11-12, .pure-u-md-1-24, .pure-u-md-2-24, .pure-u-md-3-24, .pure-u-md-4-24, .pure-u-md-5-24, .pure-u-md-6-24, .pure-u-md-7-24, .pure-u-md-8-24, .pure-u-md-9-24, .pure-u-md-10-24, .pure-u-md-11-24, .pure-u-md-12-24, .pure-u-md-13-24, .pure-u-md-14-24, .pure-u-md-15-24, .pure-u-md-16-24, .pure-u-md-17-24, .pure-u-md-18-24, .pure-u-md-19-24, .pure-u-md-20-24, .pure-u-md-21-24, .pure-u-md-22-24, .pure-u-md-23-24, .pure-u-md-24-24 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; } .pure-u-md-1-24 { width: 4.1667%; *width: 4.1357%; } .pure-u-md-1-12, .pure-u-md-2-24 { width: 8.3333%; *width: 8.3023%; } .pure-u-md-1-8, .pure-u-md-3-24 { width: 12.5000%; *width: 12.4690%; } .pure-u-md-1-6, .pure-u-md-4-24 { width: 16.6667%; *width: 16.6357%; } .pure-u-md-1-5 { width: 20%; *width: 19.9690%; } .pure-u-md-5-24 { width: 20.8333%; *width: 20.8023%; } .pure-u-md-1-4, .pure-u-md-6-24 { width: 25%; *width: 24.9690%; } .pure-u-md-7-24 { width: 29.1667%; *width: 29.1357%; } .pure-u-md-1-3, .pure-u-md-8-24 { width: 33.3333%; *width: 33.3023%; } .pure-u-md-3-8, .pure-u-md-9-24 { width: 37.5000%; *width: 37.4690%; } .pure-u-md-2-5 { width: 40%; *width: 39.9690%; } .pure-u-md-5-12, .pure-u-md-10-24 { width: 41.6667%; *width: 41.6357%; } .pure-u-md-11-24 { width: 45.8333%; *width: 45.8023%; } .pure-u-md-1-2, .pure-u-md-12-24 { width: 50%; *width: 49.9690%; } .pure-u-md-13-24 { width: 54.1667%; *width: 54.1357%; } .pure-u-md-7-12, .pure-u-md-14-24 { width: 58.3333%; *width: 58.3023%; } .pure-u-md-3-5 { width: 60%; *width: 59.9690%; } .pure-u-md-5-8, .pure-u-md-15-24 { width: 62.5000%; *width: 62.4690%; } .pure-u-md-2-3, .pure-u-md-16-24 { width: 66.6667%; *width: 66.6357%; } .pure-u-md-17-24 { width: 70.8333%; *width: 70.8023%; } .pure-u-md-3-4, .pure-u-md-18-24 { width: 75%; *width: 74.9690%; } .pure-u-md-19-24 { width: 79.1667%; *width: 79.1357%; } .pure-u-md-4-5 { width: 80%; *width: 79.9690%; } .pure-u-md-5-6, .pure-u-md-20-24 { width: 83.3333%; *width: 83.3023%; } .pure-u-md-7-8, .pure-u-md-21-24 { width: 87.5000%; *width: 87.4690%; } .pure-u-md-11-12, .pure-u-md-22-24 { width: 91.6667%; *width: 91.6357%; } .pure-u-md-23-24 { width: 95.8333%; *width: 95.8023%; } .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-5-5, .pure-u-md-24-24 { width: 100%; } } @media screen and (min-width: 980px) { .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-1-2, .pure-u-lg-1-3, .pure-u-lg-2-3, .pure-u-lg-1-4, .pure-u-lg-3-4, .pure-u-lg-1-5, .pure-u-lg-2-5, .pure-u-lg-3-5, .pure-u-lg-4-5, .pure-u-lg-5-5, .pure-u-lg-1-6, .pure-u-lg-5-6, .pure-u-lg-1-8, .pure-u-lg-3-8, .pure-u-lg-5-8, .pure-u-lg-7-8, .pure-u-lg-1-12, .pure-u-lg-5-12, .pure-u-lg-7-12, .pure-u-lg-11-12, .pure-u-lg-1-24, .pure-u-lg-2-24, .pure-u-lg-3-24, .pure-u-lg-4-24, .pure-u-lg-5-24, .pure-u-lg-6-24, .pure-u-lg-7-24, .pure-u-lg-8-24, .pure-u-lg-9-24, .pure-u-lg-10-24, .pure-u-lg-11-24, .pure-u-lg-12-24, .pure-u-lg-13-24, .pure-u-lg-14-24, .pure-u-lg-15-24, .pure-u-lg-16-24, .pure-u-lg-17-24, .pure-u-lg-18-24, .pure-u-lg-19-24, .pure-u-lg-20-24, .pure-u-lg-21-24, .pure-u-lg-22-24, .pure-u-lg-23-24, .pure-u-lg-24-24 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; } .pure-u-lg-1-24 { width: 4.1667%; *width: 4.1357%; } .pure-u-lg-1-12, .pure-u-lg-2-24 { width: 8.3333%; *width: 8.3023%; } .pure-u-lg-1-8, .pure-u-lg-3-24 { width: 12.5000%; *width: 12.4690%; } .pure-u-lg-1-6, .pure-u-lg-4-24 { width: 16.6667%; *width: 16.6357%; } .pure-u-lg-1-5 { width: 20%; *width: 19.9690%; } .pure-u-lg-5-24 { width: 20.8333%; *width: 20.8023%; } .pure-u-lg-1-4, .pure-u-lg-6-24 { width: 25%; *width: 24.9690%; } .pure-u-lg-7-24 { width: 29.1667%; *width: 29.1357%; } .pure-u-lg-1-3, .pure-u-lg-8-24 { width: 33.3333%; *width: 33.3023%; } .pure-u-lg-3-8, .pure-u-lg-9-24 { width: 37.5000%; *width: 37.4690%; } .pure-u-lg-2-5 { width: 40%; *width: 39.9690%; } .pure-u-lg-5-12, .pure-u-lg-10-24 { width: 41.6667%; *width: 41.6357%; } .pure-u-lg-11-24 { width: 45.8333%; *width: 45.8023%; } .pure-u-lg-1-2, .pure-u-lg-12-24 { width: 50%; *width: 49.9690%; } .pure-u-lg-13-24 { width: 54.1667%; *width: 54.1357%; } .pure-u-lg-7-12, .pure-u-lg-14-24 { width: 58.3333%; *width: 58.3023%; } .pure-u-lg-3-5 { width: 60%; *width: 59.9690%; } .pure-u-lg-5-8, .pure-u-lg-15-24 { width: 62.5000%; *width: 62.4690%; } .pure-u-lg-2-3, .pure-u-lg-16-24 { width: 66.6667%; *width: 66.6357%; } .pure-u-lg-17-24 { width: 70.8333%; *width: 70.8023%; } .pure-u-lg-3-4, .pure-u-lg-18-24 { width: 75%; *width: 74.9690%; } .pure-u-lg-19-24 { width: 79.1667%; *width: 79.1357%; } .pure-u-lg-4-5 { width: 80%; *width: 79.9690%; } .pure-u-lg-5-6, .pure-u-lg-20-24 { width: 83.3333%; *width: 83.3023%; } .pure-u-lg-7-8, .pure-u-lg-21-24 { width: 87.5000%; *width: 87.4690%; } .pure-u-lg-11-12, .pure-u-lg-22-24 { width: 91.6667%; *width: 91.6357%; } .pure-u-lg-23-24 { width: 95.8333%; *width: 95.8023%; } .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-5-5, .pure-u-lg-24-24 { width: 100%; } } @media screen and (min-width: 1280px) { .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-1-2, .pure-u-xl-1-3, .pure-u-xl-2-3, .pure-u-xl-1-4, .pure-u-xl-3-4, .pure-u-xl-1-5, .pure-u-xl-2-5, .pure-u-xl-3-5, .pure-u-xl-4-5, .pure-u-xl-5-5, .pure-u-xl-1-6, .pure-u-xl-5-6, .pure-u-xl-1-8, .pure-u-xl-3-8, .pure-u-xl-5-8, .pure-u-xl-7-8, .pure-u-xl-1-12, .pure-u-xl-5-12, .pure-u-xl-7-12, .pure-u-xl-11-12, .pure-u-xl-1-24, .pure-u-xl-2-24, .pure-u-xl-3-24, .pure-u-xl-4-24, .pure-u-xl-5-24, .pure-u-xl-6-24, .pure-u-xl-7-24, .pure-u-xl-8-24, .pure-u-xl-9-24, .pure-u-xl-10-24, .pure-u-xl-11-24, .pure-u-xl-12-24, .pure-u-xl-13-24, .pure-u-xl-14-24, .pure-u-xl-15-24, .pure-u-xl-16-24, .pure-u-xl-17-24, .pure-u-xl-18-24, .pure-u-xl-19-24, .pure-u-xl-20-24, .pure-u-xl-21-24, .pure-u-xl-22-24, .pure-u-xl-23-24, .pure-u-xl-24-24 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; } .pure-u-xl-1-24 { width: 4.1667%; *width: 4.1357%; } .pure-u-xl-1-12, .pure-u-xl-2-24 { width: 8.3333%; *width: 8.3023%; } .pure-u-xl-1-8, .pure-u-xl-3-24 { width: 12.5000%; *width: 12.4690%; } .pure-u-xl-1-6, .pure-u-xl-4-24 { width: 16.6667%; *width: 16.6357%; } .pure-u-xl-1-5 { width: 20%; *width: 19.9690%; } .pure-u-xl-5-24 { width: 20.8333%; *width: 20.8023%; } .pure-u-xl-1-4, .pure-u-xl-6-24 { width: 25%; *width: 24.9690%; } .pure-u-xl-7-24 { width: 29.1667%; *width: 29.1357%; } .pure-u-xl-1-3, .pure-u-xl-8-24 { width: 33.3333%; *width: 33.3023%; } .pure-u-xl-3-8, .pure-u-xl-9-24 { width: 37.5000%; *width: 37.4690%; } .pure-u-xl-2-5 { width: 40%; *width: 39.9690%; } .pure-u-xl-5-12, .pure-u-xl-10-24 { width: 41.6667%; *width: 41.6357%; } .pure-u-xl-11-24 { width: 45.8333%; *width: 45.8023%; } .pure-u-xl-1-2, .pure-u-xl-12-24 { width: 50%; *width: 49.9690%; } .pure-u-xl-13-24 { width: 54.1667%; *width: 54.1357%; } .pure-u-xl-7-12, .pure-u-xl-14-24 { width: 58.3333%; *width: 58.3023%; } .pure-u-xl-3-5 { width: 60%; *width: 59.9690%; } .pure-u-xl-5-8, .pure-u-xl-15-24 { width: 62.5000%; *width: 62.4690%; } .pure-u-xl-2-3, .pure-u-xl-16-24 { width: 66.6667%; *width: 66.6357%; } .pure-u-xl-17-24 { width: 70.8333%; *width: 70.8023%; } .pure-u-xl-3-4, .pure-u-xl-18-24 { width: 75%; *width: 74.9690%; } .pure-u-xl-19-24 { width: 79.1667%; *width: 79.1357%; } .pure-u-xl-4-5 { width: 80%; *width: 79.9690%; } .pure-u-xl-5-6, .pure-u-xl-20-24 { width: 83.3333%; *width: 83.3023%; } .pure-u-xl-7-8, .pure-u-xl-21-24 { width: 87.5000%; *width: 87.4690%; } .pure-u-xl-11-12, .pure-u-xl-22-24 { width: 91.6667%; *width: 91.6357%; } .pure-u-xl-23-24 { width: 95.8333%; *width: 95.8023%; } .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-5-5, .pure-u-xl-24-24 { width: 100%; } } /*@font-face { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'forma_reregular'; src: url("../fonts/formare-regular-webfont.eot"); src: url("../fonts/formare-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/formare-regular-webfont.woff") format("woff"), url("../fonts/formare-regular-webfont.ttf") format("truetype"), url("../fonts/formare-regular-webfont.svg#forma_reregular") format("svg"); }*/ @font-face { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'forma_relight'; src: url("../fonts/formare-light-webfont.eot"); src: url("../fonts/formare-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/formare-light-webfont.woff") format("woff"), url("../fonts/formare-light-webfont.ttf") format("truetype"), url("../fonts/formare-light-webfont.svg#forma_relight") format("svg"); } @font-face { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'forma_rebold'; src: url("../fonts/formare-bold-webfont.eot"); src: url("../fonts/formare-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/formare-bold-webfont.woff") format("woff"), url("../fonts/formare-bold-webfont.ttf") format("truetype"), url("../fonts/formare-bold-webfont.svg#forma_rebold") format("svg"); } /*@font-face { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'Freight Display Pro W01'; src: url("../fonts/didot-htf-m96-medium-webfont.eot"); src: url("../fonts/didot-htf-m96-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/didot-htf-m96-medium-webfont.woff") format("woff"), url("../fonts/didot-htf-m96-medium-webfont.ttf") format("truetype"), url("../fonts/didot-htf-m96-medium-webfont.svg#Freight Display Pro W01") format("svg"); } @font-face { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'Freight Display Pro W01'; src: url("../fonts/didot-htf-m96-medium-ital-webfont.eot"); src: url("../fonts/didot-htf-m96-medium-ital-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/didot-htf-m96-medium-ital-webfont.woff") format("woff"), url("../fonts/didot-htf-m96-medium-ital-webfont.ttf") format("truetype"), url("../fonts/didot-htf-m96-medium-ital-webfont.svg#Freight Display Pro W01-ital") format("svg"); }*/ /*@font-face { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'didothtf-l96-light'; src: url("../fonts/didot-htf-l96-light-webfont.eot"); src: url("../fonts/didot-htf-l96-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/didot-htf-l96-light-webfont.woff") format("woff"), url("../fonts/didot-htf-l96-light-webfont.ttf") format("truetype"), url("../fonts/didot-htf-l96-light-webfont.svg#Freight Display Pro W01") format("svg"); }*/ @font-face { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'didothtf-l96-light-italic'; src: url("../fonts/didot-htf-l96-light-ital-webfont.eot"); src: url("../fonts/didot-htf-l96-light-ital-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/didot-htf-l96-light-ital-webfont.woff") format("woff"), url("../fonts/didot-htf-l96-light-ital-webfont.ttf") format("truetype"), url("../fonts/didot-htf-l96-light-ital-webfont.svg#didothtf-l96-light-ital") format("svg"); } body { /*margin-top: 47px;*/ } .header-slideout-trigger { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute; left: 0; padding: 8px 10px; cursor: pointer; } /* header slideout nav / search */ .header-nav-wrapper, .header-search-wrapper { position: fixed; top: 0; bottom: 0; height: 100%; width: 400px; z-index: 99999; padding: 10px 0 60px 10px; overflow: hidden; background-color: #151515; text-align: left; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .header-nav-wrapper { left: -400px; } .header-search-wrapper { left: 400px; } .header-nav-wrapper.header-slideout-active { left: 0; } .header-search-wrapper.header-slideout-active { left: 0; } .header-nav-wrapper .logo-img img, .header-search-wrapper .logo-img img { -webkit-filter: invert(100%); filter: invert(100%); width: 35%; display: inline; } .header-close { position: absolute; top: 10px; right: 10px; color: #fff; z-index: 100; cursor: pointer; } .header-nav-outer-wrapper { overflow: hidden; width: 380px; height: 100%; margin-right: 10px; } .header-nav-inner-wrapper { overflow-y: scroll; padding-right: 17px; width: 397px; height: 100%; scroll-behavior: smooth; } /*.header-nav-inner-wrapper::-webkit-scrollbar { display: none; }*/ /* header nav slideout */ .header-nav-menu, .header-nav-menu ul, .header-nav-menu li, .header-nav-menu a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-size: 1; position: relative; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; } .header-nav-menu a { line-height: 1.2; } .header-nav-menu { width: 100%; /*border-bottom: 4px solid #656659; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/ } /*.header-nav-menu > ul > li:first-child { background: #66665e; background: -moz-linear-gradient(#66665e 0%, #45463d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d)); background: -webkit-linear-gradient(#66665e 0%, #45463d 100%); background: linear-gradient(#66665e 0%, #45463d 100%); border: 1px solid #45463d; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .header-nav-menu > ul > li:first-child > a { padding: 15px 10px; background: url(pattern.png) top left repeat; border: none; border-top: 1px solid #818176; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; text-align: center; font-size: 1.2em; font-weight: 300; text-shadow: 0 -1px 1px #000000; } .header-nav-menu > ul > li:first-child > a > span { padding: 0; } .header-nav-menu > ul > li:first-child:hover { background: #66665e; background: -moz-linear-gradient(#66665e 0%, #45463d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d)); background: -webkit-linear-gradient(#66665e 0%, #45463d 100%); background: linear-gradient(#66665e 0%, #45463d 100%); }*/ .header-nav-menu > ul > li { /*background: #e94f31; background: -moz-linear-gradient(#e94f31 0%, #d13516 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e94f31), color-stop(100%, #d13516)); background: -webkit-linear-gradient(#e94f31 0%, #d13516 100%); background: linear-gradient(#e94f31 0%, #d13516 100%);*/ border-bottom: 1px solid #333; } .header-nav-menu > ul > li:hover { /*background: #e84323; background: -moz-linear-gradient(#e84323 0%, #c33115 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e84323), color-stop(100%, #c33115)); background: -webkit-linear-gradient(#e84323 0%, #c33115 100%); background: linear-gradient(#e84323 0%, #c33115 100%);*/ } .header-nav-menu > ul > li > a { /*font-size: .9em;*/ display: block; /*background: url(menu_images/pattern.png) top left repeat;*/ color: #ffffff; /*border-bottom: 1px solid #999;*/ } .header-nav-menu > ul > li > a { display: block; padding: 12px 0; } .header-nav-menu > ul > li > a:hover { text-decoration: none; } .header-nav-menu > ul > li.active.has-sub { border-bottom: none; } .header-nav-menu > ul > li.has-sub > a span { /*background: url(menu_images/icon_plus.png) 96% center no-repeat;*/ } .header-nav-menu > ul > li.has-sub.active > a span { /*background: url(menu_images/icon_minus.png) 96% center no-repeat;*/ } .header-nav-menu ul ul { display: none; /*background: #fff; border-right: 1px solid #a2a194; border-left: 1px solid #a2a194;*/ } .header-nav-menu ul > li.has-sub.active > ul { border-bottom: 1px solid #333; } .header-nav-menu ul ul li { padding: 0 0 0 8px; /*border-bottom: 1px solid #d4d4d4; border-top: none; background: #f7f7f7; background: -moz-linear-gradient(#f7f7f7 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ececec)); background: -webkit-linear-gradient(#f7f7f7 0%, #ececec 100%); background: linear-gradient(#f7f7f7 0%, #ececec 100%);*/ } .header-nav-menu ul ul li:last-child { border-bottom: none; } .header-nav-menu ul ul a { padding: 10px 0; display: block; color: #ccc; /*font-size: .9em; font-weight: normal;*/ } /*.header-nav-menu ul ul a:before { content: '\00BB'; position: absolute; left: 10px; color: #e94f31; } .header-nav-menu ul ul a:hover { color: #e94f31; }*/ .header-nav-menu .active-tab > a { color: #b10d3a; } .fa-chevron-right { float: right; color: #555 !important; } .active .fa-chevron-right { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* header search */ .header-search-form { margin: 12px auto 0; width: 90%; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, arial; } .header-search-form input[type=checkbox], .header-search-form input[type=radio] { display: none; } .header-search-form label { display: block; position: relative; text-transform: uppercase; font-size: 12px; width: 30%; line-height: 1.5; margin-right: 3%; text-align: center; color: #fff; padding: 6px 0; -webkit-user-select: none; /* Chrome all / Safari all */ user-select: none; /* Common (limited support) */ transition: all .3s; box-sizing: border-box; border: 1px solid #333; } .header-search-form :checked + label { background-color: #b10d3a; border: 1px solid #b10d3a; } .header-search-query { height: 48px; border-bottom: 1px solid #666; color: #999; font-size: 24px; background-color: #151515; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: baseline; align-items: baseline; padding: 2px; } .header-search-query input { width: 90%; } .header-search-query input:focus { background-color: #333; outline: none; } .header-search-query button { background: none; border: none; } .header-search-query input[type="text"] { background-color: #000; color: #fff; border: none; transition-property: background; transition-duration: .5s; padding: 5px 0; } .header-search-filter { display: flex; margin-top: 12px; } .header-search-title { margin-top: 50px; font-size: 14px; font-weight: bold; color: #999; text-transform: uppercase; } /* header */ .header-share .at-icon-wrapper { background-color: #bbb !important; } .header-share .at-icon { fill: #333 !important; } .header-subscription { display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; background-color: #fff; padding: 8px 0 8px 18px; margin: 12px 0; } .header-subscription a { text-align: center; font-size: 16px; line-height: 2; max-width: 230px; padding:0; color: #fff; background-color: #b10d3a; display: block; } .header-subscription img { min-width: 100px; width: 100px; } .header-followus p { color: #fff; font-weight: 500; padding: 0; margin: 0; } .header-followus .fa { color: #fff; margin: 10px; } .header-morelink a { display: block; font-size: 14px; font-weight: lighter; padding: 12px 0; color: #fff; } .header-footer { display: flex; -webkit-align-items: center; align-items: center; margin: 12px auto 0; width: 95%; } .header-footer img { min-width: 40px; } .header-footer p { color: #eee; font-size: 12px; padding-left: 20px; margin: 0; line-height: 1.2; } #instafeed, #fbfeed { margin: 20px 0; text-align: center; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 220px; padding: 20px; color: #ffffff; text-align: left; text-decoration: none; background: #4A4A4A; border-radius: 4px; line-height: 1.5; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 1px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #4A4A4A; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #4A4A4A; } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #4A4A4A; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #4A4A4A; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #4A4A4A; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #4A4A4A; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #4A4A4A; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-top-color: #4A4A4A; } /* CUSTOM TOOLTIP */ .tooltip strong { display: block; margin-bottom: 10px; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-weight: 700; font-size: 16px; } .tooltip .avatar-img { float: none; display: inline-block; margin: 4px 4px 0 0; width: auto; height: 40px !important; } .sliderimgwrap { position: relative; width: 100%; } /* video play button watermark */ .sliderimgwrap a.slider_video_overlay::before, .thumbnail-img a.video_overlay::before { bottom: 0; content: url("../img/video-watermark.png"); display: block; height: 96px; left: 0; margin: 0 auto; opacity: 1; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; width: 96px; z-index: 20; } @keyframes headermovementleft { 0% { -webkit-transform: translateY(-1px)rotate(0.00deg); transform: translateY(-1px)rotate(0.00deg); } 100% { -webkit-transform: translateY(-14px)rotate(0.01deg); transform: translateY(-14px)rotate(0.01deg); } } @keyframes headermovementright { 0% { -webkit-transform: translateY(-14px)rotate(0.00deg); transform: translateY(-14px)rotate(0.00deg); } 100% { -webkit-transform: translateY(-2px)rotate(0.01deg); transform: translateY(-2px)rotate(0.01deg); } } .heading-layer-left { position: absolute; top: 0; left: 0; width: 100%; height: 100px; animation: headermovementleft 2.2s ease-in-out 0s forwards 1; -webkit-animation: headermovementleft 2.2s ease-in-out 0s forwards 1; } .heading-layer-right { position: absolute; top: 0; left: 0; width: 100%; height: 100px; animation: headermovementright 2.2s ease-in-out 0s forwards 1; -webkit-animation: headermovementright 2.2s ease-in-out 0s forwards 1; } #heading { position: relative; width: 100%; height: 65px; display: flex; display: -webkit-flex; align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center; overflow: hidden; } #heading h1 { /*color: #fff; font-size: 62px; text-shadow: 0 0 4px #000000; text-transform: uppercase;*/ /*font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Torino Modern W90"; text-transform: uppercase; transform: scale(0.9, 1); font-size: 48px; font-weight: 400; letter-spacing: 2px; color: #fff;*/ width: 0; height: 0; overflow: hidden; } .events-bg { background: url("../img/headings/events-bg.jpg") center repeat-x; } .events-bg h1 { color: #fff; } #liquid-slider { /*height: 360px;*/ overflow: hidden; white-space: nowrap; } #liquid-slider figure { width: 100%; max-width: 660px; /*height: 330px;*/ margin: 5px; /*position: relative; float: left;*/ display: inline-block; } #liquid-slider figcaption { position: absolute; bottom: 0; background: rgba(227,227,227,0.8); width: 100%; text-align: center; height: 110px; color: #000; white-space: normal; } #liquid-slider figcaption a { margin: 12px; display: block; color: #000; } #liquid-slider h3 { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, inherit; font-size: 15px; color: inherit; text-transform: uppercase; margin-top: 8px; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'forma_relight'; } #liquid-slider figcaption strong { font-size: 27px; line-height: 32px; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'Freight Display Pro W01'; font-weight: 500; } #liquid-slider .slick-prev, #liquid-slider .slick-next { /*height: 90%; margin-top: -169px; width: 20%;*/ width: 70px; height: 126px; margin-top: -80px; opacity: 0.4; z-index: 5; } #liquid-slider .slick-prev:hover, #liquid-slider .slick-next:hover { opacity: 1; } /*@media (max-width: 660px) { #liquid-slider .slick-prev, #liquid-slider .slick-next { height: 126px; margin-top: -80px; width: 70px; } }*/ #liquid-slider .slick-prev:hover { background: url("../img/slider-arrow-left.png") no-repeat center left !important; } #liquid-slider .slick-next:hover { background: url("../img/slider-arrow-right.png") no-repeat center right !important; } #liquid-slider .slick-prev:before { content: ''; } [dir='rtl'] #liquid-slider .slick-prev:before { content: ''; } #liquid-slider .slick-next:before { content: ''; } [dir='rtl'] #liquid-slider .slick-next:before { content: ''; } #liquid-slider .slick-prev { left: 5px; background: url("../img/slider-arrow-left.png") !important; } #liquid-slider .slick-next { right: 5px; background: url("../img/slider-arrow-right.png") !important; } .thumbnail-story { border-top: #eef 1px solid; } .thumbnail-story :first-child { border-top:none; } @media (max-width: 979px) { .tooltip { display: none !important; } } @-webkit-keyframes slideIn { 0% { margin-top: 20px; opacity: 0; } 100% { margin-top: 0; opacity: 1; } } @keyframes slideIn { 0% { margin-top: 20px; opacity: 0; } 100% { margin-top: 0; opacity: 1; } } .tab-headings { background: white; text-align: center; } .tab-headings li { display: inline-block; } .tab-headings li a { display: inline-block; position: relative; z-index: 2; padding: 10px 20px; border: 1px solid transparent; border-bottom-color: #F9F9F9; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-size: 16px; color: #4A4A4A; } .tab-headings li a:hover, .tab-headings li a:focus, .tab-headings li a:active { color: #d8d8d8; } .tab-headings li.active a { border-color: #D8D8D8; border-bottom-color: #F9F9F9; background: #F9F9F9; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-weight: 700; } .tab-content { position: relative; top: -2px; padding: 30px; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; background: #F9F9F9; } .tab-pane { display: none; text-align: center; } .tab-pane.active { display: block; } .tab-plain .tab-headings li:after { content: " \2022"; } .tab-plain .tab-headings li:last-of-type:after { display: none; } .tab-plain .tab-headings li a { margin: 0 2px; padding: 0; border: 0; font-size: 12px; text-decoration: underline; } .tab-plain .tab-headings li a:hover, .tab-plain .tab-headings li a:focus, .tab-plain .tab-headings li a:active { color: #d8d8d8; } .tab-plain .tab-headings li.active a { background: none; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; text-decoration: none; } .tab-plain .tab-content { background: none; border: 0; } @media (max-width: 767px) { /*#liquid-slider { height: 360px; overflow: hidden; }*/ #liquid-slider figcaption { height: 70px; } #liquid-slider h3 { font-size: 12px; } #liquid-slider figcaption strong { font-size: 20px; line-height: 22px; } .tab-standard { border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; background: #F9F9F9; } .tab-standard .tab-headings { padding: 20px 5px; background: inherit; } .tab-plain .tab-headings li a { color: black; } .tab-content { padding: 10px; } } /*@media (max-width: 621px) { #liquid-slider { height: 335px; } } @media (max-width: 601px) { #liquid-slider { height: 325px; } } @media (max-width: 581px) { #liquid-slider { height: 315px; } } @media (max-width: 561px) { #liquid-slider { height: 305px; } } @media (max-width: 541px) { #liquid-slider { height: 295px; } } @media (max-width: 521px) { #liquid-slider { height: 285px; } } @media (max-width: 501px) { #liquid-slider { height: 275px; } } @media (max-width: 481px) { #liquid-slider { height: 265px; } } @media (max-width: 461px) { #liquid-slider { height: 255px; } } @media (max-width: 441px) { #liquid-slider { height: 245px; } } @media (max-width: 421px) { #liquid-slider { height: 235px; } } @media (max-width: 401px) { #liquid-slider { height: 225px; } } @media (max-width: 381px) { #liquid-slider { height: 215px; } } @media (max-width: 361px) { #liquid-slider { height: 205px; } }*/ @-webkit-keyframes slideIn { 0% { margin-top: 20px; opacity: 0; } 100% { margin-top: 0; opacity: 1; } } @keyframes slideIn { 0% { margin-top: 20px; opacity: 0; } 100% { margin-top: 0; opacity: 1; } } .thumbnail-img { position: relative; } .thumbnail-img a { display: block; position: relative; overflow: hidden; line-height: 0; vertical-align: middle; } .thumbnail-img a:after { content: ""; position: absolute; top: 0; left: 0; max-width: 300px; width: 100%; height: 100%; background: transparent; -webkit-transition: all 0.35s; transition: all 0.35s; } .thumbnail-img a:hover:after, .thumbnail-img a:focus:after, .thumbnail-img a:active:after { background: rgba(0, 0, 0, 0.25); } .thumbnail-img a img { -webkit-transition: all 0.35s; transition: all 0.35s; } .thumbnail-info small { display: block; } .thumbnail-product img { border: 1px solid #EEE; -webkit-transition: all 0.35s; transition: all 0.35s; } .thumbnail-product img:hover, .thumbnail-product img:focus, .thumbnail-product img:active { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .thumbnail-product h3 { margin-top: 5px; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-size: 12px; text-transform: uppercase; } .thumbnail-story { position: relative; } .thumbnail-video .thumbnail-img a:before { content: url("../img/video-watermark.png"); display: block; position: absolute; top: 50%; bottom: 0; left: 0; right: 0; z-index: 1; opacity: 0; margin: 0 auto; width: 96px; height: 96px; -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .thumbnail-video .thumbnail-img a:hover:before, .thumbnail-video .thumbnail-img a:focus:before, .thumbnail-video .thumbnail-img a:active:before { opacity: 1; } @media (max-width: 979px) { .thumbnail-info a strong { font-size: 14px; } .thumbnail-video .thumbnail-img a:before { -webkit-transform: translateY(-50%) scale(0.5); -ms-transform: translateY(-50%) scale(0.5); transform: translateY(-50%) scale(0.5); } } @media (max-width: 767px) { .thumbnail-img, .thumbnail-info { float: left; width: 50%; } .thumbnail-info { padding-left: 10px; } .big { padding: 0 !important; } .big .thumbnail-img, .big .thumbnail-info { float: none; } .big .thumbnail-img { width: 100%; } .big .thumbnail-info { position: relative; z-index: 1; margin: -20px 10px 0; width: auto; padding: 10px; background: #4A4A4A; } .big .thumbnail-info strong { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Freight Display Pro W01"; font-size: 24px; color: white; } .big .thumbnail-info strong:after { content: " \00BB"; } .thumbnail-video.big .thumbnail-img a:before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } /* RESET+ */ html { box-sizing: border-box; -webkit-font-smoothing: antialiased; } *, *:before, *:after { box-sizing: inherit; } body { position: relative; left: 0; overflow-x: hidden; color: #000; -webkit-transition: all 0.35s; transition: all 0.35s; } body.slideout-active { left: 260px; } section, article { clear: both; position: relative; /*margin: 50px auto;*/ margin: 0 auto; } img { max-width: 100%; height: auto; display: block; } .content img, .tab-content img { /*width: 100%;*/ height: auto; } ul { list-style: none; margin: 0; padding: 0; } hr { height: 0; border: 0; border-bottom: 1px solid black; } select { border: 0; background: none; } .wrapper { position: relative; margin: 0 auto; /*max-width: 960px;*/ max-width: 1140px; padding: 0 25px; } body.dining.view .wrapper { max-width: 980px; /*max-width: 1140px;*/ } .pure-g [class*="pure-u"] { padding: 10px; } .pure-g [class*="pure-u"] input { box-sizing: border-box; } /* TYPOGRAPHY */ body, .pure-g [class*="pure-u"] { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'Neue Helvetica W01'; font-weight: 300; font-size: 15px; line-height: 1.5; } a { color: inherit; text-decoration: none; } .content a, .tab-content a { /*font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-weight: 700; font-size: 16px;*/ color: black; } .article-body p a, .article-body li a { color:#b10d3a; } .article-body p a:hover { color:#777; } .author-bio p { color:#1e1e1e; } a strong { display: block; margin-top: 5px; font-weight: 400; } .article-body a strong { display: inline; } a:hover strong, a:focus strong, a:active strong { text-decoration: underline; } .listtitle{ color: #353535; font-size: 30px; border-top: solid 1px #717171; border-bottom: solid 1px #bfbfbf; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'Freight Display Pro W01'; font-weight: 500; text-transform: uppercase; font-style:normal; padding: 0 10px; margin-top: 10px; } h1, h2, h3, h4, .section-header { margin: 0; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Freight Display Pro W01"; font-weight: normal; color: black; } h1 { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Freight Display Pro W01"; font-size: 42px; } h2, .section-header { font-size: 36px; } h3 { font-size: 28px; } h4 { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Freight Display Pro W01"; font-size: 18px; /* font-style: italic; */ color: #000; font-weight: 700; text-align: center; } blockquote { clear: both; position: relative; left: 20px; margin: 15px 0; padding: 40px; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Georgia"; font-size: 24px; font-style: italic; } blockquote:before { content: "\201C"; position: absolute; top: -30px; left: -20px; width: 60px; font-size: 120px; color: #EEE; } cite { display: block; margin-top: 10px; font-size: 18px; text-align: right; } cite:before { content: "- "; } small { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'Neue Helvetica W01'; font-weight: 400; font-size: 14px; color: #777; } small a:hover, small a:focus, small a:active { text-decoration: underline; } .thumbnail-info small.deck a, small.deck a:hover { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'Neue Helvetica W01'; font-weight: 400; font-size: 14px; text-decoration: none; } form { position: relative; margin: 0 auto; } form a { text-decoration: underline; } form a:hover, form a:focus, form a:active { color: #d8d8d8; } input, button, a.btn { padding: 10px; border-radius: 3px; font-size: 14px; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-weight: 300; } input[type="search"] { -webkit-appearance: none; -webkit-border-radius: 3px; } input[type="email"], input[type="search"] { border: 1px solid #979797; background: white; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); outline: none; } input[type="email"]:focus, input[type="search"]:focus { border-color: #4a90e2; } input[type="email"] .error, input[type="search"] .error { border-color: #d0021b; } .checkbox-group { display: block; position: relative; margin: 2px 0; } .checkbox-group input[type="radio"], .checkbox-group input[type="checkbox"] { left: 0; opacity: 0; position: absolute; top: 4px; z-index: 1; } #survey .checkbox-group input[type="checkbox"] { top: 12px; } .checkbox-group input[type="radio"]:checked + label:after, .checkbox-group input[type="checkbox"]:checked + label:after { opacity: 1; } .checkbox-group label:before { content: ""; display: inline-block; position: relative; top: 2px; margin-right: 10px; width: 16px; height: 16px; border: 1px solid #979797; border-radius: 2px; background: white; box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); visibility: visible; } .checkbox-group label:after { position: absolute; top: -2px; left: 2px; opacity: 0; content: "\f00c"; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "FontAwesome"; font-size: 16px; color: #D0021B; } .radio-group { display: block; position: relative; margin: 2px 0; } .radio-group input[type="radio"] { position: absolute; top: 12px; left: 2px; z-index: 1; opacity: 0; } .radio-group input[type="radio"]:checked + label:after { opacity: 1; } .radio-group label:before { content: ""; display: inline-block; position: relative; top: 2px; margin-right: 10px; width: 16px; height: 16px; border: 1px solid #979797; border-radius: 50%; background: white; box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); visibility: visible; } .radio-group label:after { position: absolute; top: -2px; left: 2px; opacity: 0; content: "\f00c"; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "FontAwesome"; font-size: 16px; color: #D0021B; } button[type="submit"], a.btn { display: inline-block; padding: 10px; border: 0; background: -webkit-linear-gradient(#666666, black); background: -moz-linear-gradient(#666666, black); background: -o-linear-gradient(#666666, black); background: linear-gradient(#666666, black); font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-weight: 700; color: white; text-transform: uppercase; } a.btn { display: block; } input[disabled] { border: 1px solid #D8D8D8; background: white; color: #BBB; box-shadow: none; } input.input-large, button.input-large, a.input-large.btn { width: 440px; max-width: 100%; } input.input-medium, button.input-medium, a.input-medium.btn { width: 300px; max-width: 100%; } input.input-small, button.input-small, a.input-small.btn { width: 140px; max-width: 100%; } /* HELPER CLASS */ .text-center { text-align: center; } .text-right { text-align: right; } .float-left { float: left; } .float-right { float: right; } .app-badge { display: inline-block; margin-right: 10px; width: auto; height: 32px; border: 0; } .app-badge:hover { opacity: 0.7; } .avatar-img { float: left; margin: -2px 5px 0 0; width: 24px; height: 24px; border-radius: 50%; } .avatar-name { float: left; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-size: 12px; } .category-tag { display: block; position: absolute; top: 0; left: 0; z-index: 1; padding: 5px 10px; background: rgba(0, 0, 0, 0.7); font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'Neue Helvetica W01'; font-weight: 500; font-size: 13px; line-height: 1.5; color: white; text-transform: uppercase; letter-spacing: 1px; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .dummy { display: none !important; } .filter-dropdown { display: none; height: 36px; border: 1px solid #979797; background: -webkit-linear-gradient(#f2f2f2, #d4d4d4); background: -moz-linear-gradient(#f2f2f2, #d4d4d4); background: -o-linear-gradient(#f2f2f2, #d4d4d4); background: linear-gradient(#f2f2f2, #d4d4d4); } .filter-single { text-align: center; } .filter-single li { display: inline-block; padding: 20px; } .filter-single li h2 a { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Freight Display Pro W01"; font-size: 24px; color: #999; font-weight: 300; } .filter-single li h2 a:hover, .filter-single li h2 a:focus, .filter-single li h2 a:active { text-decoration: underline; } .filter-single li.active h2 a { color: black; text-decoration: underline; } .filter-section { position: relative; } .meta { display: block; margin: 2px 0; color: #4A4A4A; } article .meta { color: #979797; } .promo-countdown { display: inline-block; position: absolute; top: 0; right: 0; padding: 5px 10px; background: #D0021B; font-size: 12px; color: white; } .promo-countdown .days { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-weight: 700; } .pull-back-always { margin-left: -10px; margin-right: -10px; } .red { color: #b10d3a; text-transform: uppercase; } .stars-white { display: block; } .stars-red { display: block; } .stars-red img { display: inline-block; width: 12px; height: 12px; } a.view-all { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-weight: 700; font-size: 14px; color: #333333; } a.view-all:hover, a.view-all:focus, a.view-all:active { text-decoration: underline; } a.view-all:after { content: " \00BB"; } /* MODULE */ .ad-flex { clear: both; width: 100%; } .ad-leaderboard, .ad-banner, .ad-lrec { text-align: center; } .ad-leaderboard img, .ad-banner img, .ad-lrec img { width: auto; } .ad-leaderboard, .ad-banner, .ad-lrec { margin: 10px auto; } /*section .ad-lrec:first-child { margin-top: 0; }*/ .revive-rp { display: flex; -webkit-justify-content: center; justify-content: center; } .revive-rp:empty { display: none; } .inside-nav { margin-bottom: 10px; padding: 20px 10px; background: #F9F9F9; } .inside-nav h2 { margin-bottom: 10px; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Georgia"; font-size: 24px; font-style: italic; color: #4A4A4A; } .inside-nav ul { margin-right: -1%; } .inside-nav li { display: inline-block; margin: 0 1%; width: 47%; border-bottom: 1px solid #d8d8d8; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-size: 16px; } .inside-nav li.active a { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; } .inside-nav li a { display: block; padding: 10px 0; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; color: #000; } .inside-nav li a:hover, .inside-nav li a:focus, .inside-nav li a:active { color: #d8d8d8; } .lead { /* padding: 30px;*/ padding: 10px; text-align: center; } .lead h2 { margin: 10px auto; max-width: 480px; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "didothtf-l96-light-italic"; font-size: 20px; color: #bbbbbb; } #map-canvas { position: relative; height: 430px; background: #EEE; } #map-canvas img { max-width: none; } #overlay { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; background: rgba(0, 0, 0, 0.75); cursor: pointer; } #overlay-box { display: none; position: fixed; top: 30%; left: 50%; z-index: 100; margin: 0 auto; padding: 30px; background: black; color: white; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: scaleUp 0.35s; animation: scaleUp 0.35s; } @-webkit-keyframes scaleUp { 0% { -webkit-transform: translate(-50%, -50%) scale(0.9); -ms-transform: translate(-50%, -50%) scale(0.9); transform: translate(-50%, -50%) scale(0.9); } 100% { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } } @keyframes scaleUp { 0% { -webkit-transform: translate(-50%, -50%) scale(0.9); -ms-transform: translate(-50%, -50%) scale(0.9); transform: translate(-50%, -50%) scale(0.9); } 100% { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } } .close { position: absolute; top: 0; right: 10px; font-size: 30px; color: white; cursor: pointer; } .input-append { position: relative; } .input-append input[type="search"] { width: 100%; padding: 10px 60px 10px 10px; } .input-append button, .input-append a.btn { position: absolute; top: 0; right: 0; width: 60px; height: 100%; border-radius: 0 3px 3px 0; } .input-append button.bottom-icon { position: relative; border-radius: 3px; } .search-popular { margin: 20px auto; color: #BBB; } .search-popular a { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, inherit; font-size: 14px; color: inherit; text-decoration: underline; } .search-popular a:hover, .search-popular a:focus, .search-popular a:active { color: #333333; } .search-assist { display: none; position: relative; z-index: 96; margin-top: 20px; } .search-assist .result { border-bottom: 1px solid #666; color: white; text-align: left; } .search-assist .result:hover, .search-assist .result:focus, .search-assist .result:active { background: #4A4A4A; } .search-assist .result:last-of-type { border: 0; } .search-assist .result small, .search-assist .result a { display: block; color:#fff; font-weight: 300; } .search-assist .result a { padding: 10px; } .nav-search-container { position: absolute; right: 0; /*top: -20px;*/ display: none; }.nav-search-container.active { display: block; z-index: 96; } .search-box { margin: 0 auto 20px auto; padding: 30px !important; background: #F9F9F9; text-align: center; -webkit-transition: all 0.35s; transition: all 0.35s; } .search-box h4 { margin: 20px auto; } .search-box button, .search-box a.btn { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; } .search-box .search-assist { position: absolute; margin: 0 auto; left: 0; right: 145px; width: 100%; max-width: 440px; background: #333; } .search-box .search-assist a { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, inherit; font-size: inherit; color: inherit; text-decoration: none; } .search-box .search-popular { max-width: 560px; } /* addthis round button */ .at4-icon, .at-share-btn, .at-icon-wrapper { border-radius: 50% !important; } .social-icons li { display: inline-block; width: 24px; height: 24px; border-radius: 50%; line-height: 24px; margin-right: 10px; font-size: 14px; color: white; text-align: center; } .social-icons li.facebook { background: #4D67A4; } .social-icons li.facebook:hover, .social-icons li.facebook:focus, .social-icons li.facebook:active { background: #2c3b5f; } .social-icons li.twitter { background: #26A7DF; } .social-icons li.twitter:hover, .social-icons li.twitter:focus, .social-icons li.twitter:active { background: #14678b; } .social-icons li.youtube { background: #CC181E; } .social-icons li.youtube:hover, .social-icons li.youtube:focus, .social-icons li.youtube:active { background: #710d11; } .social-icons li.weibo { background: #EB0E27; } .social-icons li.weibo:hover, .social-icons li.weibo:focus, .social-icons li.weibo:active { background: #8b0817; } .social-icons li.instagram { background: #40729A; } .social-icons li.instagram:hover, .social-icons li.instagram:focus, .social-icons li.instagram:active { background: #223d52; } .social-icons li.email { background: #6D6E71; } .social-icons li.email:hover, .social-icons li.email:focus, .social-icons li.email:active { background: #3b3b3d; } .social-icons li.pinterest { background: #C72426; } .social-icons li.pinterest img { width: 13px; vertical-align: middle; } .social-icons li.pinterest:hover, .social-icons li.pinterest:focus, .social-icons li.pinterest:active { background: #711416; } #header .social-icons li.facebook { background: #666666; } #header .social-icons li.facebook:hover, #header .social-icons li.facebook:focus, #header .social-icons li.facebook:active { background: #4D67A4; } #header .social-icons li.twitter { background: #666666; } #header .social-icons li.twitter:hover, #header .social-icons li.twitter:focus, #header .social-icons li.twitter:active { background: #26A7DF; } #header .social-icons li.youtube { background: #666666; } #header .social-icons li.youtube:hover, #header .social-icons li.youtube:focus, #header .social-icons li.youtube:active { background: #CC181E; } #header .social-icons li.weibo { background: #666666; } .social-icons li.weibo:hover, #header .social-icons li.weibo:focus, #header .social-icons li.weibo:active { background: #EB0E27; } #header .social-icons li.instagram { background: #666666; } #header .social-icons li.instagram:hover, #header .social-icons li.instagram:focus, #header .social-icons li.instagram:active { background: #40729A; } #header .social-icons li.email { background: #666666; } #header .social-icons li.email:hover, #header .social-icons li.email:focus, #header .social-icons li.email:active { background: #6D6E71; } #header .social-icons li.pinterest { background: #666666; } #header .social-icons li.pinterest img { -moz-filter: url("data:image/svg+xml;utf8,#grayscale"); -o-filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#grayscale"); width: 13px; vertical-align: middle; } #header .social-icons li.pinterest:hover, #header .social-icons li.pinterest:focus, #header .social-icons li.pinterest:active { background: #C72426; } .social-icons li a { display: block; color: white; } .social-sharing { margin: 20px auto; } .social-sharing:before { color: rgb(20, 20, 20); /*content: "Share on:";*/ font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Georgia"; font-size: 14px; font-style: italic; margin-right: 20px; } .social-sharing li { margin-right: 5px; width: 45px; height: 30px; border-radius: 3px; line-height: 30px; } .social-sharing li a { font-size: 18px; } .sticky-social-sharing:before { content: "" !important; } .sticky-social-sharing { display: block; clear: both; background: #333; margin: 0; padding: 3px 5px 0 !important; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 82; text-align: center; } .sticky-social-sharing .at-share-btn, .sticky-social-sharing .at-icon-wrapper { margin: 0 4% !important; background-color:#333 !important; } .sticky-social-sharing .at-svc-compact { display: none !important; } .load-more { display: block; clear: both; padding: 8px 0; /* background: #d8d8d8; */ font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'Freight Display Pro W01'; font-weight: 500; font-size: 17px !important; color: #353535; text-align: center; text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.35s; transition: all 0.35s; border: 1px solid #808082; border-radius: 25px; width: 200px; margin: 10px auto; } .load-more:hover, .load-more:focus, .load-more:active { background: #333333; color: white; } .load-more:after { font-family: 'Neue Helvetica W01'; content: " \25BE"; } .spinner { display: none; clear: both; margin: 10px auto; max-width: 24px; text-align: center; -webkit-animation: spinner 1s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: spinner 1s cubic-bezier(0.23, 1, 0.32, 1) infinite; } @-webkit-keyframes spinner { 100% { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } } @keyframes spinner { 100% { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } } .list-awards .pure-g { text-align: center; } .list-awards .pure-u-1 a { display: inline-block; position: relative; } .list-awards .pure-u-1 a:hover img:last-of-type, .list-awards .pure-u-1 a:focus img:last-of-type, .list-awards .pure-u-1 a:active img:last-of-type { opacity: 0; } .list-awards .pure-u-1 a > img { display: block; margin: 0 auto; border: 1px solid #EEE; width: 100%; } .list-awards .pure-u-1 a > img:last-of-type { position: absolute; top: 0; left: 0; right: 0; -webkit-transition: all 0.35s; transition: all 0.35s; } .upcoming-events { padding: 20px 0; } .upcoming-events li { height: 60px; padding: 5px; overflow: hidden; white-space: nowrap; border-top: 1px solid #EEE; background: #FCFCFC; } .upcoming-events li:hover, .upcoming-events li:focus, .upcoming-events li:active { background: #EEE; } .upcoming-events li:hover .date.wide, .upcoming-events li:focus .date.wide, .upcoming-events li:active .date.wide { width: 125px; } .upcoming-events li:last-of-type { border-bottom: 1px solid #EEE; } .upcoming-events li a { display: inline-block; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Freight Display Pro W01"; font-size: 20px; vertical-align:middle; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 60%; } .upcoming-events li a:hover, .upcoming-events li a:focus, .upcoming-events li a:active { text-decoration: underline; } .upcoming-events li.now time.now { padding: 18px 0; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-size: 14px; } .upcoming-events li.now time.datetime{ padding:0; } .upcoming-events .date { vertical-align: middle; display: inline-block; margin-right: 20px; width: 55px; overflow: hidden; border-radius: 6px; background: white; line-height: 1; text-align: center; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s; transition: all 0.35s; } .upcoming-events .date time { display: inline-block; width: 55px; height: 50px; padding: 6px 0; font-size: 12px; text-transform: uppercase; } .upcoming-events .date time .day { display: block; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-weight: 700; font-size: 18px; } .video-mask { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; cursor: pointer; } .video-mask:after { content: url(../img/video-watermark.png); display: block; position: absolute; top: 50%; margin: 0 auto; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .video-mask img { width: 100% !important; } .video-mask iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-mask.playing:after { display: none; } /* HEADER */ #header .wrapper { max-width: 980px; } #header .pure-g [class*="pure-u"] { padding: 0 !important; } #header { position: relative; z-index: 99; height: 130px; background: #f9f9f9; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; } #header .magazine-showcase { /*position: absolute; bottom: 16px; height: 120px; overflow: hidden;*/ float: left; position: absolute; width: 230px; height: 130px; overflow: hidden; } #header .magazine-showcase a { display: block; /*height: 130px;*/ } #header .magazine-showcase img { position: relative; width: 230px; height: auto; bottom: -5px; -webkit-transition: all 0.35s; transition: all 0.35s; } #header .magazine-showcase img:hover, #header .magazine-showcase img:focus, #header .magazine-showcase img:active { bottom: -1px; } #header .magazine-showcase a.subscribeBtn { position: absolute; bottom: 0; width: 100%; z-index: 1; border: none; padding: 3px 0; text-align: center; background-color: #7e7e7e; color: #fff; text-shadow: 1px 1px 1px #333; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; box-shadow: 0 -2px 2px rgba(126, 126, 126, 0.65); } #header .magazine-showcase a.subscribeBtn:hover { background-color: #b20000; color: #fff; box-shadow: 0 -2px 2px rgba(178, 0, 0, 0.65); } .magazine-description { display: inline-block; margin-top: 25px; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "forma_relight"; font-size: 12px; } .magazine-description a { display: block; margin: 10px 0; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Freight Display Pro W01"; font-size: 20px; color: black; } .magazine-description a:hover, .magazine-description a:focus, .magazine-description a:active { text-decoration: underline; } .magazine-description a:after { content: " \00BB"; } .dining .magazine-description a { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "forma_reregular"; font-weight: 700; font-size: inherit; color: inherit; } #logo-main { margin: 0 auto; width: 245px; font-size: 42px; } #logo-main img { width: 245px; height: auto; margin: 27px auto; } #header .country { position: absolute; float: right; top: 30px; right: 0; z-index: 1500; list-style: none; margin: 0; height: 32px; padding: 10px; border: 1px solid transparent; overflow: hidden; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; text-transform: uppercase; font-size: 14px; } #header .country:hover, #header .country:focus, #header .country:active { /*height: auto;*/ border: 1px solid #d8d8d8; background: white; } #header .country li:first-of-type { position: relative; } #header .country li:first-of-type:before { content: "\f0ac"; position: absolute; top: -2px; left: 0; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "FontAwesome"; font-size: 18px; color: #666; } #header .country li:first-of-type a:after { content: "\25BE"; position: absolute; right: 0; } #header .country a { display: block; padding: 0 15px 0 30px; } #header .country a:hover, #header .country a:focus, #header .country a:active { text-decoration: underline; } #header .button-group { display: inline-block; position: absolute; top: 70px; right: 0; width: 400px; height: 40px; overflow: visible; text-align: right; } #header .button-group .social-links { display: inline-block; height: 40px; line-height: 40px; vertical-align: middle; } /*#header .button-group #header-search { display: inline-block; position: relative; width: 24px; height: 40px; text-align: right; vertical-align: middle; overflow: visible; } #header .button-group #header-search .search-container { position: absolute; top: 0; right: 0; width: 24px; background-color: white; } #header .button-group #header-search .search-container .search-box-icon { display: inline-block; width: 24px; height: 40px; background-image: url("../images/search.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; } #header .button-group #header-search .search-container .search-box-icon:hover{ background-image: url("../images/search_over.png"); } #header .button-group #header-search .search-container form { display: none; } #header .button-group #header-search .search-container form .input-append { text-align: left; } #header .button-group #header-search .search-container form .input-append button, #header .button-group #header-search .search-container form .input-append a.btn { z-index: 98; } #header .button-group #header-search .search-container .search-assist { display: none; } #header .button-group #header-search:hover .search-container { width: 320px; } #header .button-group #header-search:hover .search-container .search-box-icon { width: 83px; height: 40px; background-image: url("../images/search_full.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; } #header .button-group #header-search.active .search-container { width: 320px; height: auto; border: 15px #333 solid; border-radius: 5px; background: #333; } #header .button-group #header-search.active .search-container .search-box-icon { display: none; } #header .button-group #header-search.active .search-container form { display: block; } #header .search-popular a:hover, #header .search-popular a:focus, #header .search-popular a:active { color: white; }*/ nav a#sub-menu { /*position: absolute; top: 0px; left: 45px; display: inline-block; margin: 7px 12px; padding: 0 12px; border: 1px solid transparent; border-radius: 4px; background: -webkit-linear-gradient(#666666, black); background: -moz-linear-gradient(#666666, black); background: -o-linear-gradient(#666666, black); background: linear-gradient(#666666, black); font-size: 22px; color: white; cursor: pointer;*/ } nav#sticky-menu .search-group { display: inline-block; position: absolute; top: 4px; right: 17px; width: 100px; overflow: visible; text-align: right; } nav#sticky-menu .input-append input[type="search"] { width: 60%; padding: 10px 60px 10px 10px; } nav#sticky-menu .search-group #header-search { display: inline-block; position: relative; width: 24px; height: 40px; text-align: right; vertical-align: middle; overflow: visible; } nav#sticky-menu .search-group #header-search .search-container { position: absolute; top: 0; right: 0; width: 24px; } nav#sticky-menu .search-group #header-search .search-container .search-box-icon { display: inline-block; width: 24px; height: 40px; background-image: url(../img/search.png); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; } nav#sticky-menu .search-group #header-search .search-container .search-box-icon:hover{ background: url(../img/search_over.png); } nav#sticky-menu .search-group #header-search .search-container form { display: none; } nav#sticky-menu .search-group #header-search .search-container form .input-append { text-align: left; } nav#sticky-menu .search-group #header-search .search-container form .input-append button, nav#sticky-menu .search-group #header-search .search-container form .input-append a.btn { z-index: 98; } nav#sticky-menu .search-group #header-search .search-container .search-assist { display: none; } nav#sticky-menu .search-group #header-search:hover .search-container { width: 85px; } nav#sticky-menu .search-group #header-search:hover .search-container .search-box-icon { width: 83px; height: 40px; background-image: url(../img/search_full.png); background-size: contain; background-repeat: no-repeat; background-position: center center; } nav#sticky-menu .search-group #header-search.active .search-container { width: 320px; height: auto; border: 15px #333 solid; border-radius: 5px; background: #333; } nav#sticky-menu .search-group #header-search.active .search-container .search-box-icon { display: none; } nav#sticky-menu .search-group #header-search.active .search-container form { display: block; } nav#sticky-menu .search-popular a:hover, nav#sticky-menu .search-popular a:focus, nav#sticky-menu .search-popular a:active { color: white; } /* MENU */ .site-menu { position: relative; background: white; font-size: 16px; text-align: center; border-bottom: 1px solid #DDD; } #footer .site-menu { border:none; } nav#sticky-menu.site-menu { z-index: 98; } .site-menu .logo-mini, .site-menu .to-search { display: none; } .site-menu.sticky { /*position: fixed;*/ top: 0; width: 100%; box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.1); z-index: 501; } .site-menu.sticky .wrapper { max-width: 980px; } .site-menu.sticky .logo-mini { display: block; position: absolute; top: 8px; /*left: 15px;*/ max-width: 90px; } .site-menu.sticky .to-search { display: block; position: absolute; top: 10px; right: 5px; overflow: hidden; direction: rtl; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-weight: 700; text-align: right; text-transform: uppercase; } .site-menu.sticky .to-search .fa-search { margin: 0 5px; font-size: 18px; font-weight: bold; } .site-menu.sticky .to-search span { display: inline-block; position: relative; top: -2px; padding-bottom: 2px; border-bottom: 1px solid #4A4A4A; font-size: 14px; } .menu-dropdown .level1 { display: inline-block; position: relative; } .menu-dropdown .level1:hover > a, .menu-dropdown .level1:hover > span, .menu-dropdown .level1:focus > a, .menu-dropdown .level1:focus > span, .menu-dropdown .level1:active > a, .menu-dropdown .level1:active > span { background: #333333; color: white; } .menu-dropdown .level1 > a, .menu-dropdown .level1 > span { display: block; padding: 10px 8px; cursor: pointer; -webkit-transition: all 0.35s; transition: all 0.35s; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'forma_relight'; } .menu-dropdown .level2 { padding-left: 10px; } .menu-dropdown .level2:hover, .menu-dropdown .level2:focus, .menu-dropdown .level2:active { background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0))); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); } .menu-dropdown .level2 a { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'forma_relight'; display: block; padding: 8px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .menu-dropdown .level2 a:hover, .menu-dropdown .level2 a:focus, .menu-dropdown .level2 a:active { text-decoration: underline; } .menu-dropdown .level2:last-of-type a { border-bottom: 0; } #sticky-menu .menu-dropdown .level1 { border-top: 3px solid transparent; } #dining-menu .menu-dropdown .level1 { border-top: 3px solid white; } #sticky-menu .menu-dropdown .active { border-top-color: black; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'forma_relight'; font-weight: 700; font-weight: normal; } #dining-menu .menu-dropdown .active { background-color: #333333; color: white; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'forma_relight'; font-weight: 700; font-weight: normal; } #sticky-menu .menu-dropdown .active .level2, #dining-menu .menu-dropdown .active .level2 { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'forma_relight'; } .submenu-container { display: none; position: absolute; top: 100%; left: 0; z-index: 210; width: 670px; height: 400px; padding: 30px 0; background: #333333; color: white; text-align: left; } .submenu-container.active { display: block; } .submenu-dropdown { position: absolute; width: 150px; } .submenu-content { position: absolute; left: 165px; right: 0; } .submenu-content h2 { margin: 0 0 20px 10px; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Georgia"; font-size: 24px; font-style: italic; color: white; } .submenu-content .thumbnail-story { display: inline-block; margin: 0 10px; vertical-align: top; max-width: 230px; } .submenu-content .thumbnail-story .thumbnail-info { max-width: 220px; } .submenu-content .thumbnail-story .thumbnail-img { width: 100%; } .submenu-content .thumbnail-story strong { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-weight: 700; font-weight: normal; } .submenu-content .thumbnail-story .author-info { margin-top: 5px; } .site-menu .menu-dropdown .level1:first-of-type { display: none; } #dining-menu.site-menu .menu-dropdown .level1:first-of-type { display: inline-block; } .dining .site-menu .menu-dropdown .level1:first-of-type { /*display: inline-block;*/ } ul#sub-menu-dropdown { display: none; background: #333; width: 200px; right: -120px; position: absolute; /*top: 48px; left: 12px; z-index: 99;*/ } ul#sub-menu-dropdown li { text-align: left; list-style: none; border-bottom: 1px solid #4A4A4A; color: white; } ul#sub-menu-dropdown li a { display: block; padding: 10px; } ul#sub-menu-dropdown li a:hover { text-decoration: underline; } ul#sub-menu-dropdown .active{ display: block; } #mobile-sub-menu { background-color: #eee; border-bottom: 1px solid #ddd; color: #353535; cursor: pointer; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-size: 14px; font-weight: 500; padding: 10px; text-align: center; text-transform: uppercase; } .sticky-fill { margin-top: 47px; } .top-menu { background: -webkit-linear-gradient(white, #f9f9f9); background: -moz-linear-gradient(white, #f9f9f9); background: -o-linear-gradient(white, #f9f9f9); background: linear-gradient(white, #f9f9f9); text-align: center; } .top-menu .level1 a, .top-menu .level1 span { padding: 10px 20px; color: #979797; } .top-menu .level1 a:hover, .top-menu .level1 a:focus, .top-menu .level1 a:active, .top-menu .level1 span:hover, .top-menu .level1 span:focus, .top-menu .level1 span:active { text-decoration: none; } .top-menu .level1.active { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; text-decoration: underline; } .top-menu .level1:first-of-type a { position: relative; color: transparent; } .top-menu .level1:first-of-type a:after { content: url(../img/logo-mini-grayscale.png); position: absolute; left: 0; right: 0; margin: 0 auto; } /* NEWSLETTER */ #newsletter:before, #newsletter:after { content: ""; display: block; height: 13px; background: url(../img/lines.png); } #newsletter form { /*margin: 20px auto;*/ max-width: 820px; } #newsletter .aside-newsletter, #newsletter .page-newsletter { border-top: 4px solid #b00d39; border-bottom: 4px solid #b00d39; padding: 10px; overflow: hidden; } #newsletter .aside-newsletter { background-image: url(../img/enews-aside-bg.jpg); background-repeat: no-repeat; background-size: 100% auto; } #newsletter .page-newsletter { background-color: #000; background-image: url(../img/enews-page-bg.jpg); background-repeat: no-repeat; background-size: 50% auto; } #newsletter .page-newsletter p { color: #fff; } .newsletter-deck, .newsletter-signup { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Freight Display Pro W01"; } .newsletter-deck { font-size: 16px; } .newsletter-signup { font-size: 27px; font-weight: 500; } .aside-newsletter .newsletter-deck, .aside-newsletter .newsletter-signup { text-align: right; float: right; } .aside-newsletter .newsletter-deck { margin-left: 35%; margin-top: 0; } .aside-newsletter .newsletter-signup { margin: 0 0 0 30%; } .page-newsletter .newsletter-deck, .page-newsletter .newsletter-signup { } .page-newsletter .newsletter-deck { margin: 0 32% 0 50%; } .page-newsletter .newsletter-signup { margin: 0 0 0 50%; } .newsletter-form { clear: both; } .aside-newsletter .newsletter-form { width: 100%; } .page-newsletter .newsletter-form { margin-left: 50%; margin-right: 15%; } .pop-newsletter .newsletter-form { margin: 0 0 0 50%; } .pop-newsletter .newsletter-deck, .pop-newsletter .newsletter-signup { margin: 0 0 0 50%; } .pop-newsletter .newsletter-deck { font-size: 15px; } .pop-newsletter .newsletter-signup { font-size: 22px; } #newsletter input[type="email"], #newsletter button, #newsletter a.btn { margin-top: 20px; line-height: 1; font-size: 13px; } .pop-newsletter input[type="email"], .pop-newsletter button { margin: 0 !important; } #newsletter button, #survey button { display: inline-block; padding: 10px; border: 0; /*background: -webkit-linear-gradient(#f3000f, #990000); background: -moz-linear-gradient(#f3000f, #990000); background: linear-gradient(#f3000f, #990000);*/ background: #b00d39; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑,'Neue Helvetica W01'; font-weight: 700; color: white; text-transform: uppercase; } #newsletter button:hover, #survey button:hover { background: #990000; } #newsletter div { padding: 0; } #newsletter h4 { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Freight Display Pro W01"; font-size: 32px; font-weight: 500; padding-bottom: 10px; text-align: center; } #newsletter input[type="email"], #newsletter button, #newsletter a.btn { margin-top: 20px; } #newsletter .checkbox-group { margin-top: 10px; } #newsletter a { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, inherit; color: inherit; } #newsletter a:hover, #newsletter a:focus, #newsletter a:active { color: #d8d8d8; } /* NEWSLETTER ASIDE*/ .enewsaside { font-size:14px; } .enewsaside .checkbox-group{ font-size:11px; margin-top: 6px; } .enewsaside input[type="email"], .enewsaside button, .enewsaside a.btn { margin-top: 7px; } .enewsaside input, button, a.btn { padding: 7px; } /* popup enews */ .pop-enews-lightbox-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 999; } .pop-enews-lightbox-overlay section { margin: 0 !important; padding: 0 !important; border: none !important; } .pop-enews-lightbox-overlay #newsletter:before, .pop-enews-lightbox-overlay #newsletter:after { content: ""; display: block; height: 0; background: none !important; } .pop-enews-lightbox-wrapper { position: absolute; top: 25%; left: 0; right: 0; margin: 0 auto; width: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .pop-enews-lightbox-wrapper > .pure-u-1 { padding: 0; position: absolute; top: 0; left: 0; } /*.pop-enews-lightbox-wrapper > .pure-u-1:first-child { height: 40px; } .pop-enews-lightbox-wrapper > .pure-u-1:last-child { position: absolute; top: 0; left: 0; }*/ .pop-enews-lightbox-close-btn { display: inline-block; position: absolute; font-size: 14px; text-align: center; cursor: pointer; color: #b00d38; background: none; width: 30px; right: 10px; top: 5px; border-radius: 50%; height: 30px; line-height: 30px; padding: 0; }/* .pop-enews-lightbox-close-btn:before { content: "CLOSE"; display: inline-block; vertical-align: middle; line-height: 30px; }*/ .pop-enews-lightbox-close-btn:after { content: "\00D7"; display: inline-block; vertical-align: middle; line-height: 0.7; font-size: 28px; line-height: 30px; } .pop-enews-lightbox { display: block; background-color: white; border: 5px solid #b00d38; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Freight Display Pro W01"; font-size: 18px; color: black; overflow: auto; padding: 20px; background-image: url(../img/enews-pop-bg.jpg); background-repeat: no-repeat; background-size: 45% auto; } @media (max-width: 767px) { .pop-enews-lightbox-wrapper { width: 100%; } .pop-enews-lightbox { padding: 10px; } .pop-enews-lightbox-close-btn { font-size: 12px; width: auto; top: 10px; } .pop-enews-lightbox-close-btn:before { line-height: 20px; } .pop-enews-lightbox-close-btn:after { font-size: 20px; line-height: 20px; } .pop-enews-lightbox-overlayform { margin: 0 auto !important; } .pop-enews-lightbox-overlay input[type="email"], .pop-enews-lightbox-overlay button, .pop-enews-lightbox-overlay a.btn { margin: 0 !important; } } /* BREADCRUMB */ .breadcrumb { /* margin-bottom: 40px;*/ font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'Neue Helvetica W01'; font-weight: 300; } .breadcrumb a { /*margin: 0 5px; font-size: 14px;*/ font-size: 15px; } .breadcrumb a:after { content: ' » '; } .breadcrumb a:last-child:after { content: ''; } .breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb a:active { text-decoration: underline; } .breadcrumb a:first-of-type { margin-left: 0; } /* ASIDE */ .thumbnail-latest .thumbnail-img, .thumbnail-latest .thumbnail-info { float: left; padding: 10px; } .thumbnail-latest .thumbnail-img { width: 33%; } .thumbnail-latest .thumbnail-info { width: 66%; } .thumbnail-latest { -webkit-animation: slideIn 0.35s; animation: slideIn 0.35s; } .thumbnail-latest a { font-size: 24px; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, Freight Display Pro W01; margin-top: 0px; line-height: 26px; } .thumbnail-latest .author-info { line-height: 36px; } .thumbnail-latest .author-info .avatar-img { width: 36px; } .thumbnail-latest .author-info small { display: inline-block; margin-left: 10px; } .thumbnail-latest a strong { font-size: 20px; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, Freight Display Pro W01; margin-top: 0px; line-height: 26px; } .thumbnail-latest a small:hover, .thumbnail-latest a small:focus, .thumbnail-latest a small:active { text-decoration: underline; } @media (max-width: 979px) { .thumbnail-latest a strong { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Freight Display Pro W01"; font-size: 24px; } /*.author-info { display: none; }*/ } @media (max-width: 767px) { .thumbnail-latest a strong { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "forma_reregular"; font-size: 14px; } .thumbnail-latest small { display: none; } } /* FOOTER */ #footer { padding: 0 0 20px; background: #333333; color: #979797; } #footer .pure-g [class*="pure-u"] { position: relative; vertical-align: bottom; } #footer li { display: inline-block; } #footer li:last-of-type:after { display: none; } #footer .site-menu { position: relative; z-index: 97; padding: 10px 0; background: #333333; color: white; } #footer .site-menu a:hover, #footer .site-menu a:focus, #footer .site-menu a:active { color: #999; } #footer .promo { border-top: 1px solid #4A4A4A; border-bottom: 1px solid #4A4A4A; background: #292929; color: rgb(255, 255, 255); overflow: hidden; } #footer .promo .pure-u-1 { position: relative; } #footer .promo .promo-bg { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } #footer .promo .button-subscribe { display: inline-block; margin-bottom: 10px; padding: 6px 20px; border: 1px solid #4A4A4A; border-radius: 4px; background: black; font-size: 16px; color: white; text-transform: uppercase; } #footer .promo .button-subscribe:hover, #footer .promo .button-subscribe:focus, #footer .promo .button-subscribe:active { background: white; color: black !important; } #footer .promo .wrapper > div:nth-of-type(3) { padding: 10px 10px 30px 40px; } #footer .promo .latest-apps li { display: block; position: relative; margin: 15px 0 0; line-height: 36px; color: white; } #footer .promo .latest-apps li:hover .app-stores, #footer .promo .latest-apps li:focus .app-stores, #footer .promo .latest-apps li:active .app-stores { display: block; } #footer .promo .latest-apps li .app-icon { float: left; margin-right: 10px; border-radius: 6px; width: 36px; } #footer .promo .latest-apps li .app-stores { display: none; position: absolute; top: -11px; left: -11px; z-index: 1; padding: 10px; border: 1px solid #999; border-radius: 6px; background: #4A4A4A; } #footer .promo .latest-apps li .app-stores small { line-height: 1.5; } #footer .footer-menu { margin: 10px auto; font-size: 14px; } #footer .footer-menu li:after { content: "\2502"; padding: 0 10px; } #footer .footer-menu a { color: rgb(255, 255, 255); } #footer .footer-menu a:hover, #footer .footer-menu a:focus, #footer .footer-menu a:active { color: white; } #footer .social-links { margin: 10px 0; text-align: right; } #footer .social-icons { display: inline-block; margin-left: 20px; } #footer .social-icons li:last-of-type { margin: 0; } #footer .country { margin: 10px auto; } #footer .country li:after { content: "\2022"; padding: 0 5px; } #footer .country a { color: rgb(255, 255, 255); } #footer .country a:hover, #footer .country a:focus, #footer .country a:active { color: white; } #footer small { display: block; margin: 20px auto; color: rgb(255, 255, 255); } #footer .logo-edipress { width: 40px; margin: 0 auto; } /* SLIDEOUT MENU */ #slideout-menu { /*padding: 70px 0;*/ position: fixed; top: 0; left: -100%; z-index: 98; width: 260px; overflow: auto; padding: 50px 0 140px 0; background: #333333; color: white; -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-overflow-scrolling: touch; } #slideout-menu > ul > li.level1 { list-style: none; border-bottom: 1px solid #4A4A4A; color: white; } #slideout-menu > ul > li.level1:last-of-type { border: 0; } #slideout-menu > ul > li.level1 > a, #slideout-menu > ul > li.level1 span { display: block; padding: 10px; } #slideout-menu li a { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; color: white; } #slideout-menu li a:hover, #slideout-menu li a:focus, #slideout-menu li a:active { text-decoration: underline; } #slideout-menu .submenu-dropdown { position: relative; width: auto; padding: 0 10px 10px 10px; } #slideout-menu .submenu-dropdown li { display: inline-block; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-size: 12px; } #slideout-menu .submenu-dropdown li:after { content: ", "; } #slideout-menu .submenu-dropdown li:last-of-type:after { content: ""; } #slideout-menu .submenu-dropdown li a { color: #BBB; } #slideout-menu .social-icons { margin: 10px 0; padding: 10px; } #slideout-menu .magazine-showcase { margin-bottom: 10px; min-height: 120px; overflow: hidden; border-bottom: 1px solid #4A4A4A; box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.1); color: white; } #slideout-menu .magazine-showcase img { float: left; margin-right: 10px; } #slideout-menu .magazine-showcase a { color: inherit; } #slideout-menu .fa-globe { margin: 0 10px; } #slideout-menu #slideout-country > option { color: #000; } .slideout-active#slideout-trigger, .slidedown-active#search-trigger { /*background: -webkit-linear-gradient(#f2f2f2, #d4d4d4); background: -moz-linear-gradient(#f2f2f2, #d4d4d4); background: -o-linear-gradient(#f2f2f2, #d4d4d4); background: linear-gradient(#f2f2f2, #d4d4d4); box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.1);*/ color: #ccc;/*flat design*/ } .slideout-active#slideout-menu { left: 0; } /* SLIDEDOWN SEARCH */ #slidedown-search { display: none; position: absolute; top: 56px; left: 0; padding: 10px !important; background: #333; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5); } #slidedown-search form { width: 100%; padding-top: 30px; } #slidedown-search.search-active { display: block; } .royalSlider { height: 0; overflow: hidden; /*max-height: 516px !important;*/ } .royalSlider.gallerySlider { background: #fff; } .royalSlider.rsWithBullets, .royalSlider.rsWithThumbs { overflow: visible; } .pop-up-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 88888; } .pop-up-overlay .pop-up-box { display: block; position: relative; box-sizing: border-box; top: 10%; left: 10%; width: 80%; height: 80%; padding: 2em 2em 0 2em; border: 1px #ccc solid; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6); background-color: #fff; overflow: auto; } .pop-up-overlay .pop-up-box .pop-up-video { width: 100%; margin-bottom: 1em; } .pop-up-overlay .pop-up-box .pop-up-video iframe { width: 100%; } .pop-up-overlay .pop-up-box .pop-up-close { display: inline-block; color: #222; border: 1px #999 solid; margin-left: 2em; padding: 0 1em; cursor: pointer; float: right; } .pop-up-overlay .pop-up-box .pop-up-close:before { display: inline-block; content: "CLOSE"; vertical-align: middle; line-height: 35px; height: 35px; padding-right: 5px; } .pop-up-overlay .pop-up-box .pop-up-close:after { display: inline-block; content: " \00D7"; vertical-align: middle; line-height: 35px; height: 35px; font-size: 30px; } .pop-up-overlay .pop-up-box .pop-up-caption { font-size: 16px; margin-bottom: 2em; } .pop-up-overlay .pop-up-box .pop-up-caption h1 { font-size: 2em; } .pop-up-overlay .pop-up-box .pop-up-caption h2 { text-transform: uppercase; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Neue Helvetica W01"; font-size: 0.8em; padding-bottom: 1em; } .overflow-hidden { overflow: hidden; } /* Sponsor tag */ .sponsor-focus { text-align: right; text-transform: uppercase; color: #161616; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, Palatino; font-size: 12px !important; } .sponsor-focus-name { color: #cc0000; } /* Search */ #search-results a strong { font-weight: 700; display: inline; } .search-filter-wrapper { display: flex; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center; } .search-filter-wrapper button { border-radius: 0; background: #fff; border: 1px solid #b10d3a; margin-left: 10px; } .search-filter-wrapper button a { color: #b10d3a; } .search-filter-wrapper button:first-child { margin-left: 0; } .search-filter-wrapper button:hover, .search-filter-wrapper button:hover a, button.search-filter-active, button.search-filter-active a { background-color: #b10d3a; color: #fff; } /* image sharing */ .image-sharing-wrapper { position: relative; display: table; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .image-sharing-wrapper img { display: block; width: 100%; } .image-sharing-overlay { position: absolute; bottom: 5px; right: 5px; line-height: 1; font-size: 18px; } .image-sharing-overlay a { outline: none; } .image-sharing-overlay .fa-facebook, .image-sharing-overlay .fa-pinterest-p { color: #fff !important; background-color: rgba(0,0,0,0.5); width: 32px; height: 32px; line-height: 32px; text-align: center; margin-left: 5px; } .image-sharing-overlay .fa-facebook:hover { background-color: rgb(59, 89, 152); } .image-sharing-overlay .fa-pinterest-p:hover { background-color: rgb(203, 32, 39); } /* feed sharing */ .thumbnail-info .author-info a { display: flex; align-items: center; } .thumbnail-info .author-info img { float: none; margin: 0 5px 0 0; } .narrow .thumbnail-info { position: relative; } .feed-sharing-mobile { position: absolute; right: 0; top: 0; } .feed-sharing-wrapper { display: inline-flex; margin-top: 5px; } .feed-sharing-btn { border: 1px solid #cbcbcb !important; display: inline-table; text-transform: uppercase; font-size: 13px; line-height: 1em; padding: 6px 10px; margin-bottom: 2px; cursor: pointer; } .feed-sharing-btn:hover, .feed-sharing-btn-active { background: #000; color: #fff; } .feed-sharing-wrapper .addthis-smartlayers { line-height: 0.75; } .feed-sharing-wrapper .sharing-feed { display: none; margin: 0; } .feed-sharing-wrapper .at-share-btn, .feed-sharing-wrapper .at-icon-wrapper { border-radius: 0 !important; } .feed-sharing-wrapper .at-icon-wrapper svg { background-color: #333; } .feed-sharing-wrapper .at-icon-wrapper, .feed-sharing-wrapper .at-icon { width: 26px !important; height: 26px !important; line-height: 26px !important; } .feed-sharing-wrapper a { line-height: 1 !important; font-size: 14px !important; margin: 0 2px !important; } .feed-sharing-wrapper .at-icon-wrapper:hover svg { background-color: transparent; } /* infinite content */ .infinite-content { display: flex; justify-content: center; align-items: center; padding: 10px 0; opacity: 0; height: 0px; box-sizing: border-box; -webkit-animation: spinner 1s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: spinner 1s cubic-bezier(0.23, 1, 0.32, 1) infinite; } /* HD */ @media (min-width: 1440px) { /*#header .button-group #header-search { width: 83px; } #header .button-group #header-search .search-container { width: 83px; } #header .button-group #header-search .search-container .search-box-icon { width: 83px; background-image: url("../images/search_full.png"); } #header .button-group #header-search:hover .search-container { width: 400px; } #header .button-group #header-search.active .search-container { width: 400px; }*/ nav#sticky-menu .search-group #header-search { width: 83px; } nav#sticky-menu .search-group #header-search .search-container { width: 83px; } nav#sticky-menu .search-group #header-search .search-container .search-box-icon { width: 83px; background-image: url(../img/search_full.png); } nav#sticky-menu .search-group #header-search:hover .search-container { width: 400px; } nav#sticky-menu .search-group #header-search.active .search-container { width: 400px; } } /* SPECIAL BREAKPOINT */ @media (max-width: 1099px) { .site-menu.sticky .to-search span { display: none; } } /* DESKTOP */ @media (min-width: 980px) { #header, .display-tablet, .display-mobile { display: none; } .display-desktop { display: block; } #header .display-desktop { display: inline-block; } #footer .social-links:before { content: "关注我们:"; font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Georgia"; font-style: italic; color: rgb(151, 151, 151); } .pop-up-overlay .pop-up-box .pop-up-video iframe { height: 600px; } } /* TABLET */ @media (max-width: 979px) { body { margin-top: 60px; margin-top: 50px; /*flat design*/ } .display-desktop, .display-mobile { display: none; } #header, .display-tablet { display: block; } #header .display-tablet { display: inline-block; } .wrapper { padding: 10px 24px; } #slideout-menu .social-icons li { width: 48px; height: 48px; margin: 0 5px 20px; line-height: 48px; font-size: 24px; } #slideout-menu .social-icons li.pinterest img { width: 20px; } blockquote { font-size: 18px; } .pull-back { margin-left: -10px; margin-right: -10px; } .search-box .search-assist { max-width: 100%; } /*.trigger { display: inline-block; margin: 10px 12px; padding: 0 12px; border: 1px solid transparent; border-radius: 4px; background: -webkit-linear-gradient(#666666, black); background: -moz-linear-gradient(#666666, black); background: -o-linear-gradient(#666666, black); background: linear-gradient(#666666, black); font-size: 22px; color: white; cursor: pointer; }*/ .trigger { /*flat design*/ display: inline-block; margin: 12px 2px; padding: 0 12px; font-size: 17px; cursor: pointer; color: #58575c; } #header { position: fixed; top: 0; left: 0; margin-top: 0; width: 100%; height: 50px; /* box-shadow: inset 0 -10px 10px -6px rgba(0, 0, 0, 0.1);*/ border-bottom: #ddd 1px solid; /*flat design*/ } #header .wrapper, #header .pure-g [class*="pure-u"] { padding: 0; } #logo-main { /*max-width: 116px;*/ max-width: 106px;/*flat design*/ /*height: 56px;*/ } #logo-main img { margin: 9px auto !important; } .app-badge { height: 18px; } .lead { margin-top: 70px; } #footer .promo .latest-apps li:hover .app-stores, #footer .promo .latest-apps li:focus .app-stores, #footer .promo .latest-apps li:active .app-stores { display: none; } #footer .social-icons { margin-left: 0; } .pop-up-overlay .pop-up-box { top: 5%; left: 5%; width: 90%; height: 90%; } .pop-up-overlay .pop-up-box .pop-up-video iframe { height: 520px; } .flexboxwrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* optional */ -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } #review-list .restaurant-overview { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } #review-list .review-details { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } #review-list aside { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } nav#dining-menu .menu-dropdown .level1 { border-top: none !important; } nav#dining-menu ul.menu-dropdown { background: #333; width: 100%; } nav#dining-menu ul.menu-dropdown li { text-align: center; list-style: none; border-bottom: 1px solid #4A4A4A; color: white; } nav#dining-menu ul.menu-dropdown li a { display: block; padding: 10px; } nav#dining-menu ul.menu-dropdown li a:hover { text-decoration: underline; } nav#dining-menu ul.menu-dropdown .level1 { display: block !important; } nav#dining-menu ul.menu-dropdown .level1.active{ display: none !important; } nav#dining-menu div.unwrap { padding: 0; margin: 0; } nav#dining-menu ul.menu-dropdown li:first-child { /*display: none !important;*/ } #liquid-slider .slick-prev, #liquid-slider .slick-next { width: 33px; height: 60px; margin-top: -40px; } #liquid-slider .slick-prev, #liquid-slider .slick-prev:hover { background: url("../img/slider-arrow-left-mobile.png") !important; } #liquid-slider .slick-next, #liquid-slider .slick-next:hover { background: url("../img/slider-arrow-right-mobile.png") !important; } } /* MOBILE */ @media (max-width: 767px) { * { -webkit-overflow-scrolling: touch; } .display-desktop, .display-tablet { display: none; } .display-mobile { display: block; } body { margin-top: 60px; margin-top: 50px; /*flat design*/ } section, article { margin: 30px auto; } h2, .section-header { font-size: 28px; } blockquote { margin: 15px 20px 15px 0; padding: 40px 20px 40px 40px; } cite { font-size: 14px; } .ad-leaderboard { /* margin: 10px auto;*/ margin: 0px auto; } .breadcrumb:first-child { margin: 0; } .breadcrumb { margin: 20px 0; } .filter-dropdown { display: block; margin: 20px auto; padding: 0 0.5em !important; width: 100%; } .filter-single, .filter-section .show-more, .filter-section .show-less { display: none; } div.multiselect li.multiple { display: list-item !important; } .inside-nav li { margin: 0 1%; width: 46%; } .lead { margin-top: 0; padding: 10px; } .lead h1 { font-size: 28px; } .lead h2 { font-size: 18px; } .search-box { margin: 0; /*background: none;*/ padding: 10px 0 0 !important; } .search-box .search-popular { text-align: left; } .search-box + .pure-u-1 { padding: 0; } .social-sharing li { width: 30px; } .royalSlider figcaption { padding: 10px; } .royalSlider figcaption h2 { font-size: 12px; } .royalSlider figcaption strong { font-size: 24px; } .royalSlider figcaption p { display: none; } #newsletter h4 { font-size: 14px; } #newsletter input[type="email"], #newsletter button[type="submit"], #newsletter a.btn { width: 100%; max-width: 100%; } #newsletter:before, #newsletter:after { /*display:none;*/ } #newsletter { /* margin-top: -38px; margin-bottom: -38px; background:#F9F9F9; border-bottom:#b9b9b9 solid 1px; border-top:#b9b9b9 solid 1px; padding-left:10px; padding-right:10px; margin-left:-10px; margin-right:-10px;*/ } #newsletter .page-newsletter, .pop-enews-lightbox { background-image: none; } .newsletter-deck, .newsletter-signup, .newsletter-form { margin: 0 !important; } .checkbox-group, .checkbox-group a{ font-size:11px; margin-top: 6px; } #newsletter input[type="email"], #newsletter button, #newsletter a.btn { margin-top: 7px; } input, button, a.btn { padding: 7px; } .inserttitle { text-align:center; } #footer .site-menu li { display: block; margin: 0 10px; border-bottom: 1px solid #4A4A4A; } #footer .site-menu li:last-of-type { border: 0; } #footer .menu-dropdown .level1 > a, #footer .menu-dropdown .level1 > span { padding: 10px 0; text-align: left; } #footer .promo .wrapper { padding: 0; } #footer .promo .wrapper > div:nth-of-type(3) { padding: 10px 20px 30px; border-top: 1px solid #4A4A4A; } #footer .footer-menu li:after { content: "\2022"; padding: 0 5px; } #footer > div:last-of-type { padding: 0; } #footer .social-links { margin: 0; text-align: center !important; } #footer .social-icons li { width: 32px; height: 32px; border-radius: 50%; line-height: 32px; font-size: 20px; } #footer .country{ font-size: 11px; } #footer small { font-size: 10px; } #footer .footer-menu { font-size: 11px; text-align:center; margin: 0 auto; } .pop-up-overlay .pop-up-box { top: 0; left: 0; width: 100%; height: 100%; } .pop-up-overlay .pop-up-box .pop-up-video iframe { height: 200px; } .upcoming-events li a { max-width:70%; } .breadcrumb a:first-of-type, .breadcrumb a:last-of-type { display: none; } #heading { height: 36px; line-height: 36px; background-size: cover !important; } #heading h1 { font-size: 28px; } #footer .promo .promo-bg { bottom: -46px; } .flexboxwrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* optional */ -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } #review-list .restaurant-overview { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } #review-list .review-details { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } #review-list aside { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } } @media (max-width: 567px) { #liquid-slider figure { height: auto; } h2 { font-size: 28px; } .wrapper { padding: 10px; } .inside-nav { padding: 20px 10px; } .flexboxwrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* optional */ -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } #review-list .restaurant-overview { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } #review-list .review-details { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } #review-list aside { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } } /* JS SUPPORT */ #noscript { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; background: rgba(255, 255, 255, 0.9); text-align: center; } #noscript h1 { margin-top: 200px; } .js noscript { display: none; } /* TOOLTIP ANIMATION */ .fade.in.top { -webkit-animation: tooltipUp 0.35s forwards; animation: tooltipUp 0.35s forwards; } @-webkit-keyframes tooltipUp { 100% { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } } @keyframes tooltipUp { 100% { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } } .fade.in.left { -webkit-animation: tooltipLeft 0.35s forwards; animation: tooltipLeft 0.35s forwards; } @-webkit-keyframes tooltipLeft { 100% { -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); } } @keyframes tooltipLeft { 100% { -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); } } .fade.in.right { -webkit-animation: tooltipRight 0.35s forwards; animation: tooltipRight 0.35s forwards; } @-webkit-keyframes tooltipRight { 100% { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } } @keyframes tooltipRight { 100% { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } } @media (max-width: 767px){ .royalSlider .rsThumbsContainer { display: none; } } /*fix 20140917*/ .article-body iframe { max-width: 100%; } .article-body .content img{ width:auto; } .article-body a { /*font-size: 14px;*/ } .royalSlider figcaption h3 { font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, inherit; font-size: 14px; color: #fff; } .highlight { color:#ff0000 } /*ad banner added by mike>*/ .ads-wrapper { margin-left: 180px; margin-right: 180px; } #super-banner-container{ /*width: 1280px;*/ margin: 0 auto; position: relative; width: 100%; max-width: 960px; } #super-banner { position: relative; width: 100%; /* margin: 0 auto 30px auto; */ margin: 0 auto; text-align: center; } #super-banner img { width: 100%; /* width: 1300px;*/ max-width: 1300px; /* height: 400px;*/ margin: 0px -100%; } #header-ads { /*position: relative; height: 150px;*/ text-align: center; overflow: hidden; margin-bottom: 30px; } @media (max-width: 979px){ #header-ads { margin-bottom: 0; } } #header-ads .ads > div { display: inline-block; } #header-ads .headAds-container { /*width: 728px; height: 90px; position: relative; top: 50%; transform: translateY(-50%); background-color: #0C3; display: inline-block;*/ } .ad-top { position: relative; width: 100%; /* margin: 0 auto 30px auto; */ margin: 0 auto; margin-top: 30px; text-align: center; } .ad-top img { width: auto; /* width: 1300px;*/ max-width: 1300px; /* height: 400px;*/ } .stars-red { top: 150px !important; } /* temp hide mobile filter */ .filter-dropdown { display: none; } /* aside search box */ .aside-search-box-holder { margin: 10px 0; } .aside-search-box { position: relative; width: 100%; } .aside-search-box input[type="search"] { width: 100%; padding: 10px 60px 10px 10px; } .aside-search-box button { position: absolute; top: 0; right: 0; width: 60px; height: 100%; border-radius: 0 3px 3px 0; } /* responsive youtube video */ .embed-youtube { width: 100%; position: relative; padding-bottom: 56.25%; /* 16 : 9 */ height: 0; background: no-repeat url(../img/YouTube-logo.png); background-size: 50%; background-color: rgba(202, 202, 202, 0.1); background-position: center; } .embed-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embed-youtube .mce-object-iframe { position: initial; } .article-body .caption, .review-details .caption{ /*article caption*/ font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'Neue Helvetica W01'; font-weight: 300; font-size: 13px; line-height: 1; text-align: center; font-style: italic; color: #333; } .article-body .quote, .review-details .quote { /*article quote*/ font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, "Freight Display Pro W01"; font-weight: 500; font-size: 20px; line-height: 2; color:#555; font-style: italic; text-align:center; } .article-body .source, .review-details .source { /*article quote*/ font-family: 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, 'Neue Helvetica W01'; font-weight: 500; font-size: 14px; line-height: 2; color:#555; font-style: italic; text-align:center; }