html {
 font-family: sans-serif;
 line-height: 1.15;
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
}
body {
 margin: 0;
}

 html, body, .site, header, .custom-header, .mm-page {
  height: 100%!important;
 }
article, aside, footer, header, nav, section {
 display: block;
}
h1 {
 font-size: 2em;
 margin: 0.67em 0;
}
figcaption, figure, main {
 display: block;
}
figure {
 margin: 1em 0;
}
.btn-bg-music {
    width: 19px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: -40px;
    cursor: pointer;
}
hr {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 height: 0;
 overflow: visible;
}
pre {
 font-family: monospace, monospace;
 font-size: 1em;
}
a {
 background-color: transparent;
 -webkit-text-decoration-skip: objects;
}
a:active, a:hover {
 outline-width: 0;
}
abbr[title] {
 border-bottom: 1px #767676 dotted;
 text-decoration: none;
}
b, strong {
 font-weight: inherit;
}
b, strong {
 font-weight: 700;
}
code, kbd, samp {
 font-family: monospace, monospace;
 font-size: 1em;
}
dfn {
 font-style: italic;
}
mark {
 background-color: #eee;
 color: #222;
}
small {
 font-size: 80%;
}
sub, sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}
sub {
 bottom: -0.25em;
}
sup {
 top: -0.5em;
}
audio, video {
 display: inline-block;
}
audio:not([controls]) {
 display: none;
 height: 0;
}
img {
 border-style: none;
}
svg:not(:root) {
 overflow: hidden;
}
button, input, optgroup, select, textarea {
 font-family: sans-serif;
 font-size: 100%;
 line-height: 1.15;
 margin: 0;
}
button, input {
 overflow: visible;
}
button, select {
 text-transform: none;
}
button, html [type="button"], [type="reset"], [type="submit"] {
 -webkit-appearance: button;
}
 button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
 border-style: none;
 padding: 0;
}
 button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
 outline: 1px dotted ButtonText;
}
fieldset {
 border: 1px solid #bbb;
 margin: 0 2px;
 padding: 0.35em 0.625em 0.75em;
}
legend {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 color: inherit;
 display: table;
 max-width: 100%;
 padding: 0;
 white-space: normal;
}
progress {
 display: inline-block;
 vertical-align: baseline;
}
textarea {
 overflow: auto;
}
[type="checkbox"], [type="radio"] {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 0;
 height: 1.2em;
}
 [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
 height: auto;
}
[type="search"] {
 -webkit-appearance: textfield;
 outline-offset: -2px;
}
 [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}

::-webkit-file-upload-button {
 -webkit-appearance: button;
 font: inherit;
}
details, menu {
 display: block;
}
summary {
 display: list-item;
}
canvas {
 display: inline-block;
}
template {
 display: none;
}
[hidden] {
 display: none;
}
/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
 display: block;
 position: absolute !important;
 word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
 background-color: #f1f1f1;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 clip: auto !important;
 color: #21759b;
 display: block;
 font-size: 14px;
 font-size: 0.875rem;
 font-weight: 700;
 height: auto;
 left: 5px;
 line-height: normal;
 padding: 15px 23px 14px;
 text-decoration: none;
 top: 5px;
 width: auto;
 z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
 display: inline;
 float: left;
 margin-right: 1.5em;
}
.alignright {
 display: inline;
 float: right;
 margin-left: 1.5em;
}
.aligncenter {
 clear: both;
 display: block;
 margin-left: auto;
 margin-right: auto;
}
/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before, .clear:after, .entry-content:before, .entry-content:after, .entry-footer:before, .entry-footer:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .nav-links:before, .nav-links:after, .pagination:before, .pagination:after, .comment-author:before, .comment-author:after, .widget-area:before, .widget-area:after, .widget:before, .widget:after, .comment-meta:before, .comment-meta:after {
 content: "";
 display: table;
 table-layout: fixed;
}
.clear:after, .entry-content:after, .entry-footer:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after, .pagination:after, .comment-author:after, .widget-area:after, .widget:after, .comment-meta:after {
 clear: both;
}
/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body, button, input, select, textarea {
 color: #fff;
 font-family: "helvetica", arial, "hiragino kaku gothic pro", meiryo, "ms pgothic", sans-serif;
 font-size: 15px;
 font-size: 0.9375rem;
 font-weight: 400;
 line-height: 1.66;
}
h1, h2, h3, h4, h5, h6 {
 clear: both;
 line-height: 1.4;
 margin: 0 0 0.75em;
 padding: 1.5em 0 0;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
 padding-top: 0;
}
h1 {
 font-size: 24px;
 font-size: 1.5rem;
 font-weight: 300;
}
h2, .home.blog .entry-title {
 color: #666;
 font-size: 20px;
 font-size: 1.25rem;
 font-weight: 300;
}
h3 {
 color: #333;
 font-size: 18px;
 font-size: 1.125rem;
 font-weight: 300;
}
h4 {
 color: #333;
 font-size: 16px;
 font-size: 1rem;
 font-weight: 800;
}
h5 {
 color: #767676;
 font-size: 13px;
 font-size: 0.8125rem;
 font-weight: 800;
 letter-spacing: 0.15em;
 text-transform: uppercase;
}
h6 {
 color: #333;
 font-size: 15px;
 font-size: 0.9375rem;
 font-weight: 800;
}
p {
 margin: 0 0 1em;
 padding: 0;
}
dfn, cite, em, i {
 font-style: italic;
}
blockquote {
 color: #666;
 font-size: 18px;
 font-size: 1.125rem;
 font-style: italic;
 line-height: 1.7;
 margin: 0;
 overflow: hidden;
 padding: 0;
}
blockquote cite {
 display: block;
 font-style: normal;
 font-weight: 600;
 margin-top: 0.5em;
}
address {
 margin: 0 0 1.5em;
}
pre {
 background: #eee;
 font-family: "Courier 10 Pitch", Courier, monospace;
 font-size: 15px;
 font-size: 0.9375rem;
 line-height: 1.6;
 margin-bottom: 1.6em;
 max-width: 100%;
 overflow: auto;
 padding: 1.6em;
}
.tos-prev {
    background: url(../images/home/prev.png) no-repeat 0 0; background-size: 100%;margin-left: -20px;
}
.tos-next {
    background: url(../images/home/next.png) no-repeat 0 0;background-size: 100%;margin-right: -20px;
}
.tos-inline.tos-prev {
    margin-right: 10px;
}
.tos-inline.tos-next {
    margin-left: 10px;
} 
.tos-close, .tos-next, .tos-prev { 
 opacity: 0.85;
}
.tos-prev span, .tos-next span { display: none;}
code, kbd, tt, var {
 font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 font-size: 15px;
 font-size: 0.9375rem;
}
abbr, acronym {
 border-bottom: 1px dotted #666;
 cursor: help;
}
mark, ins {
 background: #eee;
 text-decoration: none;
}
big {
 font-size: 125%;
}
blockquote {
 quotes: "" "";
}
q {
 quotes: "��" "��" "��" "��";
}
blockquote:before, blockquote:after {
 content: "";
}
:focus {
 outline: none;
}
/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
 color: #000;
 display: block;
 margin-bottom: 0.5em;
}
fieldset {
 margin-bottom: 1em;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
 background: #fff;
 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
 border: 1px solid #bbb;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 display: block;
 padding: 0.7em;
 width: 100%;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
 color: #222;
 border-color: #333;
}
select {
 border: 1px solid #bbb;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 height: 3em;
 max-width: 100%;
}
input[type="radio"], input[type="checkbox"] {
 margin-right: 0.5em;
}
input[type="radio"] + label, input[type="checkbox"] + label {
 font-weight: 400;
 display: inline-block;
}
button, input[type="button"], input[type="submit"] {
 background-color: #222;
 border: 0;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 -webkit-box-shadow: none;
 box-shadow: none;
 color: #fff;
 cursor: pointer;
 display: inline-block;
 font-size: 14px;
 font-size: 0.875rem;
 font-weight: 800;
 line-height: 1;
 padding: 1em 2em;
 text-shadow: none;
 -webkit-transition: background 0.2s;
 transition: background 0.2s;
}
input + button, input + input[type="button"], input + input[type="submit"] {
 padding: 0.75em 2em;
}
button.secondary, input[type="reset"], input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary {
 background-color: #ddd;
 color: #222;
}
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
 background: #767676;
}
button.secondary:hover, button.secondary:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"].secondary:hover, input[type="button"].secondary:focus, input[type="reset"].secondary:hover, input[type="reset"].secondary:focus, input[type="submit"].secondary:hover, input[type="submit"].secondary:focus {
 background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
 color: #333;
 font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
 color: #333;
 font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
 color: #333;
 font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
 opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
 color: #333;
 font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
 background-color: #bbb;
 border: 0;
 height: 1px;
 margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul, ol {
 margin: 0 0 1.5em;
 padding: 0;
}
ul {
 list-style: none;
}
ol {
 list-style: decimal;
}
li > ul, li > ol {
 margin-bottom: 0;
 margin-left: 1.5em;
}
dt {
 font-weight: 700;
}
dd {
 margin: 0 1.5em 1.5em;
}
/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

table {
 border-collapse: collapse;
 margin: 0 0 1.5em;
 width: 100%;
}
thead th {
 border-bottom: 2px solid #bbb;
 padding-bottom: 0.5em;
}
th {
 padding: 0.4em;
 text-align: left;
}
tr {
 border-bottom: 1px solid #eee;
}
td {
 padding: 0.4em;
}
th:first-child, td:first-child {
 padding-left: 0;
}
th:last-child, td:last-child {
 padding-right: 0;
}
/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/
.tos-close {
    height: 40px;
    top: 20px;
    background: #2b2b2b;
}
a {
 color: #fff;
 text-decoration: none;
}
a:focus {
 outline: thin dotted;
}
a:hover, a:active {
 color: #eee;
 outline: 0;
}
/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
 display: block;
}
.main-navigation.toggled-on ul.nav-menu {
 display: block;
}
.menu-toggle:hover, .menu-toggle:focus {
 background-color: transparent;
 -webkit-box-shadow: none;
 box-shadow: none;
}
.menu-toggle:focus {
 outline: thin solid;
}
.menu-toggle .icon {
 margin-right: 0.5em;
 top: -2px;
}
.toggled-on .menu-toggle .icon-bars, .menu-toggle .icon-close {
 display: none;
}
.toggled-on .menu-toggle .icon-close {
 display: inline-block;
}
/* Dropdown Toggle */

.dropdown-toggle {
 background-color: transparent;
 border: 0;
 -webkit-box-shadow: none;
 box-shadow: none;
 color: #222;
 display: block;
 font-size: 16px;
 right: -0.5em;
 line-height: 1.5;
 margin: 0 auto;
 padding: 0.5em;
 position: absolute;
 text-shadow: none;
 top: 0;
}
.dropdown-toggle:hover, .dropdown-toggle:focus {
 background: transparent;
}
.dropdown-toggle:focus {
 outline: thin dotted;
}
.dropdown-toggle.toggled-on .icon {
 -ms-transform: rotate(-180deg); /* IE 9 */
 -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
 transform: rotate(-180deg);
}
/* Scroll down arrow */


/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

html {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
*, *:before, *:after {
 /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
 -webkit-box-sizing: inherit;
 -moz-box-sizing: inherit;
 box-sizing: inherit;
}
body {
 background: #fff;/* Fallback for when there is no custom background color defined. */
}
#page {
 position: relative;
 word-wrap: break-word;
}
.wrap {
 margin-left: auto;
 margin-right: auto;
 max-width: 700px;
 padding-left: 2em;
 padding-right: 2em;
}
.wrap:after {
 clear: both;
 content: "";
 display: block;
}
/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

#masthead .wrap {
 position: relative;
 text-align: center;
}
.site-header {
 background-color: #000;
 position: relative;
}
/* Site branding */

.site-branding {
 padding: 1em 0;
 position: relative;
 -webkit-transition: margin-bottom 0.2s;
 transition: margin-bottom 0.2s;
 z-index: 3;
}
.site-branding a {
 text-decoration: none;
 -webkit-transition: opacity 0.2s;
 transition: opacity 0.2s;
}
.site-branding a:hover{
 opacity: 0.7;
}
.site-title {
 clear: none;
 font-size: 24px;
 font-size: 1.5rem;
 font-weight: 800;
 line-height: 1.25;
 letter-spacing: 0.08em;
 margin: 0;
 padding: 0;
 text-transform: uppercase;
}
.site-title, .site-title a {
 color: #222;
 opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}
body.has-header-image .site-title, body.has-header-video .site-title, body.has-header-image .site-title a, body.has-header-video .site-title a {
 color: #fff;
}
.site-description {
 color: #666;
 font-size: 13px;
 font-size: 0.8125rem;
 margin-bottom: 0;
}
body.has-header-image .site-description, body.has-header-video .site-description {
 color: #fff;
 opacity: 0.8;
}
.custom-logo-link {
 display: inline-block;
 padding-right: 1em;
 vertical-align: middle;
 width: auto;
}
.custom-logo-link img {
 display: inline-block;
 max-height: 80px;
 width: auto;
}
body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
 max-height: 200px;
 max-width: 100%;
}
.custom-logo-link a:hover, .custom-logo-link a:focus {
 opacity: 0.9;
}
body:not(.title-tagline-hidden) .site-branding-text {
 display: inline-block;
 vertical-align: middle;
}
.custom-header {
 position: relative;
}
.r-nav {
    width: 39px;
    height:325px;
    background: url(../images/home/r-nav-bg.png) no-repeat 0 0;
    position: fixed;
    right: 3em;
    top: 30%;
    z-index: 200;
}
.r-nav ul li a { 
display: block; width: 39px;
 cursor: pointer;
 height: 45px;
}
.r-nav ul li {
    margin-bottom: 3.3em;
    background: url(../images/home/r-nav.png) no-repeat 0 0;
}
.r-nav ul li:nth-of-type(2) {
 margin-bottom: 3.1em;
}
.r-nav ul li a:hover, .r-nav ul li a.active {
    background: url(../images/home/r-nav-link.png) no-repeat 0 0;
}
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
 display: table;
 height: 300px;
 height: 75vh;
 width: 100%;
}
.custom-header-media {
 bottom: 0;
 left: 0;
 overflow: hidden;
 position: absolute;
 right: 0;
 top: 0;
 width: 100%;
}
.custom-header-media:before {
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
 background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
 bottom: 0;
 content: "";
 display: block;
 height: 100%;
 left: 0;
 position: absolute;
 right: 0;
 z-index: 2;
}
.has-header-image .custom-header-media img, .has-header-image .custom-header-media video, .has-header-image .custom-header-media iframe {
 position: fixed;
 height: auto;
 left: 50%;
 max-width: 1000%;
 min-height: 100%;
 min-width: 100%;
 min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
 width: auto;
 top: 50%;
 padding-bottom: 1px; /* Prevent header from extending beyond the footer */
 -ms-transform: translateX(-50%) translateY(-50%);
 -moz-transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
}
.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
 background-color: rgba(34, 34, 34, 0.5);
 border: 1px solid rgba(255, 255, 255, 0.6);
 color: rgba(255, 255, 255, 0.6);
 height: 45px;
 overflow: hidden;
 padding: 0;
 position: fixed;
 right: 30px;
 top: 30px;
 -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
 transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
 width: 45px;
}
.wp-custom-header .wp-custom-header-video-button:hover, .wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
 border-color: rgba(255, 255, 255, 0.8);
 background-color: rgba(34, 34, 34, 0.8);
 color: #fff;
}
.admin-bar .wp-custom-header-video-button {
 top: 62px;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
 bottom: 0;
 position: absolute;
 top: auto;
 -ms-transform: translateX(-50%) translateY(0);
 -moz-transform: translateX(-50%) translateY(0);
 -webkit-transform: translateX(-50%) translateY(0);
 transform: translateX(-50%) translateY(0);
}


/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
 .has-header-image .custom-header-media img,  .has-header-image .custom-header-media video,  .has-header-image .custom-header-media iframe,  .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
 height: 100%;
 left: 0;
 -o-object-fit: cover;
 object-fit: cover;
 top: 0;
 -ms-transform: none;
 -moz-transform: none;
 -webkit-transform: none;
 transform: none;
 width: 100%;
}
}
/* Hides div in Customizer preview when header images or videos change. */

body:not(.has-header-image):not(.has-header-video) .custom-header-media {
 display: none;
}
.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {
 display: table-cell;
 height: 100%;
 vertical-align: bottom;
}
/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/

.twentyseventeen-front-page .site-content {
 padding: 0;
}
.twentyseventeen-panel {
 overflow: hidden;
 position: relative;
}
.panel-image {
 background-position: center center;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 background-size: cover;
 position: relative;
}
.panel-image:before {
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
 background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
 background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
 background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
 background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
 bottom: 0;
 content: "";
 left: 0;
 right: 0;
 position: absolute;
 top: 100px;
}
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
 border-top: 1px solid #ddd;
}
.panel-content {
 position: relative;
}
.panel-content .wrap {
 padding-bottom: 0.5em;
 padding-top: 1.75em;
}
/* Panel edit link */

.twentyseventeen-panel .edit-link {
 display: block;
 margin: 0.3em 0 0;
}
.twentyseventeen-panel .entry-header .edit-link {
 font-size: 14px;
 font-size: 0.875rem;
}
/* Front Page - Recent Posts */

.twentyseventeen-front-page .panel-content .recent-posts article {
 border: 0;
 color: #333;
 margin-bottom: 3em;
}
.recent-posts .entry-header {
 margin-bottom: 1.2em;
}
.page .panel-content .recent-posts .entry-title {
 font-size: 20px;
 font-size: 1.25rem;
 font-weight: 300;
 letter-spacing: 0;
 text-transform: none;
}
.twentyseventeen-panel .recent-posts .entry-header .edit-link {
 color: #222;
 display: inline-block;
 font-size: 11px;
 font-size: 0.6875rem;
 margin-left: 1em;
}
/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.site-content-contain {
 position: relative;
 background: #000;
 z-index: 10;
}
.site-content {
 padding: 2.5em 0 0;
 background: url(../images/home/dbg.png) repeat-y 0 0;
}
/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/

/* Post Landing Page */

.sticky {
 position: relative;
}
.post:not(.sticky) .icon-thumb-tack {
 display: none;
}
.sticky .icon-thumb-tack {
 display: block;
 height: 18px;
 left: -1.5em;
 position: absolute;
 top: 1.65em;
 width: 20px;
}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
 color: #fff;
 font-size: 14px;
 font-size: 2rem;
 font-weight: 800;
 letter-spacing: 0.14em;
}
.pt3 {
 margin: 1em 0 1em!important;
}
.pt4 {
 margin: 0.1em 0 1em!important;
}
.entry-header .entry-title {
 margin-bottom: 0.25em;
}
.entry-title a {
 color: #333;
 text-decoration: none;
 margin-left: -2px;
}
.entry-title:not(:first-child) {
 padding-top: 0;
}
.page-one-column ul {
 display: inline-block;
}
.page-one-column ul.pic-list {
 max-width: 58%;
}
#Li-3 .pic3-3, #Li-4 .pic3-3 {
   text-align: center;zoom: 94.5%;
}
#Li-3 a.tos-prev, #Li-3 a.tos-next, #Li-4 a.tos-prev, #Li-4 a.tos-next {
   top:45%;
}
#Li-3 .pic-list, #Li-4 .pic-list {
    max-width: 54.4%!important;
}

element.style {
}
#Li-3 .pic-list p.text, #Li-4 .pic-list p.text {
    font-size: 13px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#Li-3 li.first-pic a, #Li-4 li.first-pic a { margin-left: 12px;}
#Li-3 li a, #Li-4 li a {margin: 0 0.1em 0.6em;}
.page-one-column ul li {
 display: inline-block;
}
.page-one-column ul li a {
 display: inline-block;
 max-width: 180px;
 max-height: 159px;
 margin: 0 0.3em 0.6em;
 position: relative;
}
.page-one-column ul li a p.text {
 position: absolute;
 display: block;
 width: 100%;
 bottom: 0;
 margin: 0;
 padding: 0.58em;
 background: rgba(0, 0, 0, 0.85);
 color: #ffd200;
 font-size: 18px;
}
.page-one-column ul li.first-pic a {
 max-width: 380px;
 max-height: 268px;
}
.entry-meta {
 color: #767676;
 font-size: 11px;
 font-size: 0.6875rem;
 font-weight: 800;
 letter-spacing: 0.1818em;
 padding-bottom: 0.25em;
 text-transform: uppercase;
}
.entry-meta a {
 color: #767676;
}
.byline, .updated:not(.published) {
 display: none;
}
.single .byline, .group-blog .byline {
 display: inline;
}
.pagination, .comments-pagination {
 border-top: 1px solid #eee;
 font-size: 14px;
 font-size: 0.875rem;
 font-weight: 800;
 padding: 2em 0 3em;
 text-align: center;
}
.pagination .icon, .comments-pagination .icon {
 width: 0.666666666em;
 height: 0.666666666em;
}
.comments-pagination {
 border: 0;
}
.page-numbers {
 display: none;
 padding: 0.5em 0.75em;
}
.page-numbers.current {
 color: #767676;
 display: inline-block;
}
.page-numbers.current .screen-reader-text {
 clip: auto;
 height: auto;
 overflow: auto;
 position: relative !important;
 width: auto;
}
.prev.page-numbers, .next.page-numbers {
 background-color: #ddd;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 display: inline-block;
 font-size: 24px;
 font-size: 1.5rem;
 line-height: 1;
 padding: 0.25em 0.5em 0.4em;
}
.prev.page-numbers, .next.page-numbers {
 -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
 transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.prev.page-numbers:focus, .prev.page-numbers:hover, .next.page-numbers:focus, .next.page-numbers:hover {
 background-color: #767676;
 color: #fff;
}
.prev.page-numbers {
 float: left;
}
.next.page-numbers {
 float: right;
}
/* Aligned blockquotes */

.entry-content blockquote.alignleft, .entry-content blockquote.alignright {
 color: #666;
 font-size: 13px;
 font-size: 0.8125rem;
 width: 48%;
}
/* Blog landing, search, archives */

.blog .site-main > article, .archive .site-main > article, .search .site-main > article {
 padding-bottom: 2em;
}
body:not(.twentyseventeen-front-page) .entry-header {
 padding: 1em 0;
}
body:not(.twentyseventeen-front-page) .entry-header, body:not(.twentyseventeen-front-page) .entry-content, body:not(.twentyseventeen-front-page) #comments {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}
body:not(.twentyseventeen-front-page) .entry-header {
 padding-top: 0;
}
.blog .entry-meta a.post-edit-link, .archive .entry-meta a.post-edit-link, .search .entry-meta a.post-edit-link {
 color: #222;
 display: inline-block;
 margin-left: 1em;
 white-space: nowrap;
}
.search .page .entry-meta a.post-edit-link {
 margin-left: 0;
 white-space: nowrap;
}
.taxonomy-description {
 color: #666;
 font-size: 13px;
 font-size: 0.8125rem;
}
/* More tag */

.entry-content .more-link:before {
 content: "";
 display: block;
 margin-top: 1.5em;
}
/* Single Post */

.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
 margin-left: auto;
 margin-right: auto;
 max-width: 740px;
}
.single-featured-image-header {
 background-color: #fafafa;
 border-bottom: 1px solid #eee;
}
.single-featured-image-header img {
 display: block;
 margin: auto;
}
.page-links {
 font-size: 14px;
 font-size: 0.875rem;
 font-weight: 800;
 padding: 2em 0 3em;
}
.page-links .page-number {
 color: #767676;
 display: inline-block;
 padding: 0.5em 1em;
}
.page-links a {
 display: inline-block;
}
.page-links a .page-number {
 color: #222;
}
/* Entry footer */

.entry-footer {
 border-bottom: 1px solid #eee;
 border-top: 1px solid #eee;
 margin-top: 2em;
 padding: 2em 0;
}
.entry-footer .cat-links, .entry-footer .tags-links {
 display: block;
 font-size: 11px;
 font-size: 0.6875rem;
 font-weight: 800;
 letter-spacing: 0.1818em;
 padding-left: 2.5em;
 position: relative;
 text-transform: uppercase;
}
.entry-footer .cat-links + .tags-links {
 margin-top: 1em;
}
.entry-footer .cat-links a, .entry-footer .tags-links a {
 color: #333;
}
.entry-footer .cat-links .icon, .entry-footer .tags-links .icon {
 color: #767676;
 left: 0;
 margin-right: 0.5em;
 position: absolute;
 top: 2px;
}
.entry-footer .edit-link {
 display: inline-block;
}
.entry-footer .edit-link a.post-edit-link {
 background-color: #222;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 -webkit-box-shadow: none;
 box-shadow: none;
 color: #fff;
 display: inline-block;
 font-size: 14px;
 font-size: 0.875rem;
 font-weight: 800;
 margin-top: 2em;
 padding: 0.7em 2em;
 -webkit-transition: background-color 0.2s ease-in-out;
 transition: background-color 0.2s ease-in-out;
 white-space: nowrap;
}
.entry-footer .edit-link a.post-edit-link:hover, .entry-footer .edit-link a.post-edit-link:focus {
 background-color: #767676;
}
/* Post Formats */

.blog .format-status .entry-title, .archive .format-status .entry-title, .blog .format-aside .entry-title, .archive .format-aside .entry-title {
 display: none;
}
.format-quote blockquote {
 color: #333;
 font-size: 20px;
 font-size: 1.25rem;
 font-weight: 300;
 overflow: visible;
 position: relative;
}
.format-quote blockquote .icon {
 display: block;
 height: 20px;
 left: -1.25em;
 position: absolute;
 top: 0.4em;
 -webkit-transform: scale(-1, 1);
 -ms-transform: scale(-1, 1);
 transform: scale(-1, 1);
 width: 20px;
}
/* Post Navigation */

.post-navigation {
 font-weight: 800;
 margin: 3em 0;
}
.post-navigation .nav-links {
 padding: 1em 0;
}
.nav-subtitle {
 background: transparent;
 color: #767676;
 display: block;
 font-size: 11px;
 font-size: 0.6875rem;
 letter-spacing: 0.1818em;
 margin-bottom: 1em;
 text-transform: uppercase;
}
.nav-title {
 color: #333;
 font-size: 15px;
 font-size: 0.9375rem;
}
.post-navigation .nav-next {
 margin-top: 1.5em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
 margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
 margin-left: 0.5em;
}
/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

.page-header {
 padding: 3em 0;
}
.page .entry-header .edit-link {
 font-size: 14px;
 font-size: 0.875rem;
}
.search .page .entry-header .edit-link {
 font-size: 11px;
 font-size: 0.6875rem;
}
.page-links {
 clear: both;
 margin: 0 0 1.5em;
}
.page:not(.home) #content {
 padding-bottom: 1.5em;
}
/* 404 page */

.error404 .page-content {
 padding-bottom: 4em;
}
.error404 .page-content .search-form, .search .page-content .search-form {
 margin-bottom: 3em;
}
/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

.site-footer {
 border-top: 2px solid #1d1c1c;
}
.site-footer .wrap {
 padding-bottom: 1.5em;    max-width: 1160px;
 padding-top: 1em;
}
.infoimg {    margin-top: 1.2em!important;}
/* Footer widgets */

.site-footer .widget-area {
 padding-bottom: 2em;
 padding-top: 2em;
}
/* Social nav */

.social-navigation {
 font-size: 16px;
 font-size: 1rem;
 margin-bottom: 1em;
}
.social-navigation ul {
 list-style: none;
 margin-bottom: 0;
 margin-left: 0;
}
.social-navigation li {
 display: inline;
}
.social-navigation a {
 background-color: #767676;
 -webkit-border-radius: 40px;
 border-radius: 40px;
 color: #fff;
 display: inline-block;
 height: 40px;
 margin: 0 1em 0.5em 0;
 text-align: center;
 width: 40px;
}
.social-navigation a:hover, .social-navigation a:focus {
 background-color: #333;
}
.social-navigation .icon {
 height: 16px;
 top: 12px;
 width: 16px;
 vertical-align: top;
}
/* Site info */

.site-info {
 font-size: 14px;
 font-size: 0.875rem;
 margin-bottom: 1em;
}
.site-info a {
 color: #999;
}
.site-info .sep {
 margin: 0;
 display: block;
 visibility: hidden;
 height: 0;
 width: 100%;
}
/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/

#comments {
 clear: both;
 padding: 2em 0 0.5em;
}
.comments-title {
 font-size: 20px;
 font-size: 1.25rem;
 margin-bottom: 1.5em;
}
.comment-list, .comment-list .children {
 list-style: none;
 margin: 0;
 padding: 0;
}
.comment-list li:before {
 display: none;
}
.comment-body {
 margin-left: 65px;
}
.comment-author {
 font-size: 16px;
 font-size: 1rem;
 margin-bottom: 0.4em;
 position: relative;
 z-index: 2;
}
.comment-author .avatar {
 height: 50px;
 left: -65px;
 position: absolute;
 width: 50px;
}
.comment-author .says {
 display: none;
}
.comment-meta {
 margin-bottom: 1.5em;
}
.comment-metadata {
 color: #767676;
 font-size: 10px;
 font-size: 0.625rem;
 font-weight: 800;
 letter-spacing: 0.1818em;
 text-transform: uppercase;
}
.comment-metadata a {
 color: #767676;
}
.comment-metadata a.comment-edit-link {
 color: #222;
 margin-left: 1em;
}
.comment-body {
 color: #333;
 font-size: 14px;
 font-size: 0.875rem;
 margin-bottom: 4em;
}
.comment-reply-link {
 font-weight: 800;
 position: relative;
}
.comment-reply-link .icon {
 color: #222;
 left: -2em;
 height: 1em;
 position: absolute;
 top: 0;
 width: 1em;
}
.children .comment-author .avatar {
 height: 30px;
 left: -45px;
 width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
 border: 1px solid #333;
 padding: 2px;
}
.no-comments, .comment-awaiting-moderation {
 color: #767676;
 font-size: 14px;
 font-size: 0.875rem;
 font-style: italic;
}
.comments-pagination {
 margin: 2em 0 3em;
}
.form-submit {
 text-align: right;
 margin-top: 3em;
}
/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

#secondary {
 padding: 1em 0 2em;
}
.widget {
 padding-bottom: 0;
}
h2.widget-title {
 color: #222;
 font-size: 13px;
 font-size: 0.8125rem;
 font-weight: 800;
 letter-spacing: 0.1818em;
 margin-bottom: 1.5em;
 text-transform: uppercase;
}
.widget-title a {
 color: inherit;
}
/* widget forms */

.widget select {
 width: 100%;
}
/* widget lists */

.widget ul {
 list-style: none;
 margin: 0;
}
.widget ul li {
 border-bottom: 1px solid #737373;
 padding: 0.5em 0;
 margin-bottom: 1em;
}
.page-title {
 margin: 0;
}
.widget ul li span {
 float: right;
 margin-right: 1em;
}
.more-link {
 background-color: #ffd200;
 border: 0;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 -webkit-box-shadow: none;
 box-shadow: none;
 color: #000;
 cursor: pointer;
 display: inline-block;
 font-size: 16px;
 font-size: 1rem;
 font-weight: 800;
 line-height: 1;
 padding: 1em 2em;
 text-shadow: none;
 -webkit-transition: background 0.2s;
 transition: background 0.2s;
}
.widget ul li + li {
 margin-top: -1px;
}
.widget ul li ul {
 margin: 0 0 -1px;
 padding: 0;
 position: relative;
}
.widget ul li li {
 border: 0;
 padding-left: 24px;
 padding-left: 1.5rem;
}
/* Widget lists of links */

.widget_top-posts ul li ul, .widget_rss_links ul li ul, .widget-grofile ul.grofile-links li ul, .widget_pages ul li ul, .widget_meta ul li ul {
 bottom: 0;
}
.widget_nav_menu ul li li, .widget_top-posts ul li, .widget_top-posts ul li li, .widget_rss_links ul li, .widget_rss_links ul li li, .widget-grofile ul.grofile-links li, .widget-grofile ul.grofile-links li li {
 padding-bottom: 0.25em;
 padding-top: 0.25em;
}
.widget_rss ul li {
 padding-bottom: 1em;
 padding-top: 1em;
}
/* widget markup */

.widget .post-date, .widget .rss-date {
 font-size: 0.81em;
}
/* Text widget */

.widget_text {
 word-wrap: break-word;
}
/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child {
 float: right;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
 background-color: transparent;
}
.widget_rss .widget-title .rsswidget:first-child img {
 display: block;
}
.widget_rss ul li {
 padding: 2.125em 0;
}
.widget_rss ul li:first-child {
 border-top: none;
 padding-top: 0;
}
.widget_rss li .rsswidget {
 font-size: 22px;
 font-size: 1.375rem;
 font-weight: 300;
 line-height: 1.4;
}
.widget_rss .rss-date, .widget_rss li cite {
 color: #767676;
 display: block;
 font-size: 10px;
 font-size: 0.625rem;
 font-style: normal;
 font-weight: 800;
 letter-spacing: 0.18em;
 line-height: 1.5;
 text-transform: uppercase;
}
.widget_rss .rss-date {
 margin: 0.5em 0 1.5em;
 padding: 0;
}
.widget_rss .rssSummary {
 margin-bottom: 0.5em;
}
/* Contact Info Widget */

.widget_contact_info .contact-map {
 margin-bottom: 0.5em;
}
/* Gravatar */

.widget-grofile h4 {
 font-size: 16px;
 font-size: 1rem;
 margin-bottom: 0;
}
/* Recent Comments */

.widget_recent_comments table, .widget_recent_comments th, .widget_recent_comments td {
 border: 0;
}
/* Recent Posts widget */

.widget_recent_entries .post-date {
 display: block;
}
/* Search */

.search-form {
 position: relative;
}
.search-form .search-submit {
 bottom: 3px;
 padding: 0.5em 1em;
 position: absolute;
 right: 3px;
 top: 3px;
}
.search-form .search-submit .icon {
 height: 24px;
 top: -2px;
 width: 24px;
}
/* Tag cloud widget */

.tagcloud, .widget_tag_cloud, .wp_widget_tag_cloud {
 line-height: 1.5;
}
.widget .tagcloud a, .widget.widget_tag_cloud a, .wp_widget_tag_cloud a {
 border: 1px solid #ddd;
 -webkit-box-shadow: none;
 box-shadow: none;
 display: inline-block;
 float: left;
 font-size: 14px !important; /* !important to overwrite inline styles */
 font-size: 0.875rem !important;
 margin: 4px 4px 0 0 !important;
 padding: 4px 10px 5px !important;
 position: relative;
 -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
 transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
 width: auto;
 word-wrap: break-word;
 z-index: 0;
}
.widget .tagcloud a:hover, .widget .tagcloud a:focus, .widget.widget_tag_cloud a:hover, .widget.widget_tag_cloud a:focus, .wp_widget_tag_cloud a:hover, .wp_widget_tag_cloud a:focus {
 border-color: #bbb;
 -webkit-box-shadow: none;
 box-shadow: none;
 text-decoration: none;
}
/* Calendar widget */

.widget_calendar th, .widget_calendar td {
 text-align: center;
}
.widget_calendar tfoot td {
 border: 0;
}
/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

img, video {
 height: auto; /* Make sure images are scaled correctly. */
 max-width: 100%; /* Adhere to container width. */
}
img.alignleft, img.alignright {
 float: none;
 margin: 0;
}
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
 border: none;
 margin-bottom: 0;
 margin-top: 0;
 padding: 0;
}
/* Make sure embeds and iframes fit their containers. */

embed, iframe, object {
 margin-bottom: 1.5em;
 max-width: 100%;
}
.wp-caption, .gallery-caption {
 color: #666;
 font-size: 13px;
 font-size: 0.8125rem;
 font-style: italic;
 margin-bottom: 1.5em;
 max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.wp-caption .wp-caption-text {
 margin: 0.8075em 0;
}
/* Media Elements */

.mejs-container {
 margin-bottom: 1.5em;
}
/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider, .mejs-controls a.mejs-horizontal-volume-slider:focus, .mejs-controls a.mejs-horizontal-volume-slider:hover {
 background: transparent;
 border: 0;
}
/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
 border-color: #eee;
 color: #222;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
 color: #333;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
 color: #767676;
}
.site-content .wp-playlist-light .wp-playlist-item {
 border-bottom: 1px dotted #eee;
 -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
 transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-light .wp-playlist-item:hover, .site-content .wp-playlist-light .wp-playlist-item:focus {
 border-bottom-color: rgba(0, 0, 0, 0);
 background-color: #767676;
 color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover, .site-content .wp-playlist-light .wp-playlist-item:hover a, .site-content .wp-playlist-light .wp-playlist-item:focus a {
 color: #fff;
}
/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
 background: #222;
 border-color: #333;
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
 background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-caption {
 color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
 color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
 color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
 background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-item {
 border-bottom: 1px dotted #555;
 -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
 transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover, .site-content .wp-playlist-dark .wp-playlist-item:focus {
 border-bottom-color: rgba(0, 0, 0, 0);
 background-color: #aaa;
 color: #222;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover, .site-content .wp-playlist-dark .wp-playlist-item:hover a, .site-content .wp-playlist-dark .wp-playlist-item:focus a {
 color: #222;
}
/* Playlist Style Overrides */

.site-content .wp-playlist {
 padding: 0.625em 0.625em 0.3125em;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
 font-weight: 700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
 font-style: normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
 font-size: 10px;
 font-size: 0.625rem;
 font-weight: 800;
 letter-spacing: 0.1818em;
 text-transform: uppercase;
}
.site-content .wp-playlist-item {
 padding: 0 0.3125em;
 cursor: pointer;
}
.site-content .wp-playlist-item:last-of-type {
 border-bottom: none;
}
.site-content .wp-playlist-item a {
 padding: 0.3125em 0;
 border-bottom: none;
}
.site-content .wp-playlist-item a, .site-content .wp-playlist-item a:focus, .site-content .wp-playlist-item a:hover {
 -webkit-box-shadow: none;
 box-shadow: none;
 background: transparent;
}
.site-content .wp-playlist-item-length {
 top: 5px;
}
/* SVG Icons base styles */

.icon {
 display: inline-block;
 fill: currentColor;
 height: 1em;
 position: relative; /* Align more nicely with capital letters */
 top: -0.0625em;
 vertical-align: middle;
 width: 1em;
}
/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

.gallery-item {
 display: inline-block;
 text-align: left;
 vertical-align: top;
 margin: 0 0 1.5em;
 padding: 0 1em 0 0;
 width: 50%;
}
.gallery-columns-1 .gallery-item {
 width: 100%;
}
.gallery-columns-2 .gallery-item {
 max-width: 50%;
}
.gallery-item a, .gallery-item a:hover, .gallery-item a:focus {
 -webkit-box-shadow: none;
 box-shadow: none;
 background: none;
 display: inline-block;
 max-width: 100%;
}
.gallery-item a img {
 display: block;
 -webkit-transition: -webkit-filter 0.2s ease-in;
 transition: -webkit-filter 0.2s ease-in;
 transition: filter 0.2s ease-in;
 transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}
.gallery-item a:hover img, .gallery-item a:focus img {
 -webkit-filter: opacity(60%);
 filter: opacity(60%);
}
.gallery-caption {
 display: block;
 text-align: left;
 padding: 0 10px 0 0;
 margin-bottom: 0;
}
/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
 border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
 bottom: 1em;
 content: "";
 display: block;
 left: 1em;
 position: absolute;
 right: 1em;
 top: 1em;
 z-index: 1;
}
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
 z-index: 2; /* Prevent :after from preventing interactions within the section */
}
/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
 display: block;
 font-size: 14px;
 font-size: 0.875rem;
 font-weight: 700;
 letter-spacing: 1px;
 padding: 3em;
 text-transform: uppercase;
 text-align: center;
}
/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
 border: none;
}
.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
 border: 0;
}
/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel .customize-partial-edit-shortcut button {
 top: 30px;
 left: 30px;
}
/* Ensure that placeholder icons are visible. */
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
 visibility: visible;
}
/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/

.svg-fallback {
 display: none;
}
.no-svg .svg-fallback {
 display: inline-block;
}
.no-svg .dropdown-toggle {
 padding: 0.5em 0 0;
 right: 0;
 text-align: center;
 width: 2em;
}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
 font-size: 20px;
 font-size: 1.25rem;
 font-weight: 400;
 line-height: 1;
 -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
 -ms-transform: rotate(180deg); /* IE 9 */
 transform: rotate(180deg);
}
.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
 -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
 -ms-transform: rotate(0); /* IE 9 */
 transform: rotate(0);
}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
 content: "\005E";
}
/* Social Menu fallbacks */

.no-svg .social-navigation a {
 background: transparent;
 color: #222;
 height: auto;
 width: auto;
}
/* Show screen reader text in some cases */

.no-svg .next.page-numbers .screen-reader-text, .no-svg .prev.page-numbers .screen-reader-text, .no-svg .social-navigation li a .screen-reader-text, .no-svg .search-submit .screen-reader-text {
 clip: auto;
 font-size: 16px;
 font-size: 1rem;
 font-weight: 400;
 height: auto;
 position: relative !important; /* overrides previous !important styles */
 width: auto;
}

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {
body.customize-partial-edit-shortcuts-shown .site-header .site-title {
 padding-left: 0;
}
}

@media screen and (min-width: 30em) {
/* Typography */

body,  button,  input,  select,  textarea {
 font-size: 18px;
 font-size: 1.125rem;
}
h1 {
 font-size: 30px;
 font-size: 1.875rem;
}
h2,  .home.blog .entry-title,  .page .panel-content .recent-posts .entry-title {
 font-size: 26px;
 font-size: 1.625rem;
}
h3 {
 font-size: 22px;
 font-size: 1.375rem;
}
h4 {
 font-size: 18px;
 font-size: 1.125rem;
}
h5 {
 font-size: 13px;
 font-size: 0.8125rem;
}
h6 {
 font-size: 16px;
 font-size: 1rem;
}
.entry-content blockquote.alignleft,  .entry-content blockquote.alignright {
 font-size: 14px;
 font-size: 0.875rem;
}
/* Fix image alignment */
img.alignleft {
 float: left;
 margin-right: 1.5em;
}
img.alignright {
 float: right;
 margin-left: 1.5em;
}
/* Site Branding */

.site-branding {
 padding: 3em 0;
}
/* Front Page */

.panel-content .wrap {
 padding-bottom: 2em;
 padding-top: 3.5em;
}
.page-one-column .panel-content .wrap {
 max-width: 740px;
}
.panel-content .entry-header {
 margin-bottom: 4.5em;
}
.panel-content .recent-posts .entry-header {
 margin-bottom: 0;
}
/* Blog Index, Archive, Search */

.taxonomy-description {
 font-size: 14px;
 font-size: 0.875rem;
}
.page-numbers.current {
 font-size: 16px;
 font-size: 1rem;
}
/* Site Footer */

.site-footer {
 font-size: 16px;
 font-size: 1rem;
}
/* Gallery Columns */

.gallery-item {
 max-width: 25%;
}
.gallery-columns-1 .gallery-item {
 max-width: 100%;
}
.gallery-columns-2 .gallery-item {
 max-width: 50%;
}
.gallery-columns-3 .gallery-item {
 max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
 max-width: 25%;
}
}

@media screen and (min-width: 48em) {
/* Typography */

body,  button,  input,  select,  textarea {
 font-size: 16px;
 font-size: 1rem;
 line-height: 1.5;
}
.wp-custom-header img {
 z-index: 2;
}
.video {
 z-index: 1;
}
 .inline1 { display: none;}
.top-nav {
 position: relative;
 z-index: 3;
 max-width: 1000px;
 margin: 0 auto;
 width: 100%;
 text-align: right;
}
/* Layout */
.top-nav a {
 position: fixed;
 z-index: 3;
 margin-top: 60px;
}
.top-nav a.facebook {
 margin-left: 60px;
}
.wrap {
 max-width: 1200px;
 padding: 0;
}
.tapBtn {max-width: 234px;}
.navbar {
 background-color: rgba(0, 0, 0, 0.8);
 position: absolute;
 height: 100px;
 line-height: 100px;
 font-size: 18px;
 z-index: 20;
 width: 100%;
}
#video-bg {
 position: absolute;
 right: 0;
 bottom: 0;
 width: auto;
 min-width: 100%;
 height: auto;
 min-height: 100%;
 z-index: 0;
}
#video-obj {
 position: absolute;
 background: #000;
}
.has-sidebar #secondary {
 float: right;
 padding-top: 0;
 width: 36%;
}
.error404 #primary {
 float: none;
}
/* Site Branding */

.site-branding {
 margin-bottom: 0;
}
.has-header-image.twentyseventeen-front-page .site-branding,  .has-header-video.twentyseventeen-front-page .site-branding,  .has-header-image.home.blog .site-branding,  .has-header-video.home.blog .site-branding {
 bottom: 0;
 display: block;
 left: 0;
 height: auto;
 padding-top: 0;
 position: absolute;
 width: 100%;
}
.has-header-image.twentyseventeen-front-page .custom-header,  .has-header-video.twentyseventeen-front-page .custom-header,  .has-header-image.home.blog .custom-header,  .has-header-video.home.blog .custom-header {
 display: block;
 height: auto;
}
.custom-header-media {
 height: 165px;
 position: relative;
}
.twentyseventeen-front-page.has-header-image .custom-header-media,  .twentyseventeen-front-page.has-header-video .custom-header-media,  .home.blog.has-header-image .custom-header-media,  .home.blog.has-header-video .custom-header-media {
 height: 0;
 position: relative;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,  .has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
 bottom: 0;
 height: auto;
 left: 0;
 position: absolute;
 right: 0;
 top: 0;
}
.custom-logo-link {
 padding-right: 2em;
}
.custom-logo-link img,  body.home.title-tagline-hidden.has-header-image .custom-logo-link img,  body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
 max-width: 350px;
}
.title-tagline-hidden.home.has-header-image .custom-logo-link img,  .title-tagline-hidden.home.has-header-video .custom-logo-link img {
 max-height: 200px;
}
.site-title {
 font-size: 36px;
 font-size: 2.25rem;
}
.site-description {
 font-size: 16px;
 font-size: 1rem;
}
/* Navigation */

.navigation-top {
 bottom: 0;
 font-size: 14px;
 font-size: 0.875rem;
 left: 0;
 position: absolute;
 right: 0;
 width: 100%;
 z-index: 3;
}
.navigation-top .wrap {
 max-width: 1000px;
 /* The font size is 14px here and we need 50px padding in ems */
 padding: 0.75em 3.4166666666667em;
}
.navigation-top nav {
 margin-left: -1.25em;
}
.site-navigation-fixed.navigation-top {
 bottom: auto;
 position: fixed;
 left: 0;
 right: 0;
 top: 0;
 width: 100%;
 z-index: 7;
}
.admin-bar .site-navigation-fixed.navigation-top {
 top: 32px;
}
/* Main Navigation */

.js .menu-toggle,  .js .dropdown-toggle {
 display: none;
}
.site-branding {
 margin-bottom: 3px!important;
}
.main-navigation {
 width: auto;
}
.js .main-navigation ul,  .js .main-navigation ul ul,  .js .main-navigation > div > ul {
 display: block;
}
.main-navigation ul {
 background: transparent;
 padding: 0;
 position: relative;
}
.main-navigation > div > ul {
 border: 0;
 margin-bottom: 0;
 padding: 0;
}
.main-navigation li {
 border: 0;
 display: inline-block;
}
.main-navigation li.page_item_has_children {
 position: relative;
}
.main-navigation li.page-item-logo {
 position: absolute;
 top: 10px;
 left: -60px;
}
.main-navigation li.page-item-logo:hover {
 background: none;
 -ms-filter: none;/*IE 8*/
-moz-box-shadow: none;/*FF 3.5+*/
-webkit-box-shadow: none;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: none;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
}
.main-navigation li li {
 display: block;
 line-height: 4em;
}
.main-navigation a {
 padding: 1em 2.1em;
}
.main-navigation a:hover {
 color: #111;
}
.main-navigation ul ul {
 background: rgba(0, 0, 0, 0.8);
 left: -999em;
 padding: 0;
 position: absolute;
 top: 100%;
 z-index: 99999;
 width: 100%;
}
.main-navigation ul li.menu-item-has-children:before,  .main-navigation ul li.menu-item-has-children:after,  .main-navigation ul li.page_item_has_children:before,  .main-navigation ul li.page_item_has_children:after {
 content: "";
 height: 0;
 position: absolute;
 right: 1em;
 top: 2.6em;
 width: 0;
 z-index: 100000;
 vertical-align: middle;
    border-top: 6px dashed;
    border-top: 6px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.main-navigation ul li.menu-item-has-children.focus:before,  .main-navigation ul li.menu-item-has-children:hover:before,  .main-navigation ul li.menu-item-has-children.focus:after,  .main-navigation ul li.menu-item-has-children:hover:after,  .main-navigation ul li.page_item_has_children.focus:before,  .main-navigation ul li.page_item_has_children:hover:before,  .main-navigation ul li.page_item_has_children.focus:after,  .main-navigation ul li.page_item_has_children:hover:after {
 display: block;
}
.main-navigation ul li.menu-item-has-children:before,  .main-navigation ul li.page_item_has_children:before {
 border-color: transparent transparent #bbb;
 bottom: 0;
}
.main-navigation ul li.menu-item-has-children:hover:before,  .main-navigation ul li.menu-item-has-children:hover:after,  .main-navigation ul li.page_item_has_children:hover:before,  .main-navigation ul li.page_item_has_children:hover:after {
 border-top: 6px #000 dashed;
}
.main-navigation ul ul li:hover > ul,  .main-navigation ul ul li.focus > ul {
 left: 100%;
 right: auto;
}
.main-navigation ul ul a {
 padding: 0.75em 1.25em;
 width: 16em;
}
.main-navigation li li {
 -webkit-transition: background-color 0.2s ease-in-out;
 transition: background-color 0.2s ease-in-out;
}
.main-navigation li:hover,  .main-navigation li.focus {
 background: #f7ae00;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=24, Direction=0, Color=#000000)";/*IE 8*/
-moz-box-shadow: 0 0 24px 10px rgba(88, 60, 0, 0.5) inset;/*FF 3.5+*/
-webkit-box-shadow: 0 0 24px 10px rgba(88, 60, 0, 0.5) inset;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 24px 10px rgba(88, 60, 0, 0.5) inset;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
}
.main-navigation li li:hover,  .main-navigation li li.focus {
 background: #000;
-ms-filter: none;/*IE 8*/
-moz-box-shadow: none;/*FF 3.5+*/
-webkit-box-shadow: none;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: none;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
}
.main-navigation li li a {
 -webkit-transition: color 0.3s ease-in-out;
 transition: color 0.3s ease-in-out;
}
.main-navigation li li.focus > a,  .main-navigation li li:focus > a,  .main-navigation li li:hover > a,  .main-navigation li li a:hover,  .main-navigation li li a:focus,  .main-navigation li li.current_page_item a:hover,  .main-navigation li li.current-menu-item a:hover,  .main-navigation li li.current_page_item a:focus,  .main-navigation li li.current-menu-item a:focus {
 color: #fff;
 background: #222;
}
.main-navigation ul li:hover > ul,  .main-navigation ul li.focus > ul {
 left: -1.5em;
 right: auto;
}
.main-navigation .menu-item-has-children > a > .icon,  .main-navigation .page_item_has_children > a > .icon {
 display: inline;
 left: 5px;
 position: relative;
 top: -1px;
}
.main-navigation ul ul .menu-item-has-children > a > .icon,  .main-navigation ul ul .page_item_has_children > a > .icon {
 margin-top: -9px;
 left: auto;
 position: absolute;
 right: 1em;
 top: 50%;
 -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
 -ms-transform: rotate(-90deg); /* IE 9 */
 transform: rotate(-90deg);
}
.main-navigation ul ul ul {
 left: -999em;
 margin-top: -1px;
 top: 0;
}
.main-navigation ul ul li.menu-item-has-children.focus:before,  .main-navigation ul ul li.menu-item-has-children:hover:before,  .main-navigation ul ul li.menu-item-has-children.focus:after,  .main-navigation ul ul li.menu-item-has-children:hover:after,  .main-navigation ul ul li.page_item_has_children.focus:before,  .main-navigation ul ul li.page_item_has_children:hover:before,  .main-navigation ul ul li.page_item_has_children.focus:after,  .main-navigation ul ul li.page_item_has_children:hover:after {
 display: none;
}
.site-header .site-navigation-fixed .menu-scroll-down {
 display: none;
}
/* Scroll down arrow */

.site-header .menu-scroll-down {
 display: inline-block;
 padding: 5em 0.2em;
 right: 0;
 -webkit-animation: up_down 1500ms linear infinite;
 -moz-animation: up_down 1500ms linear infinite;
 -ms-animation: up_down 1500ms linear infinite;
 animation: up_down 1500ms linear infinite;
}
.site-header .menu-scroll-down {
 color: #fff;
 top: 2em;
}
@-webkit-keyframes up_down {
 0% {
-webkit-transform:translateY(0px);
}
 50% {
-webkit-transform:translateY(10px);
}
 100% {
-webkit-transform:translateY(0px);
}
}
@-moz-keyframes up_down {
 0% {
-moz-transform:translateY(0px);
}
 50% {
-moz-transform:translateY(10px);
}
 100% {
-moz-transform:translateY(0px);
}
}
@-ms-keyframes up_down {
 0% {
-ms-transform:translateY(0px);
}
 50% {
-ms-transform:translateY(10px);
}
 100% {
-ms-transform:translateY(0px);
}
}
@keyframes up_down {
 0% {
transform:translateY(0px);
}
 50% {
transform:translateY(10px);
}
 100% {
transform:translateY(0px);
}
}
.site-header .navigation-top .menu-scroll-down {
 color: #767676;
 top: 0.7em;
}
.menu-scroll-down:focus {
 outline: thin dotted;
}
.menu-scroll-down .icon {
 height: 18px;
 width: 18px;
}
.step-1 {
 background: url(http://gfkrcdn.imtxwy.com/guanwang/gf/images/step-1.jpg) no-repeat top center;
 position: relative;
}
.step-2 {
 background: url(http://gfkrcdn.imtxwy.com/guanwang/gf/images/step-2.jpg) no-repeat top center;
 position: relative;
 padding: 0 0 1% 0!important;
}
 input::-webkit-input-placeholder {
color: #c2c2c2;
-webkit-transition: color.5s;
}
 input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {
color: #c2c2c2;
-webkit-transition: color.5s;
}
.step-1 .wrap {
 padding-left: 32em;
 padding-top: 18%;
 padding-right: 0;
 padding-bottom: 0%;
}
.pry {
 position: relative;
 top: -300px;
}
.step-2 .wrap {
 text-align: center;
 padding-left: 0;
 padding-top: 5%;
 padding-right: 0;
}
.step-2-tit {
 background: #fff;
 color: #55abff;
 font-size: 4em;
 font-weight: 800;
 width: 90%;
 margin: 0 auto 1em;
}
.step-2-tit span {
 color: #ffbf00;
}
.step-1 .wrap h1 {
 font-size: 40px;
 margin: 0px;
 color: #000;
}
.intlTelInput-container {
 text-align: center;
 position: relative;
}
.intlTelInput-container input#phone {
 height: 93px;
 margin-bottom: 30px;
 font-size: 36px;
 position: relative;
 z-index: 3;
 width: 110%;
 padding-left: 4em;
 font-weight: 800;
}
.intlTelInput-container span.hm {
 position: absolute;
 font-size: 36px;
 top: 20px;
 z-index: 3;
 left: 70px;
 font-weight: 800;
}
.intlTelInput-container span.ipm {
 position: absolute;
 font-size: 36px;
 top: 25px;
 z-index: 3;
 left: 20px;
 font-weight: 800;
 width: 40px;
 height: 40px;
}
.pop-submit-btn {
 display: block;
 cursor: pointer;
 margin-left: 40px;
}
.pop-tip {
 position: absolute;
 top: 230px;
 font-size: 28px;
 color: #e00;
 left: 60px;
 ;
}
.checkbox {
 position: absolute;
 top: 190px;
 font-size: 20px;
 display: block;
 text-align: left;
 line-height: 1.6;
 margin-top: 90px;
}
.checkbox label a {
 color: #fff;
 background: #452000;
 font-size: 18px;
 padding: 0 4px;
 display: inline-block;
 position: relative;
 cursor: pointer;
 top: -4px;
}
.checkbox input[type="radio"], .checkbox input[type="checkbox"] {
 zoom: 110%;
 width: 23px;
 height: 22px;
 margin-right: 0.3em;
}
.jp-list li {
 display: inline-block;
 margin-right: 5.2em;
 position: relative;
 z-index: 3;
}
.jp-list li.last {
 margin-right: 0;
}
.jp-list span.line {
 position: relative;
 top: -155px;
}
.pop-container {
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,.8);
 z-index: 9999;
 left: 0;
 top: 0;
 position: fixed;
}
.checkbox p.ckb {
 margin: 0;
}
.pop-container-txt {
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,.8);
 z-index: 9999;
 left: 0;
 top: 0;
 position: fixed;
}
.pop-container-txt2 {
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,.8);
 z-index: 9999;
 left: 0;
 top: 0;
 position: fixed;
}
.fx-btn2 img {
 margin-top: 20px;
 max-width: 220px;
}
.pop-container h2 {
 color: #e00;
 font-size: 34px;
 margin-top: 1.5em;
 font-weight: 800;
}
.pop-container p {
 font-size: 24px;
 color: #515151;
 margin-bottom: 0;
}
.pop-container-txt p {
 font-size: 19px;
 color: #515151;
 margin-bottom: 0;
 max-width: 620px;
 text-align: left;
 margin: 1em auto;
}
.pop-container-txt2 p {
 font-size: 24px;
 color: #515151;
 margin-bottom: 0;
 max-width: 620px;
 text-align: left;
 margin: 3em auto;
}
.pop-container-txt p.tg {
 margin-top: 2.8em;
}
.pop-container a {
 color: #000;
 text-decoration: underline;
 cursor: pointer;
 display: inline-block;
 margin: 0 20px;
}
.pop-container .pop-wrapper, .pop-container-txt .pop-wrapper, .pop-container-txt2 .pop-wrapper {
 position: absolute;
 width: 750px;
 height: 424px;
 background-image: url(http://gfkrcdn.imtxwy.com/guanwang/gf/images/pop-bg.png?v553);
 background-repeat: no-repeat;
 background-position: center;
 background-size: 100%;
 top: 50%;
 left: 50%;
 margin-left: -375px;
 margin-top: -212px;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-duration: .3s;
 animation-duration: .3s;
 padding: 0;
 text-align: center;
 line-height: 2.2;
 font-size: 16px;
}
.pop-container .pop-wrapper.pop-show {
 -webkit-animation-name: popBounceIn;
 animation-name: popBounceIn
}
.pop-container .pop-wrapper.pop-hide {
 -webkit-animation-name: popBounceOut;
 animation-name: popBounceOut
}
.pop-container .pop-wrapper .close-pop, .pop-container-txt .pop-wrapper .close-pop, .pop-container-txt2 .pop-wrapper .close-pop {
 position: absolute;
 width: 45px;
 height: 49px;
 background-image: url(http://gfkrcdn.imtxwy.com/guanwang/gf/images/close-1bd3596e8c.png?3324);
 background-repeat: no-repeat;
 background-position: center;
 background-size: 100%;
 top: -2px;
 right: 0px;
 cursor: pointer;
 z-index: 99;
}

.btn-play {
 display: none;
}
/* Front Page */

.twentyseventeen-front-page.has-header-image .site-branding,  .twentyseventeen-front-page.has-header-video .site-branding,  .home.blog.has-header-image .site-branding,  .home.blog.has-header-video .site-branding {
 margin-bottom: 70px;
}
.twentyseventeen-front-page.has-header-image .custom-header-media,  .twentyseventeen-front-page.has-header-video .custom-header-media,  .home.blog.has-header-image .custom-header-media,  .home.blog.has-header-video .custom-header-media {
 height: 100%;
 max-height: 100%;
 overflow: hidden;
}
.twentyseventeen-front-page.has-header-image .custom-header-media:before,  .twentyseventeen-front-page.has-header-video .custom-header-media:before,  .home.blog.has-header-image .custom-header-media:before,  .home.blog.has-header-video .custom-header-media:before {
 height: 33%;
}
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,  .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,  .admin-bar.home.blog.has-header-image .custom-header-media,  .admin-bar.home.blog.has-header-video .custom-header-media {
 height: calc(100vh - 32px);
}
.panel-content .wrap {
 padding-bottom: 4.5em;
 padding-top: 6em;
}
.panel-image {
 height: 100vh;
 max-height: 1200px;
}
/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
.background-fixed .panel-image {
 background-attachment: fixed;
}
.page-two-column .panel-content .entry-header {
 float: left;
 width: 36%;
}
.page-two-column .panel-content .entry-content {
 float: right;
 width: 58%;
}
/* Front Page - Recent Posts */

.page-two-column .panel-content .recent-posts {
 clear: right;
 float: right;
 width: 58%;
}
.panel-content .recent-posts article {
 margin-bottom: 4em;
}
.panel-content .recent-posts .entry-header,  .page-two-column #primary .panel-content .recent-posts .entry-header,  .panel-content .recent-posts .entry-content,  .page-two-column #primary .panel-content .recent-posts .entry-content {
 float: none;
 width: 100%;
}
.panel-content .recent-posts .entry-header {
 margin-bottom: 1.5em;
}
.page .panel-content .recent-posts .entry-title {
 font-size: 26px;
 font-size: 1.625rem;
}
/* Posts */

.single-post .entry-title,  .page .entry-title {
 font-size: 26px;
 font-size: 1.625rem;
}
.comments-pagination,  .post-navigation {
 clear: both;
}
.post-navigation .nav-previous {
 float: left;
 width: 50%;
}
.post-navigation .nav-next {
 float: right;
 text-align: right;
 width: 50%;
}
.nav-next,  .post-navigation .nav-next {
 margin-top: 0;
}
/* Blog, archive, search */

.sticky .icon-thumb-tack {
 height: 23px;
 left: -2.5em;
 top: 1.5em;
 width: 32px;
}
body:not(.has-sidebar):not(.page-one-column) .page-header,  body.has-sidebar.error404 #primary .page-header,  body.page-two-column:not(.archive) #primary .entry-header,  body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
 float: left;
 width: 36%;
}
.blog:not(.has-sidebar) #primary article,  .archive:not(.page-one-column):not(.has-sidebar) #primary article,  .search:not(.has-sidebar) #primary article,  .error404:not(.has-sidebar) #primary .page-content,  .error404.has-sidebar #primary .page-content,  body.page-two-column:not(.archive) #primary .entry-content,  body.page-two-column #comments {
 float: right;
 width: 58%;
}
.blog .site-main > article,  .archive .site-main > article,  .search .site-main > article {
 padding-bottom: 4em;
}
.navigation.pagination {
 clear: both;
 float: right;
 width: 58%;
}
.has-sidebar .navigation.pagination,  .archive.page-one-column:not(.has-sidebar) .navigation.pagination {
 float: none;
 width: 100%;
}
.entry-footer {
 display: table;
 width: 100%;
}
.entry-footer .cat-tags-links {
 display: table-cell;
 vertical-align: middle;
 width: 100%;
}
.entry-footer .edit-link {
 display: table-cell;
 text-align: right;
 vertical-align: middle;
}
.entry-footer .edit-link a.post-edit-link {
 margin-top: 0;
 margin-left: 1em;
}
/* Entry content */

	/* without sidebar */

:not(.has-sidebar) .entry-content blockquote.alignleft {
 margin-left: -17.5%;
 width: 48%;
}
:not(.has-sidebar) .entry-content blockquote.alignright {
 margin-right: -17.5%;
 width: 48%;
}
/* with sidebar */

.has-sidebar .entry-content blockquote.alignleft {
 margin-left: 0;
 width: 34%;
}
.has-sidebar .entry-content blockquote.alignright {
 margin-right: 0;
 width: 34%;
}
.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
 margin-right: -72.5%;
 width: 62%;
}
/* blog and archive */

.blog:not(.has-sidebar) .entry-content blockquote.alignleft,  .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,  .archive:not(.has-sidebar) .entry-content blockquote.alignleft,  .page-two-column .entry-content blockquote.alignleft {
 margin-left: -72.5%;
 width: 62%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,  .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,  .archive:not(.has-sidebar) .entry-content blockquote.alignright,  .page-two-column .entry-content blockquote.alignright {
 margin-right: 0;
 width: 36%;
}
/* Post formats */

.format-quote blockquote .icon {
 left: -1.5em;
}
/* Pages */

.page.page-one-column .entry-header,  .twentyseventeen-front-page.page-one-column .entry-header,  .archive.page-one-column:not(.has-sidebar) .page-header {
 margin-bottom: 4em;
}
.page:not(.home) #content {
 padding-bottom: 3.25em;
}
/* 404 page */

.error404 .page-content {
 padding-bottom: 9em;
}
/* Comments */

#comments {
 padding-top: 5em;
}
.comments-title {
 margin-bottom: 2.5em;
}
ol.children .children {
 padding-left: 2em;
}
/* Posts pagination */

.nav-links .nav-title {
 position: relative;
}
.nav-title-icon-wrapper {
 position: absolute;
 text-align: center;
 width: 2em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
 left: -2em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
 right: -2em;
}
/* Secondary */

#secondary {
 font-size: 14px;
 font-size: 0.875rem;
 line-height: 1.6;
}
/* Widgets */

h2.widget-title {
 font-size: 11px;
 font-size: 0.6875rem;
 margin-bottom: 2em;
}
/* Footer */

.site-footer {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
    padding-top: 3em;
    z-index: 99;
    position: relative;
    background: #000;
}
.site-footer .widget-column.footer-widget-1 {
 float: left;
 width: 36%;
}
.site-footer .widget-column.footer-widget-2 {
 float: right;
 width: 58%;
}
.social-navigation {
 clear: left;
 float: left;
 margin-bottom: 0;
 width: 36%;
}
.site-info {
 float: left;
 padding: 0.7em 0 0;
 margin-right:1em;color: #999; line-height: 2;
}
 .site-info ul {
  margin-top: 1.3em;
 }
.social-navigation + .site-info {
 margin-left: 6%;
}
.site-info .sep {
 margin: 0 0.5em;
 display: inline;
 visibility: visible;
 height: auto;
 width: auto;
}
/* Gallery Columns */

.gallery-columns-5 .gallery-item {
 max-width: 20%;
}
.gallery-columns-6 .gallery-item {
 max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
 max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
 max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
 max-width: 11.11%;
}
}

@media screen and ( min-width: 67em ) {
/* Layout */

	/* Navigation */
.navigation-top .wrap {
 padding: 0.75em 2em;
}
.navigation-top nav {
 margin-left: 0;
}
/* Sticky posts */

.sticky .icon-thumb-tack {
 font-size: 32px;
 font-size: 2rem;
 height: 22px;
 left: -1.25em;
 top: 0.75em;
 width: 32px;
}
/* Pagination */

.page-numbers {
 display: inline-block;
}
.page-numbers.current {
 font-size: 15px;
 font-size: 0.9375rem;
}
.page-numbers.current .screen-reader-text {
 clip: rect(1px, 1px, 1px, 1px);
 height: 1px;
 overflow: hidden;
 position: absolute !important;
 width: 1px;
}
/* Comments */

.comment-body {
 margin-left: 0;
}
}

@media screen and ( min-width: 79em ) {
.has-sidebar .entry-content blockquote.alignleft {
 margin-left: -20%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,  .archive:not(.has-sidebar) .entry-content blockquote.alignright,  .page-two-column .entry-content blockquote.alignright,  .twentyseventeen-front-page .entry-content blockquote.alignright {
 margin-right: -20%;
}
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
.admin-bar .site-navigation-fixed.navigation-top,  .admin-bar .site-navigation-hidden.navigation-top {
 top: 46px;
}
}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {
/* Hide elements */

form,  button,  input,  select,  textarea,  .navigation-top,  .social-navigation,  #secondary,  .content-bottom-widgets,  .header-image,  .panel-image-prop,  .icon-thumb-tack,  .page-links,  .edit-link,  .post-navigation,  .pagination.navigation,  .comments-pagination,  .comment-respond,  .comment-edit-link,  .comment-reply-link,  .comment-metadata .edit-link,  .pingback .edit-link,  .site-footer aside.widget-area,  .site-info {
 display: none !important;
}
.entry-footer,  #comments,  .site-footer,  .single-featured-image-header {
 border: 0;
}
/* Font sizes */

body {
 font-size: 12pt;
}
h1 {
 font-size: 24pt;
}
h2 {
 font-size: 22pt;
}
h3 {
 font-size: 17pt;
}
h4 {
 font-size: 12pt;
}
h5 {
 font-size: 11pt;
}
h6 {
 font-size: 12pt;
}
.page .panel-content .entry-title,  .page-title,  body.page:not(.twentyseventeen-front-page) .entry-title {
 font-size: 10pt;
}
/* Layout */

.wrap {
 padding-left: 5% !important;
 padding-right: 5% !important;
 max-width: none;
}
/* Site Branding */

.site-header {
 background: transparent;
 padding: 0;
}
.custom-header-media {
 padding: 0;
}
.twentyseventeen-front-page.has-header-image .site-branding,  .twentyseventeen-front-page.has-header-video .site-branding,  .home.blog.has-header-image .site-branding,  .home.blog.has-header-video .site-branding {
 position: relative;
}
.site-branding {
 margin-top: 0;
 margin-bottom: 1.75em !important; /* override styles added by JavaScript */
}
.site-title {
 font-size: 25pt;
}
.site-description {
 font-size: 12pt;
 opacity: 1;
}
/* Posts */

.single-featured-image-header {
 background: transparent;
}
.entry-meta {
 font-size: 9pt;
}
/* Colors */

body,  .site {
 background: none !important; /* Brute force since user agents all print differently. */
}
body,  a,  .site-title a,  .twentyseventeen-front-page.has-header-image .site-title,  .twentyseventeen-front-page.has-header-video .site-title,  .twentyseventeen-front-page.has-header-image .site-title a,  .twentyseventeen-front-page.has-header-video .site-title a {
 color: #222 !important; /* Make sure color schemes don't affect to print */
}
h2,  h5,  blockquote,  .site-description,  .twentyseventeen-front-page.has-header-image .site-description,  .twentyseventeen-front-page.has-header-video .site-description,  .entry-meta,  .entry-meta a {
 color: #777 !important; /* Make sure color schemes don't affect to print */
}
.entry-content blockquote.alignleft,  .entry-content blockquote.alignright {
 font-size: 11pt;
 width: 34%;
}
.site-footer {
 padding: 0;
}
}

@media screen and (max-width: 1400px) {
.step-1 .wrap {
 padding-left: 32em;
 padding-top: 18%;
 padding-right: 0;
 padding-bottom: 10%;
}
}

@media screen and (max-width: 750px) {
.step-1 {
 background: url(http://gfkrcdn.imtxwy.com/guanwang/gf/images/step-1m.jpg) no-repeat top center;
 position: relative;
 background-size: 100%;
 padding-top: 50%;
 zoom: 130%;
 padding-bottom: 17%;
}
 .r-nav {
      display: none;
 }
.step-1 .wrap {
 padding-left: 0;
 padding-top: 10%;
 padding-right: 0;
 padding-bottom: 27.5%;
 max-width: 90%;
 margin: 0 auto;
}
.step-1-tit {
 zoom: 150%;
}
.pop-submit-btn {
 display: inline-block;
 cursor: pointer;
 margin-left: 20px;
 float: right;
}
.intlTelInput-container span.hm {
 position: absolute;
 font-size: 60px;
 top: 10%;
 z-index: 3;
 left: 70px;
 font-weight: 800;
}
.wrap {
 max-width: 750px;
 padding-left: 0.5em;
 padding-right: 0.5em;
}
.page-one-column ul.pic-list {
 max-width: 100%;
}
.pt3 {
 margin: auto!important;
}
.page-one-column ul.pic-list li {
 display: inline-block;
 width: 49%;
}
.intlTelInput-container span.ipm {
 position: absolute;
 font-size: 36px;
 top: 28px;
 z-index: 3;
 left: 20px;
 font-weight: 800;
 width: 40px;
 height: 40px;
}
.intlTelInput-container input#phone {
 height: 93px;
 margin-bottom: 30px;
 font-size: 60px;
 position: relative;
 z-index: 3;
 width: 560px;
 padding-left: 3.5em;
 font-weight: 800;
 display: inline-block;
}
.checkbox {
 position: absolute;
 top: 190px;
 font-size: 2.5em;
 display: block;
 text-align: left;
 line-height: 1.6;
 margin-top: 0;
 margin-left: 10px;
}
.step-1 .wrap h1 {
 font-size: 30px;
 margin-left: 3px;
 color: #000;
 margin-top: -50px;
 zoom: 130%;
}
.pop-container .pop-wrapper {
 zoom: 140%;
}
.btn-play {
 position: absolute;
 z-index: 10;
 left: 50%;
 margin-left: -93px;
 top: 50%;
 display: block;
 margin-top: -110px;zoom: 60%;
}
 .ph2 {
  margin: 0;padding: 0
 }
.page-item-logo {
 display: none;
}
.site-branding a {
 max-width: 48%;
 display: inline-block;
 margin-right: 0.28em;
}
.top-nav {
 position: relative;
 z-index: 3;
 max-width: 800px;
 margin: 0 auto;
 width: 100%;
 text-align: right;
 display: block;
}
.top-nav a {
 position: fixed;
 z-index: 3;
 margin-top: 30px;
 zoom: 250%;
}
.top-nav a.facebook {
 right: 20px;
}
.top-nav a.cafe {
 right: 75px;
}
.pop-tip {
 position: absolute;
 top: 130px;
 font-size: 28px;
 color: #e00;
 left: 160px;
}
.checkbox input[type="radio"], .checkbox input[type="checkbox"] {
 zoom: 160%;
 width: 25px;
 height: 25px;
 margin-right: 0.3em;
}
.step-2-tg {
 zoom: 189%;
}
.step-2 {
 background: url(http://gfkrcdn.imtxwy.com/guanwang/gf/images/step-2m.jpg) no-repeat top center;
 position: relative;
 padding: 0 0 1% 0!important;
 background-size: 100%;
}
.step-2 .wrap {
 text-align: center;
 padding-left: 0;
 padding-top: 20%;
 padding-right: 0;
}
.site-branding {
 bottom: 10%;
}
.site-content-contain {
 background: #000;
 z-index: 10;
 right: 0;
}
 #navbar {
  display: none;
 }
 .widget ul li {
    border-bottom: 1px solid #737373;
    padding: 0.5em 0;
    margin-bottom: 0em;
}
 .widget ul li a {
  max-width: 80%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 }
 
.inline1 {
    width: 380px;
    padding: 0 20px;
    position: absolute;
    left: 50%;
    top: 200px;
    margin: 0 0 0 -190px;
    z-index: 9999;
    display: none;
}
.backdrop {
 z-index: 50;
 height: 100%;
 width: 100%;
 overflow: hidden;
 position: fixed;
 top: 0pt;
 left: 0pt;
 background: none repeat scroll 0% 0% rgb(0, 0, 0);
 opacity: 0.6;
 filter: alpha(opacity=60);
 display: none;
 z-index: 999;
}
.mvod_mod {
 display: block;
 position: absolute;
 bottom: 70px;
 left: 50%;
 margin-left: -105px;
} 

 
 
 
 .header a {
    background: center center no-repeat transparent;
    background-image: url(../images/home/mmenu.png);
    display: block;
    width: 50px;
    height: 33px;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 999;
}
 
 .mm-menu.mm-theme-black {
				background: rgba(0, 0, 0, 0.92);
			}
			.mm-menu > .mm-navbars-top,
			.mm-panels,
			.mm-panels > .mm-panel {
				background: none;
			}
			.mm-navbar-size-3 {
				text-align: center;
				position: relative;
				border-bottom: none;
			}
			.mm-navbar-size-3:before {
				content: "";
				display: inline-block;
				vertical-align: middle;
				height: 100%;
				width: 1px;
			}
			.mm-navbar-size-3 > * {
				display: inline-block;
				vertical-align: middle;
			}
			.mm-navbar-size-3 a
			{
				border: 1px solid rgba(255, 255, 255, 0.6);
			}
			.mm-navbar-size-3 img {
				opacity: 0.6;
				border: 1px solid #fff;
				border-radius: 60px;
				width: 60px;
				height: 60px;
				padding: 10px;
				margin: 0 10px;
			}
			.mm-navbar-size-3 a {
				border-radius: 40px;
				color: rgba(255, 255, 255, 0.6) !important;
				font-size: 16px !important;
				line-height: 40px;
				width: 40px;
				height: 40px;
				padding: 0;
			}
			.mm-navbar-size-3 a:hover {
				border-color: #fff;
				color: #fff !important;
			}
			.mm-listview {
				text-transform: uppercase;
				font-size: 12px;
			}
			.mm-listview li:last-child:after {
				content: none;
				display: none;
			}
			
			.mm-listview a, .mm-listview span {
    color: #ffb400!important;
    text-align: center;
    padding-right: 20px !important;
    font-size: 20px;
}
			.mm-listview a:hover,
			.mm-listview a:hover + span {
				color: #fff;
			}
			.mm-listview li .fa {
				position: absolute;
				top: 50%;
				left: 10px;
				margin-top: -8px;
			}
			.mm-panels > .mm-panel > .mm-listview:first-child,
			.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
				margin-top: 0;
			}
 .mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 30px;
    height: 50px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 30px;
}
 
 .site-footer {
    border-top: 2px solid #1d1c1c;
    position: relative;
    z-index: 30;
    background: #000;    text-align: center;
}
 
 .r-nav {
    width: 39px;
    height: 326px;
    background: url(../images/home/r-nav.png) no-repeat 0 0;
    position: fixed;
    right: 1em;
    top: 20%;
    z-index: 200;
    opacity: 0.45;
}
 .tos-inline.tos-prev {
    margin-left: 0;    margin-right: -40px;
}
 .tos-inline.tos-next {
    margin-right: 0;margin-left: -40px;
}
#Li-3 .pic3-3, #Li-4 .pic3-3 {
   text-align: center;zoom: 100%;
}
#Li-3 a.tos-prev, #Li-3 a.tos-next, #Li-4 a.tos-prev, #Li-4 a.tos-next {
   top:45%;
}
#Li-3 .pic-list, #Li-4 .pic-list {
    max-width: 100%!important;
}
#Li-3 li.first-pic a, #Li-4 li.first-pic a {
    margin-left: 0;
} 
}