@charset "UTF-8";

@font-face
{
	font-family: 'iconlinear';
	font-weight: normal;
	font-style: normal;
	src: url('/wofonts/iconlinear.woff') format('woff');
}

@font-face
{
	font-family: 'iconstroke';
	font-weight: normal;
	font-style: normal;
	src: url('/wofonts/iconstroke.woff') format('woff');
}

@font-face
{
	font-family: 'iconios8';
	font-weight: normal;
	font-style: normal;
	src: url('/wofonts/iconios8.woff') format('woff');
}

@font-face
{
	font-family: "iconoutline";
	font-weight: normal;
	font-style: normal;
	src: url('/wofonts/iconoutlined.woff') format("woff");
}

@font-face
{
	font-family: "iconawesome";
	font-weight: normal;
	font-style: normal;
	src: url('/wofonts/iconawesome.woff') format("woff");
}

@font-face
{
	font-family: "iconfont";
	font-weight: normal;
	font-style: normal;
	vertical-align: -0.15em;
	src: url('/wofonts/iconfont.woff') format('woff');
}

@font-face
{
	font-family: 'electrolize';
	font-style: normal;
	font-weight: 400;
	src: url("/wofonts/electrolize.woff") format("woff");
}

@font-face
{
	font-family: 'orbitron';
	font-style: normal;
	font-weight: 400;
	src: url('/wofonts/orbitron.woff') format('woff');
}

@font-face
{
	font-family: 'number-digit3';
	font-weight: 400;
	font-style: normal;
	src: url('/wofonts/number-digit3.woff') format('woff');
}

@font-face
{
	font-family: 'number-circle';
	font-weight: normal;
	font-style: normal;
	src: url('/wofonts/number-circle.woff') format('woff');
}

@font-face
{
	font-family: 'iphone-font';
	font-weight: normal;
	font-style: normal;
	src: url('/wofonts/iphone-font.woff') format('woff');
}

@font-face
{
	font-family: 'cocacola';
	font-weight: 400;
	font-style: normal;
	src: url('/wofonts/cocacola.woff') format('woff');
}

@font-face
{
	font-family: 'bebas';
	font-weight: 400;
	font-style: normal;
	src: url('/wofonts/bebas.woff') format('woff');
}

@font-face
{
	font-family: 'envycode';
	font-weight: normal;
	font-style: normal;
	src: url('/wofonts/envy-code.woff') format('woff');
}

@font-face
{
	font-family: 'YouSheBiaoTiHei';
	font-weight: normal;
	font-style: normal;
	src: url('/wofonts/youshe.woff') format('woff');
}

@font-face
{
	font-family: 'YouSheBiaoTiYuan';
	font-weight: normal;
	font-style: normal;
	src: url('/wofonts/yousheo.woff') format('woff');
}

@font-face
{
	font-family: 'PangMenZhengDao';
	font-weight: normal;
	font-style: normal;
	src: url('/wofonts/pangmen.woff') format('woff');
}

/*迷你简细圆*/
@font-face
{
	font-family: 'MiniXiYuan';
	font-weight: normal;
	font-style: normal;
	src: url('/wofonts/minixiyuan.woff') format('woff');
}

/*字魂创细圆*/
@font-face
{
	font-family: 'ZihunXiYuan';
	font-weight: normal;
	font-style: normal;
	src: url('/wofonts/zihunxiyuan.woff') format('woff');
}

.banner-font,
.banner-font-all *
{
	font-family: 'orbitron','PangMenZhengDao' !important;
	font-weight: normal;
	letter-spacing: 0.2rem;
	text-align: center;
}

.banner-font-italic,
.banner-font-italic-all *
{
	font-family: 'YouSheBiaoTiHei' !important;
	font-weight: normal;
	letter-spacing: 0.0rem !important;
	text-align: center;
}

.banner-font-bold,
.banner-font-bold-all *
{
	font-family: 'YouSheBiaoTiYuan' !important;
	font-weight: normal;
	letter-spacing: 0.0rem !important;
	text-align: center;
}

.banner-font[data-remark]:after
{
	font-family: 'orbitron';
}

.title-font[data-remark]:after
{
	font-size: 1.3rem;
}

.remark-font,
.remark-font-all *
{
	font-family: 'electrolize' !important;
}

.coca-font,
.coca-font-all *
{
	font-family: 'cocacola' !important;
}

.subtitle-font,
.subtitle-font-all *
{
	font-family: 'orbitron' !important;
}

.bebas-font,
.bebas-font-all *
{
	font-family: 'bebas',impact !important;
}

.iphone-font,
.iphone-font-all *
{
	font-family: 'iphone-font' !important;
}

.number-circle-font,
.number-circle-font-all *
{
	font-family: 'number-circle' !important;
}

.simsun-font,
.simsun-font-all *
{
	font-family: 'envycode','SimSun' !important;
}

.small-font,
.small-font-all *
{
	font-family: 'envycode','SimSun' !important;
	font-size: 1.2rem !important;
}

.font-lighter
{
	font-weight: lighter !important;
}

.holo-font
{
	color: transparent;
	-webkit-text-stroke: 1px rgb(183, 177, 168) !important;
	/*
	-webkit-text-fill: rgb(183, 177, 168) !important;
	*/
}

.font-size-min
{
	font-size: 1.0rem !important;
}

.font-size-12
{
	font-size: 1.2rem !important;
}

.font-size-14
{
	font-size: 1.4rem !important;
}

.font-size-16
{
	font-size: 1.6rem !important;
}

[data-ios8]:before
{
	font-family: 'iconios8' !important;
	content: attr(data-ios8);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-ios8-"]:before,
[class*=" icon-ios8-"]:before
{
	font-family: 'iconios8' !important;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: inherit;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: inherit;
}

[class*="icon-ios8-"].smaller
{
	font-size: .7em;
	vertical-align: 6%;
}

[class*="icon-ios8-"].large
{
	font-size: 1.2em;
	vertical-align: -10%;
}

.icon-ios8-e600:before
{
	content: "\e600";
}

.icon-ios8-e601:before
{
	content: "\e601";
}

.icon-ios8-e602:before
{
	content: "\e602";
}

.icon-ios8-e603:before
{
	content: "\e603";
}

.icon-ios8-e604:before
{
	content: "\e604";
}

.icon-ios8-e605:before
{
	content: "\e605";
}

.icon-ios8-e606:before
{
	content: "\e606";
}

.icon-ios8-e607:before
{
	content: "\e607";
}

.icon-ios8-e608:before
{
	content: "\e608";
}

.icon-ios8-e609:before
{
	content: "\e609";
}

.icon-ios8-e60a:before
{
	content: "\e60a";
}

.icon-ios8-e60b:before
{
	content: "\e60b";
}

.icon-ios8-e60c:before
{
	content: "\e60c";
}

.icon-ios8-e60d:before
{
	content: "\e60d";
}

.icon-ios8-e60e:before
{
	content: "\e60e";
}

.icon-ios8-e60f:before
{
	content: "\e60f";
}

.icon-ios8-e610:before
{
	content: "\e610";
}

.icon-ios8-e611:before
{
	content: "\e611";
}

.icon-ios8-e612:before
{
	content: "\e612";
}

.icon-ios8-e613:before
{
	content: "\e613";
}

.icon-ios8-e614:before
{
	content: "\e614";
}

.icon-ios8-e615:before
{
	content: "\e615";
}

.icon-ios8-e616:before
{
	content: "\e616";
}

.icon-ios8-e617:before
{
	content: "\e617";
}

.icon-ios8-e618:before
{
	content: "\e618";
}

.icon-ios8-e619:before
{
	content: "\e619";
}

.icon-ios8-e61a:before
{
	content: "\e61a";
}

.icon-ios8-e61b:before
{
	content: "\e61b";
}

.icon-ios8-e61c:before
{
	content: "\e61c";
}

.icon-ios8-e61d:before
{
	content: "\e61d";
}

.icon-ios8-e61e:before
{
	content: "\e61e";
}

.icon-ios8-e61f:before
{
	content: "\e61f";
}

.icon-ios8-e620:before
{
	content: "\e620";
}

.icon-ios8-e621:before
{
	content: "\e621";
}

.icon-ios8-e622:before
{
	content: "\e622";
}

.icon-ios8-e623:before
{
	content: "\e623";
}

.icon-ios8-e624:before
{
	content: "\e624";
}

.icon-ios8-e625:before
{
	content: "\e625";
}

.icon-ios8-e626:before
{
	content: "\e626";
}

.icon-ios8-e627:before
{
	content: "\e627";
}

.icon-ios8-e628:before
{
	content: "\e628";
}

.icon-ios8-e629:before
{
	content: "\e629";
}

.icon-ios8-e62a:before
{
	content: "\e62a";
}

.icon-ios8-e62b:before
{
	content: "\e62b";
}

.icon-ios8-e62c:before
{
	content: "\e62c";
}

.icon-ios8-e62d:before
{
	content: "\e62d";
}

.icon-ios8-e62e:before
{
	content: "\e62e";
}

.icon-ios8-e62f:before
{
	content: "\e62f";
}

.icon-ios8-e630:before
{
	content: "\e630";
}

.icon-ios8-e631:before
{
	content: "\e631";
}

.icon-ios8-e632:before
{
	content: "\e632";
}

.icon-ios8-e633:before
{
	content: "\e633";
}

.icon-ios8-e634:before
{
	content: "\e634";
}

.icon-ios8-e635:before
{
	content: "\e635";
}

.icon-ios8-e636:before
{
	content: "\e636";
}

.icon-ios8-e637:before
{
	content: "\e637";
}

.icon-ios8-e638:before
{
	content: "\e638";
}

.icon-ios8-e639:before
{
	content: "\e639";
}

.icon-ios8-e63a:before
{
	content: "\e63a";
}

.icon-ios8-e63b:before
{
	content: "\e63b";
}

.icon-ios8-e63c:before
{
	content: "\e63c";
}

.icon-ios8-e63d:before
{
	content: "\e63d";
}

.icon-ios8-e63e:before
{
	content: "\e63e";
}

.icon-ios8-e63f:before
{
	content: "\e63f";
}

.icon-ios8-e640:before
{
	content: "\e640";
}

.icon-ios8-e641:before
{
	content: "\e641";
}

.icon-ios8-e642:before
{
	content: "\e642";
}

.icon-ios8-e643:before
{
	content: "\e643";
}

.icon-ios8-e644:before
{
	content: "\e644";
}

.icon-ios8-e645:before
{
	content: "\e645";
}

.icon-ios8-e646:before
{
	content: "\e646";
}

.icon-ios8-e647:before
{
	content: "\e647";
}

.icon-ios8-e648:before
{
	content: "\e648";
}

.icon-ios8-e649:before
{
	content: "\e649";
}

.icon-ios8-e64a:before
{
	content: "\e64a";
}

.icon-ios8-e64b:before
{
	content: "\e64b";
}

.icon-ios8-e64c:before
{
	content: "\e64c";
}

.icon-ios8-e64d:before
{
	content: "\e64d";
}

.icon-ios8-e64e:before
{
	content: "\e64e";
}

.icon-ios8-e64f:before
{
	content: "\e64f";
}

.icon-ios8-e650:before
{
	content: "\e650";
}

.icon-ios8-e651:before
{
	content: "\e651";
}

.icon-ios8-e652:before
{
	content: "\e652";
}

.icon-ios8-e653:before
{
	content: "\e653";
}

.icon-ios8-e654:before
{
	content: "\e654";
}

.icon-ios8-e655:before
{
	content: "\e655";
}

.icon-ios8-e656:before
{
	content: "\e656";
}

.icon-ios8-e657:before
{
	content: "\e657";
}

.icon-ios8-e658:before
{
	content: "\e658";
}

.icon-ios8-e659:before
{
	content: "\e659";
}

.icon-ios8-e65a:before
{
	content: "\e65a";
}

.icon-ios8-e65b:before
{
	content: "\e65b";
}

.icon-ios8-e65c:before
{
	content: "\e65c";
}

.icon-ios8-e65d:before
{
	content: "\e65d";
}

.icon-ios8-e65e:before
{
	content: "\e65e";
}

.icon-ios8-e65f:before
{
	content: "\e65f";
}

.icon-ios8-e660:before
{
	content: "\e660";
}

.icon-ios8-e661:before
{
	content: "\e661";
}

.icon-ios8-e662:before
{
	content: "\e662";
}

.icon-ios8-e663:before
{
	content: "\e663";
}

.icon-ios8-e664:before
{
	content: "\e664";
}

.icon-ios8-e665:before
{
	content: "\e665";
}

.icon-ios8-e666:before
{
	content: "\e666";
}

.icon-ios8-e667:before
{
	content: "\e667";
}

.icon-ios8-e668:before
{
	content: "\e668";
}

.icon-ios8-e669:before
{
	content: "\e669";
}

.icon-ios8-e66a:before
{
	content: "\e66a";
}

.icon-ios8-e66b:before
{
	content: "\e66b";
}

.icon-ios8-e66c:before
{
	content: "\e66c";
}

.icon-ios8-e66d:before
{
	content: "\e66d";
}

.icon-ios8-e66e:before
{
	content: "\e66e";
}

.icon-ios8-e66f:before
{
	content: "\e66f";
}

.icon-ios8-e670:before
{
	content: "\e670";
}

.icon-ios8-e671:before
{
	content: "\e671";
}

.icon-ios8-e672:before
{
	content: "\e672";
}

.icon-ios8-e673:before
{
	content: "\e673";
}

.icon-ios8-e674:before
{
	content: "\e674";
}

.icon-ios8-e675:before
{
	content: "\e675";
}

.icon-ios8-e676:before
{
	content: "\e676";
}

.icon-ios8-e677:before
{
	content: "\e677";
}

.icon-ios8-e678:before
{
	content: "\e678";
}

.icon-ios8-e679:before
{
	content: "\e679";
}

.icon-ios8-e67a:before
{
	content: "\e67a";
}

.icon-ios8-e67b:before
{
	content: "\e67b";
}

.icon-ios8-e67c:before
{
	content: "\e67c";
}

.icon-ios8-e67d:before
{
	content: "\e67d";
}

.icon-ios8-e67e:before
{
	content: "\e67e";
}

.icon-ios8-e67f:before
{
	content: "\e67f";
}

.icon-ios8-e680:before
{
	content: "\e680";
}

.icon-ios8-e681:before
{
	content: "\e681";
}

.icon-ios8-e682:before
{
	content: "\e682";
}

.icon-ios8-e683:before
{
	content: "\e683";
}

.icon-ios8-e684:before
{
	content: "\e684";
}

.icon-ios8-e685:before
{
	content: "\e685";
}

.icon-ios8-e686:before
{
	content: "\e686";
}

.icon-ios8-e687:before
{
	content: "\e687";
}

.icon-ios8-e688:before
{
	content: "\e688";
}

.icon-ios8-e689:before
{
	content: "\e689";
}

.icon-ios8-e68a:before
{
	content: "\e68a";
}

.icon-ios8-e68b:before
{
	content: "\e68b";
}

.icon-ios8-e68c:before
{
	content: "\e68c";
}

.icon-ios8-e68d:before
{
	content: "\e68d";
}

.icon-ios8-e68e:before
{
	content: "\e68e";
}

.icon-ios8-e68f:before
{
	content: "\e68f";
}

.icon-ios8-e690:before
{
	content: "\e690";
}

.icon-ios8-e691:before
{
	content: "\e691";
}

.icon-ios8-e692:before
{
	content: "\e692";
}

.icon-ios8-e693:before
{
	content: "\e693";
}

.icon-ios8-e694:before
{
	content: "\e694";
}

.icon-ios8-e695:before
{
	content: "\e695";
}

.icon-ios8-e696:before
{
	content: "\e696";
}

.icon-ios8-e697:before
{
	content: "\e697";
}

.icon-ios8-e698:before
{
	content: "\e698";
}

.icon-ios8-e699:before
{
	content: "\e699";
}

.icon-ios8-e69a:before
{
	content: "\e69a";
}

.icon-ios8-e69b:before
{
	content: "\e69b";
}

.icon-ios8-e69c:before
{
	content: "\e69c";
}

.icon-ios8-e69d:before
{
	content: "\e69d";
}

.icon-ios8-e69e:before
{
	content: "\e69e";
}

.icon-ios8-e69f:before
{
	content: "\e69f";
}

.icon-ios8-e6a0:before
{
	content: "\e6a0";
}

.icon-ios8-e6a1:before
{
	content: "\e6a1";
}

.icon-ios8-e6a2:before
{
	content: "\e6a2";
}

.icon-ios8-e6a3:before
{
	content: "\e6a3";
}

.icon-ios8-e6a4:before
{
	content: "\e6a4";
}

.icon-ios8-e6a5:before
{
	content: "\e6a5";
}

.icon-ios8-e6a6:before
{
	content: "\e6a6";
}

.icon-ios8-e6a7:before
{
	content: "\e6a7";
}

.icon-ios8-e6a8:before
{
	content: "\e6a8";
}

.icon-ios8-e6a9:before
{
	content: "\e6a9";
}

.icon-ios8-e6aa:before
{
	content: "\e6aa";
}

.icon-ios8-e6ab:before
{
	content: "\e6ab";
}

.icon-ios8-e6ac:before
{
	content: "\e6ac";
}

.icon-ios8-e6ad:before
{
	content: "\e6ad";
}

.icon-ios8-e6ae:before
{
	content: "\e6ae";
}

.icon-ios8-e6af:before
{
	content: "\e6af";
}

.icon-ios8-e6b0:before
{
	content: "\e6b0";
}

.icon-ios8-e6b1:before
{
	content: "\e6b1";
}

.icon-ios8-e6b2:before
{
	content: "\e6b2";
}

.icon-ios8-e6b3:before
{
	content: "\e6b3";
}

.icon-ios8-e6b4:before
{
	content: "\e6b4";
}

.icon-ios8-e6b5:before
{
	content: "\e6b5";
}

.icon-ios8-e6b6:before
{
	content: "\e6b6";
}

.icon-ios8-e6b7:before
{
	content: "\e6b7";
}

.icon-ios8-e6b8:before
{
	content: "\e6b8";
}

.icon-ios8-e6b9:before
{
	content: "\e6b9";
}

.icon-ios8-e6ba:before
{
	content: "\e6ba";
}

.icon-ios8-e6bb:before
{
	content: "\e6bb";
}

.icon-ios8-e6bc:before
{
	content: "\e6bc";
}

.icon-ios8-e6bd:before
{
	content: "\e6bd";
}

.icon-ios8-e6be:before
{
	content: "\e6be";
}

.icon-ios8-e6bf:before
{
	content: "\e6bf";
}

.icon-ios8-e6c0:before
{
	content: "\e6c0";
}

.icon-ios8-e6c1:before
{
	content: "\e6c1";
}

.icon-ios8-e6c2:before
{
	content: "\e6c2";
}

.icon-ios8-e6c3:before
{
	content: "\e6c3";
}

.icon-ios8-e6c4:before
{
	content: "\e6c4";
}

.icon-ios8-e6c5:before
{
	content: "\e6c5";
}

.icon-ios8-e6c6:before
{
	content: "\e6c6";
}

.icon-ios8-e6c7:before
{
	content: "\e6c7";
}

.icon-ios8-e6c8:before
{
	content: "\e6c8";
}

.icon-ios8-e6c9:before
{
	content: "\e6c9";
}

.icon-ios8-e6ca:before
{
	content: "\e6ca";
}

.icon-ios8-e6cb:before
{
	content: "\e6cb";
}

.icon-ios8-e6cc:before
{
	content: "\e6cc";
}

.icon-ios8-e6cd:before
{
	content: "\e6cd";
}

.icon-ios8-e6ce:before
{
	content: "\e6ce";
}

.icon-ios8-e6cf:before
{
	content: "\e6cf";
}

.icon-ios8-e6d0:before
{
	content: "\e6d0";
}

.icon-ios8-e6d1:before
{
	content: "\e6d1";
}

.icon-ios8-e6d2:before
{
	content: "\e6d2";
}

.icon-ios8-e6d3:before
{
	content: "\e6d3";
}

.icon-ios8-e6d4:before
{
	content: "\e6d4";
}

.icon-ios8-e6d5:before
{
	content: "\e6d5";
}

.icon-ios8-e6d6:before
{
	content: "\e6d6";
}

.icon-ios8-e6d7:before
{
	content: "\e6d7";
}

.icon-ios8-e6d8:before
{
	content: "\e6d8";
}

.icon-ios8-e6d9:before
{
	content: "\e6d9";
}

.icon-ios8-e6da:before
{
	content: "\e6da";
}

.icon-ios8-e6db:before
{
	content: "\e6db";
}

.icon-ios8-e6dc:before
{
	content: "\e6dc";
}

.icon-ios8-e6dd:before
{
	content: "\e6dd";
}

.icon-ios8-e6de:before
{
	content: "\e6de";
}

.icon-ios8-e6df:before
{
	content: "\e6df";
}

.icon-ios8-e6e0:before
{
	content: "\e6e0";
}

.icon-ios8-e6e1:before
{
	content: "\e6e1";
}

.icon-ios8-e6e2:before
{
	content: "\e6e2";
}

.icon-ios8-e6e3:before
{
	content: "\e6e3";
}

.icon-ios8-e6e4:before
{
	content: "\e6e4";
}

.icon-ios8-e6e5:before
{
	content: "\e6e5";
}

.icon-ios8-e6e6:before
{
	content: "\e6e6";
}

.icon-ios8-e6e7:before
{
	content: "\e6e7";
}

.icon-ios8-e6e8:before
{
	content: "\e6e8";
}

.icon-ios8-e6e9:before
{
	content: "\e6e9";
}

.icon-ios8-e6ea:before
{
	content: "\e6ea";
}

.icon-ios8-e6eb:before
{
	content: "\e6eb";
}

.icon-ios8-e6ec:before
{
	content: "\e6ec";
}

.icon-ios8-e6ed:before
{
	content: "\e6ed";
}

.icon-ios8-e6ee:before
{
	content: "\e6ee";
}

.icon-ios8-e6ef:before
{
	content: "\e6ef";
}

.icon-ios8-e6f0:before
{
	content: "\e6f0";
}

.icon-ios8-e6f1:before
{
	content: "\e6f1";
}

.icon-ios8-e6f2:before
{
	content: "\e6f2";
}

.icon-ios8-e6f3:before
{
	content: "\e6f3";
}

.icon-ios8-e6f4:before
{
	content: "\e6f4";
}

.icon-ios8-e6f5:before
{
	content: "\e6f5";
}

.icon-ios8-e6f6:before
{
	content: "\e6f6";
}

.icon-ios8-e6f7:before
{
	content: "\e6f7";
}

.icon-ios8-e6f8:before
{
	content: "\e6f8";
}

.icon-ios8-e6f9:before
{
	content: "\e6f9";
}

.icon-ios8-e6fa:before
{
	content: "\e6fa";
}

.icon-ios8-e6fb:before
{
	content: "\e6fb";
}

.icon-ios8-e6fc:before
{
	content: "\e6fc";
}

.icon-ios8-e6fd:before
{
	content: "\e6fd";
}

.icon-ios8-e6fe:before
{
	content: "\e6fe";
}

.icon-ios8-e6ff:before
{
	content: "\e6ff";
}

.icon-ios8-e700:before
{
	content: "\e700";
}

.icon-ios8-e701:before
{
	content: "\e701";
}

.icon-ios8-e702:before
{
	content: "\e702";
}

.icon-ios8-e703:before
{
	content: "\e703";
}

.icon-ios8-e704:before
{
	content: "\e704";
}

.icon-ios8-e705:before
{
	content: "\e705";
}

.icon-ios8-e706:before
{
	content: "\e706";
}

.icon-ios8-e707:before
{
	content: "\e707";
}

.icon-ios8-e708:before
{
	content: "\e708";
}

.icon-ios8-e709:before
{
	content: "\e709";
}

.icon-ios8-e70a:before
{
	content: "\e70a";
}

.icon-ios8-e70b:before
{
	content: "\e70b";
}

.icon-ios8-e70c:before
{
	content: "\e70c";
}

.icon-ios8-e70d:before
{
	content: "\e70d";
}

.icon-ios8-e70e:before
{
	content: "\e70e";
}

.icon-ios8-e70f:before
{
	content: "\e70f";
}

.icon-ios8-e710:before
{
	content: "\e710";
}

.icon-ios8-e711:before
{
	content: "\e711";
}

.icon-ios8-e712:before
{
	content: "\e712";
}

.icon-ios8-e713:before
{
	content: "\e713";
}

.icon-ios8-e714:before
{
	content: "\e714";
}

.icon-ios8-e715:before
{
	content: "\e715";
}

.icon-ios8-e716:before
{
	content: "\e716";
}

.icon-ios8-e717:before
{
	content: "\e717";
}

.icon-ios8-e718:before
{
	content: "\e718";
}

.icon-ios8-e719:before
{
	content: "\e719";
}

.icon-ios8-e71a:before
{
	content: "\e71a";
}

.icon-ios8-e71b:before
{
	content: "\e71b";
}

.icon-ios8-e71c:before
{
	content: "\e71c";
}

.icon-ios8-e71d:before
{
	content: "\e71d";
}

.icon-ios8-e71e:before
{
	content: "\e71e";
}

.icon-ios8-e71f:before
{
	content: "\e71f";
}

.icon-ios8-e720:before
{
	content: "\e720";
}

.icon-ios8-e721:before
{
	content: "\e721";
}

.icon-ios8-e722:before
{
	content: "\e722";
}

.icon-ios8-e723:before
{
	content: "\e723";
}

.icon-ios8-e724:before
{
	content: "\e724";
}

.icon-ios8-e725:before
{
	content: "\e725";
}

.icon-ios8-e726:before
{
	content: "\e726";
}

.icon-ios8-e727:before
{
	content: "\e727";
}

.icon-ios8-e728:before
{
	content: "\e728";
}

.icon-ios8-e729:before
{
	content: "\e729";
}

.icon-ios8-e72a:before
{
	content: "\e72a";
}

.icon-ios8-e72b:before
{
	content: "\e72b";
}

.icon-ios8-e72c:before
{
	content: "\e72c";
}

.icon-ios8-e72d:before
{
	content: "\e72d";
}

.icon-ios8-e72e:before
{
	content: "\e72e";
}

.icon-ios8-e72f:before
{
	content: "\e72f";
}

.icon-ios8-e730:before
{
	content: "\e730";
}

.icon-ios8-e731:before
{
	content: "\e731";
}

.icon-ios8-e732:before
{
	content: "\e732";
}

.icon-ios8-e733:before
{
	content: "\e733";
}

.icon-ios8-e734:before
{
	content: "\e734";
}

.icon-ios8-e735:before
{
	content: "\e735";
}

.icon-ios8-e736:before
{
	content: "\e736";
}

.icon-ios8-e737:before
{
	content: "\e737";
}

.icon-ios8-e738:before
{
	content: "\e738";
}

.icon-ios8-e739:before
{
	content: "\e739";
}

.icon-ios8-e73a:before
{
	content: "\e73a";
}

.icon-ios8-e73b:before
{
	content: "\e73b";
}

.icon-ios8-e73c:before
{
	content: "\e73c";
}

.icon-ios8-e73d:before
{
	content: "\e73d";
}

.icon-ios8-e73e:before
{
	content: "\e73e";
}

.icon-ios8-e73f:before
{
	content: "\e73f";
}

.icon-ios8-e740:before
{
	content: "\e740";
}

.icon-ios8-e741:before
{
	content: "\e741";
}

.icon-ios8-e742:before
{
	content: "\e742";
}

.icon-ios8-e743:before
{
	content: "\e743";
}

.icon-ios8-e744:before
{
	content: "\e744";
}

.icon-ios8-e745:before
{
	content: "\e745";
}

.icon-ios8-e746:before
{
	content: "\e746";
}

[data-stroke]:before
{
	font-family: 'iconstroke' !important;
	content: attr(data-stroke);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-stroke-"]:before,
[class*=" icon-stroke-"]:before
{
	font-family: 'iconstroke' !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	text-decoration: inherit;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: inherit;
}

[class*="icon-stroke-"].smaller
{
	font-size: .7em;
	vertical-align: 6%;
}

[class*="icon-stroke-"].large
{
	font-size: 1.2em;
	vertical-align: -10%;
}

.icon-stroke-album:before
{
	content: "\e6aa";
}

.icon-stroke-arc:before
{
	content: "\e6ab";
}

.icon-stroke-back-2:before
{
	content: "\e6ac";
}

.icon-stroke-bandaid:before
{
	content: "\e6ad";
}

.icon-stroke-car:before
{
	content: "\e6ae";
}

.icon-stroke-diamond:before
{
	content: "\e6af";
}

.icon-stroke-door-lock:before
{
	content: "\e6b0";
}

.icon-stroke-eyedropper:before
{
	content: "\e6b1";
}

.icon-stroke-female:before
{
	content: "\e6b2";
}

.icon-stroke-gym:before
{
	content: "\e6b3";
}

.icon-stroke-hammer:before
{
	content: "\e6b4";
}

.icon-stroke-headphones:before
{
	content: "\e6b5";
}

.icon-stroke-helm:before
{
	content: "\e6b6";
}

.icon-stroke-hourglass:before
{
	content: "\e6b7";
}

.icon-stroke-leaf:before
{
	content: "\e6b8";
}

.icon-stroke-magic-wand:before
{
	content: "\e6b9";
}

.icon-stroke-male:before
{
	content: "\e6ba";
}

.icon-stroke-map-2:before
{
	content: "\e6bb";
}

.icon-stroke-next-2:before
{
	content: "\e6bc";
}

.icon-stroke-paint-bucket:before
{
	content: "\e6bd";
}

.icon-stroke-pendrive:before
{
	content: "\e6be";
}

.icon-stroke-photo:before
{
	content: "\e6bf";
}

.icon-stroke-piggy:before
{
	content: "\e6c0";
}

.icon-stroke-box:before
{
	content: "\e6c1";
}

.icon-stroke-plugin:before
{
	content: "\e6c2";
}

.icon-stroke-refresh-2:before
{
	content: "\e6c3";
}

.icon-stroke-rocket:before
{
	content: "\e6c4";
}

.icon-stroke-settings:before
{
	content: "\e6c5";
}

.icon-stroke-shield:before
{
	content: "\e6c6";
}

.icon-stroke-smile:before
{
	content: "\e6c7";
}

.icon-stroke-usb:before
{
	content: "\e6c8";
}

.icon-stroke-vector:before
{
	content: "\e6c9";
}

.icon-stroke-wine:before
{
	content: "\e68a";
}

.icon-stroke-cloud-upload:before
{
	content: "\e68c";
}

.icon-stroke-cash:before
{
	content: "\e680";
}

.icon-stroke-close:before
{
	content: "\e68d";
}

.icon-stroke-bluetooth:before
{
	content: "\e68b";
}

.icon-stroke-cloud-download:before
{
	content: "\e68e";
}

.icon-stroke-close-circle:before
{
	content: "\e681";
}

.icon-stroke-id:before
{
	content: "\e68f";
}

.icon-stroke-angle-up:before
{
	content: "\e682";
}

.icon-stroke-wristwatch:before
{
	content: "\e690";
}

.icon-stroke-angle-up-circle:before
{
	content: "\e683";
}

.icon-stroke-world:before
{
	content: "\e691";
}

.icon-stroke-angle-right:before
{
	content: "\e684";
}

.icon-stroke-volume:before
{
	content: "\e692";
}

.icon-stroke-angle-right-circle:before
{
	content: "\e685";
}

.icon-stroke-users:before
{
	content: "\e693";
}

.icon-stroke-angle-left:before
{
	content: "\e686";
}

.icon-stroke-user-female:before
{
	content: "\e694";
}
.icon-stroke-angle-left-circle:before
{
	content: "\e687";
}

.icon-stroke-up-arrow:before
{
	content: "\e695";
}

.icon-stroke-angle-down:before
{
	content: "\e688";
}

.icon-stroke-switch:before
{
	content: "\e696";
}

.icon-stroke-angle-down-circle:before
{
	content: "\e689";
}

.icon-stroke-scissors:before
{
	content: "\e697";
}

.icon-stroke-wallet:before
{
	content: "\e600";
}

.icon-stroke-safe:before
{
	content: "\e698";
}

.icon-stroke-volume2:before
{
	content: "\e601";
}

.icon-stroke-volume1:before
{
	content: "\e602";
}

.icon-stroke-voicemail:before
{
	content: "\e603";
}

.icon-stroke-video:before
{
	content: "\e604";
}

.icon-stroke-user:before
{
	content: "\e605";
}

.icon-stroke-upload:before
{
	content: "\e606";
}

.icon-stroke-unlock:before
{
	content: "\e607";
}

.icon-stroke-umbrella:before
{
	content: "\e608";
}

.icon-stroke-trash:before
{
	content: "\e609";
}

.icon-stroke-tools:before
{
	content: "\e60a";
}

.icon-stroke-timer:before
{
	content: "\e60b";
}

.icon-stroke-ticket:before
{
	content: "\e60c";
}

.icon-stroke-target:before
{
	content: "\e60d";
}

.icon-stroke-sun:before
{
	content: "\e60e";
}

.icon-stroke-study:before
{
	content: "\e60f";
}

.icon-stroke-stopwatch:before
{
	content: "\e610";
}

.icon-stroke-star:before
{
	content: "\e611";
}

.icon-stroke-speaker:before
{
	content: "\e612";
}

.icon-stroke-signal:before
{
	content: "\e613";
}

.icon-stroke-shuffle:before
{
	content: "\e614";
}

.icon-stroke-shopbag:before
{
	content: "\e615";
}

.icon-stroke-share:before
{
	content: "\e616";
}

.icon-stroke-server:before
{
	content: "\e617";
}

.icon-stroke-search:before
{
	content: "\e618";
}

.icon-stroke-film:before
{
	content: "\e6a5";
}

.icon-stroke-science:before
{
	content: "\e619";
}

.icon-stroke-disk:before
{
	content: "\e6a6";
}

.icon-stroke-ribbon:before
{
	content: "\e61a";
}

.icon-stroke-repeat:before
{
	content: "\e61b";
}

.icon-stroke-refresh:before
{
	content: "\e61c";
}

.icon-stroke-add-user:before
{
	content: "\e6a9";
}

.icon-stroke-refresh-cloud:before
{
	content: "\e61d";
}

.icon-stroke-paperclip:before
{
	content: "\e69c";
}

.icon-stroke-radio:before
{
	content: "\e61e";
}

.icon-stroke-note2:before
{
	content: "\e69d";
}

.icon-stroke-print:before
{
	content: "\e61f";
}

.icon-stroke-network:before
{
	content: "\e69e";
}

.icon-stroke-prev:before
{
	content: "\e620";
}

.icon-stroke-mute:before
{
	content: "\e69f";
}

.icon-stroke-power:before
{
	content: "\e621";
}

.icon-stroke-medal:before
{
	content: "\e6a0";
}

.icon-stroke-portfolio:before
{
	content: "\e622";
}

.icon-stroke-like2:before
{
	content: "\e6a1";
}

.icon-stroke-plus:before
{
	content: "\e623";
}

.icon-stroke-left-arrow:before
{
	content: "\e6a2";
}

.icon-stroke-play:before
{
	content: "\e624";
}

.icon-stroke-key:before
{
	content: "\e6a3";
}

.icon-stroke-plane:before
{
	content: "\e625";
}

.icon-stroke-joy:before
{
	content: "\e6a4";
}

.icon-stroke-photo-gallery:before
{
	content: "\e626";
}

.icon-stroke-pin:before
{
	content: "\e69b";
}

.icon-stroke-phone:before
{
	content: "\e627";
}

.icon-stroke-plug:before
{
	content: "\e69a";
}

.icon-stroke-pen:before
{
	content: "\e628";
}

.icon-stroke-right-arrow:before
{
	content: "\e699";
}

.icon-stroke-paper-plane:before
{
	content: "\e629";
}

.icon-stroke-delete-user:before
{
	content: "\e6a7";
}

.icon-stroke-paint:before
{
	content: "\e62a";
}

.icon-stroke-bottom-arrow:before
{
	content: "\e6a8";
}

.icon-stroke-notebook:before
{
	content: "\e62b";
}

.icon-stroke-edit:before
{
	content: "\e62c";
}

.icon-stroke-next:before
{
	content: "\e62d";
}

.icon-stroke-news-paper:before
{
	content: "\e62e";
}

.icon-stroke-musiclist:before
{
	content: "\e62f";
}

.icon-stroke-music:before
{
	content: "\e630";
}

.icon-stroke-mouse:before
{
	content: "\e631";
}

.icon-stroke-more:before
{
	content: "\e632";
}

.icon-stroke-moon:before
{
	content: "\e633";
}

.icon-stroke-monitor:before
{
	content: "\e634";
}

.icon-stroke-micro:before
{
	content: "\e635";
}

.icon-stroke-menu:before
{
	content: "\e636";
}

.icon-stroke-map:before
{
	content: "\e637";
}

.icon-stroke-map-marker:before
{
	content: "\e638";
}

.icon-stroke-mail:before
{
	content: "\e639";
}

.icon-stroke-mail-open:before
{
	content: "\e63a";
}

.icon-stroke-mail-open-file:before
{
	content: "\e63b";
}

.icon-stroke-magnet:before
{
	content: "\e63c";
}

.icon-stroke-loop:before
{
	content: "\e63d";
}

.icon-stroke-look:before
{
	content: "\e63e";
}

.icon-stroke-lock:before
{
	content: "\e63f";
}

.icon-stroke-lintern:before
{
	content: "\e640";
}

.icon-stroke-link:before
{
	content: "\e641";
}

.icon-stroke-like:before
{
	content: "\e642";
}

.icon-stroke-light:before
{
	content: "\e643";
}

.icon-stroke-less:before
{
	content: "\e644";
}

.icon-stroke-keypad:before
{
	content: "\e645";
}

.icon-stroke-junk:before
{
	content: "\e646";
}

.icon-stroke-info:before
{
	content: "\e647";
}

.icon-stroke-home:before
{
	content: "\e648";
}

.icon-stroke-help2:before
{
	content: "\e649";
}

.icon-stroke-help1:before
{
	content: "\e64a";
}

.icon-stroke-graph3:before
{
	content: "\e64b";
}

.icon-stroke-graph2:before
{
	content: "\e64c";
}

.icon-stroke-graph1:before
{
	content: "\e64d";
}

.icon-stroke-graph:before
{
	content: "\e64e";
}

.icon-stroke-global:before
{
	content: "\e64f";
}

.icon-stroke-gleam:before
{
	content: "\e650";
}

.icon-stroke-glasses:before
{
	content: "\e651";
}

.icon-stroke-gift:before
{
	content: "\e652";
}

.icon-stroke-folder:before
{
	content: "\e653";
}

.icon-stroke-flag:before
{
	content: "\e654";
}

.icon-stroke-filter:before
{
	content: "\e655";
}

.icon-stroke-file:before
{
	content: "\e656";
}

.icon-stroke-expand1:before
{
	content: "\e657";
}

.icon-stroke-exapnd2:before
{
	content: "\e658";
}

.icon-stroke-edit:before
{
	content: "\e659";
}

.icon-stroke-drop:before
{
	content: "\e65a";
}

.icon-stroke-drawer:before
{
	content: "\e65b";
}

.icon-stroke-download:before
{
	content: "\e65c";
}

.icon-stroke-display2:before
{
	content: "\e65d";
}

.icon-stroke-display1:before
{
	content: "\e65e";
}

.icon-stroke-diskette:before
{
	content: "\e65f";
}

.icon-stroke-date:before
{
	content: "\e660";
}

.icon-stroke-cup:before
{
	content: "\e661";
}

.icon-stroke-culture:before
{
	content: "\e662";
}

.icon-stroke-crop:before
{
	content: "\e663";
}

.icon-stroke-credit:before
{
	content: "\e664";
}

.icon-stroke-copy-file:before
{
	content: "\e665";
}

.icon-stroke-config:before
{
	content: "\e666";
}

.icon-stroke-compass:before
{
	content: "\e667";
}

.icon-stroke-comment:before
{
	content: "\e668";
}

.icon-stroke-coffee:before
{
	content: "\e669";
}

.icon-stroke-cloud:before
{
	content: "\e66a";
}

.icon-stroke-clock:before
{
	content: "\e66b";
}

.icon-stroke-check:before
{
	content: "\e66c";
}

.icon-stroke-chat:before
{
	content: "\e66d";
}

.icon-stroke-cart:before
{
	content: "\e66e";
}

.icon-stroke-camera:before
{
	content: "\e66f";
}

.icon-stroke-call:before
{
	content: "\e670";
}

.icon-stroke-calculator:before
{
	content: "\e671";
}

.icon-stroke-browser:before
{
	content: "\e672";
}

.icon-stroke-box2:before
{
	content: "\e673";
}

.icon-stroke-box1:before
{
	content: "\e674";
}

.icon-stroke-bookmarks:before
{
	content: "\e675";
}

.icon-stroke-bicycle:before
{
	content: "\e676";
}

.icon-stroke-bell:before
{
	content: "\e677";
}

.icon-stroke-battery:before
{
	content: "\e678";
}

.icon-stroke-ball:before,{
	content: "\e679";
}

.icon-stroke-back:before
{
	content: "\e67a";
}

.icon-stroke-attention:before
{
	content: "\e67b";
}

.icon-stroke-anchor:before
{
	content: "\e67c";
}

.icon-stroke-albums:before
{
	content: "\e67d";
}

.icon-stroke-alarm:before
{
	content: "\e67e";
}

.icon-stroke-airplay:before
{
	content: "\e67f";
}

[data-outlined]:before
{
	font-family: 'iconoutline' !important;
	content: attr(data-outlined);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-outlined-"]:before,
[class*=" icon-outlined-"]:before
{
	font-family: 'iconoutline' !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	text-decoration: inherit;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: inherit;
}

[class*="icon-outlined-"].smaller
{
	font-size: .7em;
	vertical-align: 6%;
}

[class*="icon-outlined-"].large
{
	font-size: 1.2em;
	vertical-align: -10%;
}

.icon-outlined-boat:before
{
	content: "\e000";
}

.icon-outlined-booknote:before
{
	content: "\e001";
}

.icon-outlined-booknote-add:before
{
	content: "\e002";
}

.icon-outlined-booknote-remove:before
{
	content: "\e003";
}

.icon-outlined-camera-1:before
{
	content: "\e004";
}

.icon-outlined-camera-2:before
{
	content: "\e005";
}

.icon-outlined-cloud-check:before
{
	content: "\e006";
}

.icon-outlined-cloud-delete:before
{
	content: "\e007";
}

.icon-outlined-cloud-download:before
{
	content: "\e008";
}

.icon-outlined-cloud-upload:before
{
	content: "\e009";
}

.icon-outlined-cloudy:before
{
	content: "\e00a";
}

.icon-outlined-cocktail:before
{
	content: "\e00b";
}

.icon-outlined-coffee:before
{
	content: "\e00c";
}

.icon-outlined-compass:before
{
	content: "\e00d";
}

.icon-outlined-compress:before
{
	content: "\e00e";
}

.icon-outlined-cutlery:before
{
	content: "\e00f";
}

.icon-outlined-delete:before
{
	content: "\e010";
}

.icon-outlined-delete-folder:before
{
	content: "\e011";
}

.icon-outlined-dialogue-add:before
{
	content: "\e012";
}

.icon-outlined-dialogue-delete:before
{
	content: "\e013";
}

.icon-outlined-dialogue-happy:before
{
	content: "\e014";
}

.icon-outlined-dialogue-sad:before
{
	content: "\e015";
}

.icon-outlined-dialogue-text:before
{
	content: "\e016";
}

.icon-outlined-dialogue-think:before
{
	content: "\e017";
}

.icon-outlined-diamond:before
{
	content: "\e018";
}

.icon-outlined-dish-fork:before
{
	content: "\e019";
}

.icon-outlined-dish-spoon:before
{
	content: "\e01a";
}

.icon-outlined-download:before
{
	content: "\e01b";
}

.icon-outlined-download-folder:before
{
	content: "\e01c";
}

.icon-outlined-expand:before
{
	content: "\e01d";
}

.icon-outlined-eye:before
{
	content: "\e01e";
}

.icon-outlined-fast-food:before
{
	content: "\e01f";
}

.icon-outlined-flag:before
{
	content: "\e020";
}

.icon-outlined-folder:before
{
	content: "\e021";
}

.icon-outlined-geolocalizator:before
{
	content: "\e022";
}

.icon-outlined-globe:before
{
	content: "\e023";
}

.icon-outlined-graph:before
{
	content: "\e024";
}

.icon-outlined-graph-descending:before
{
	content: "\e025";
}

.icon-outlined-graph-rising:before
{
	content: "\e026";
}

.icon-outlined-hammer:before
{
	content: "\e027";
}

.icon-outlined-happy-drop:before
{
	content: "\e028";
}

.icon-outlined-headphones:before
{
	content: "\e029";
}

.icon-outlined-heart:before
{
	content: "\e02a";
}

.icon-outlined-heart-broken:before
{
	content: "\e02b";
}

.icon-outlined-home:before
{
	content: "\e02c";
}

.icon-outlined-hourglass:before
{
	content: "\e02d";
}

.icon-outlined-image:before
{
	content: "\e02e";
}

.icon-outlined-key:before
{
	content: "\e02f";
}

.icon-outlined-life-buoy:before
{
	content: "\e030";
}

.icon-outlined-list:before
{
	content: "\e031";
}

.icon-outlined-lock-closed:before
{
	content: "\e032";
}

.icon-outlined-lock-open:before
{
	content: "\e033";
}

.icon-outlined-loudspeaker:before
{
	content: "\e034";
}

.icon-outlined-magnifier:before
{
	content: "\e035";
}

.icon-outlined-magnifier-minus:before
{
	content: "\e036";
}

.icon-outlined-magnifier-plus:before
{
	content: "\e037";
}

.icon-outlined-mail:before
{
	content: "\e038";
}

.icon-outlined-mail-open:before
{
	content: "\e039";
}

.icon-outlined-map:before
{
	content: "\e03a";
}

.icon-outlined-medical-case:before
{
	content: "\e03b";
}

.icon-outlined-microphone-1:before
{
	content: "\e03c";
}

.icon-outlined-microphone-2:before
{
	content: "\e03d";
}

.icon-outlined-minus:before
{
	content: "\e03e";
}

.icon-outlined-multiple-image:before
{
	content: "\e03f";
}

.icon-outlined-music-back:before
{
	content: "\e040";
}

.icon-outlined-music-backtoend:before
{
	content: "\e041";
}

.icon-outlined-music-eject:before
{
	content: "\e042";
}

.icon-outlined-music-forward:before
{
	content: "\e043";
}

.icon-outlined-music-forwardtoend:before
{
	content: "\e044";
}

.icon-outlined-music-pause:before
{
	content: "\e045";
}

.icon-outlined-music-play:before
{
	content: "\e046";
}

.icon-outlined-music-random:before
{
	content: "\e047";
}

.icon-outlined-music-repeat:before
{
	content: "\e048";
}

.icon-outlined-music-stop:before
{
	content: "\e049";
}

.icon-outlined-musical-note:before
{
	content: "\e04a";
}

.icon-outlined-musical-note-2:before
{
	content: "\e04b";
}

.icon-outlined-old-video-cam:before
{
	content: "\e04c";
}

.icon-outlined-paper-pen:before
{
	content: "\e04d";
}

.icon-outlined-paper-pencil:before
{
	content: "\e04e";
}

.icon-outlined-paper-sheet:before
{
	content: "\e04f";
}

.icon-outlined-pen-pencil-ruler:before
{
	content: "\e050";
}

.icon-outlined-pencil:before
{
	content: "\e051";
}

.icon-outlined-pencil-ruler:before
{
	content: "\e052";
}

.icon-outlined-plus:before
{
	content: "\e053";
}

.icon-outlined-portable-pc:before
{
	content: "\e054";
}

.icon-outlined-pricetag:before
{
	content: "\e055";
}

.icon-outlined-printer:before
{
	content: "\e056";
}

.icon-outlined-profile:before
{
	content: "\e057";
}

.icon-outlined-profile-add:before
{
	content: "\e058";
}

.icon-outlined-profile-remove:before
{
	content: "\e059";
}

.icon-outlined-rainy:before
{
	content: "\e05a";
}

.icon-outlined-rotate:before
{
	content: "\e05b";
}

.icon-outlined-setting-1:before
{
	content: "\e05c";
}

.icon-outlined-setting-2:before
{
	content: "\e05d";
}

.icon-outlined-share:before
{
	content: "\e05e";
}

.icon-outlined-shield-down:before
{
	content: "\e05f";
}

.icon-outlined-shield-left:before
{
	content: "\e060";
}

.icon-outlined-shield-right:before
{
	content: "\e061";
}

.icon-outlined-shield-up:before
{
	content: "\e062";
}

.icon-outlined-shopping-cart:before
{
	content: "\e063";
}

.icon-outlined-shopping-cart-content:before
{
	content: "\e064";
}

.icon-outlined-sinth:before
{
	content: "\e065";
}

.icon-outlined-smartphone:before
{
	content: "\e066";
}

.icon-outlined-spread:before
{
	content: "\e067";
}

.icon-outlined-squares:before
{
	content: "\e068";
}

.icon-outlined-stormy:before
{
	content: "\e069";
}

.icon-outlined-sunny:before
{
	content: "\e06a";
}

.icon-outlined-tablet:before
{
	content: "\e06b";
}

.icon-outlined-three-stripes-horiz:before
{
	content: "\e06c";
}

.icon-outlined-three-stripes-vert:before
{
	content: "\e06d";
}

.icon-outlined-ticket:before
{
	content: "\e06e";
}

.icon-outlined-todolist:before
{
	content: "\e06f";
}

.icon-outlined-todolist-add:before
{
	content: "\e070";
}

.icon-outlined-todolist-check:before
{
	content: "\e071";
}

.icon-outlined-trash-bin:before
{
	content: "\e072";
}

.icon-outlined-tshirt:before
{
	content: "\e073";
}

.icon-outlined-tv-monitor:before
{
	content: "\e074";
}

.icon-outlined-umbrella:before
{
	content: "\e075";
}

.icon-outlined-upload:before
{
	content: "\e076";
}

.icon-outlined-upload-folder:before
{
	content: "\e077";
}

.icon-outlined-variable:before
{
	content: "\e078";
}

.icon-outlined-video-cam:before
{
	content: "\e079";
}

.icon-outlined-volume-higher:before
{
	content: "\e07a";
}

.icon-outlined-volume-lower:before
{
	content: "\e07b";
}

.icon-outlined-volume-off:before
{
	content: "\e07c";
}

.icon-outlined-watch:before
{
	content: "\e07d";
}

.icon-outlined-waterfall:before
{
	content: "\e07e";
}

.icon-outlined-website-1:before
{
	content: "\e07f";
}

.icon-outlined-website-2:before
{
	content: "\e080";
}

.icon-outlined-wine:before
{
	content: "\e081";
}

.icon-outlined-calendar:before
{
	content: "\e082";
}

.icon-outlined-alarm-clock:before
{
	content: "\e083";
}

.icon-outlined-add-folder:before
{
	content: "\e084";
}

.icon-outlined-accelerator:before
{
	content: "\e085";
}

.icon-outlined-agenda:before
{
	content: "\e086";
}

.icon-outlined-arrow-left:before
{
	content: "\e087";
}

.icon-outlined-arrow-down:before
{
	content: "\e088";
}

.icon-outlined-battery-1:before
{
	content: "\e089";
}

.icon-outlined-case:before
{
	content: "\e08a";
}

.icon-outlined-arrow-up:before
{
	content: "\e08b";
}

.icon-outlined-arrow-right:before
{
	content: "\e08c";
}

.icon-outlined-case-2:before
{
	content: "\e08d";
}

.icon-outlined-cd:before
{
	content: "\e08e";
}

.icon-outlined-battery-2:before
{
	content: "\e08f";
}

.icon-outlined-battery-3:before
{
	content: "\e090";
}

.icon-outlined-check:before
{
	content: "\e091";
}

.icon-outlined-battery-4:before
{
	content: "\e092";
}

.icon-outlined-chronometer:before
{
	content: "\e093";
}

.icon-outlined-clock:before
{
	content: "\e094";
}

.icon-outlined-blackboard-graph:before
{
	content: "\e095";
}

[data-linear]:before
{
	font-family: 'iconlinear' !important;
	content: attr(data-linear);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-linear-"]:before,
[class*=" icon-linear-"]:before
{
	font-family: 'iconlinear' !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	text-decoration: inherit;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: inherit;
}

[class*="icon-linear-"].smaller
{
	font-size: .7em;
	vertical-align: 6%;
}

[class*="icon-linear-"].large
{
	font-size: 1.2em;
	vertical-align: -10%;
}

.icon-linear-home:before
{
	content: "\e800";
}

.icon-linear-apartment:before
{
	content: "\e801";
}

.icon-linear-pencil:before
{
	content: "\e802";
}

.icon-linear-magic-wand:before
{
	content: "\e803";
}

.icon-linear-drop:before
{
	content: "\e804";
}

.icon-linear-lighter:before
{
	content: "\e805";
}

.icon-linear-poop:before
{
	content: "\e806";
}

.icon-linear-sun:before
{
	content: "\e807";
}

.icon-linear-moon:before
{
	content: "\e808";
}

.icon-linear-cloud:before
{
	content: "\e809";
}

.icon-linear-cloud-upload:before
{
	content: "\e80a";
}

.icon-linear-cloud-download:before
{
	content: "\e80b";
}

.icon-linear-cloud-sync:before
{
	content: "\e80c";
}

.icon-linear-cloud-check:before
{
	content: "\e80d";
}

.icon-linear-database:before
{
	content: "\e80e";
}
.icon-linear-lock:before
{
	content: "\e80f";
}

.icon-linear-cog:before
{
	content: "\e810";
}

.icon-linear-trash:before
{
	content: "\e811";
}

.icon-linear-dice:before
{
	content: "\e812";
}

.icon-linear-heart:before
{
	content: "\e813";
}

.icon-linear-star:before
{
	content: "\e814";
}

.icon-linear-star-half:before
{
	content: "\e815";
}

.icon-linear-star-empty:before
{
	content: "\e816";
}

.icon-linear-flag:before
{
	content: "\e817";
}

.icon-linear-envelope:before
{
	content: "\e818";
}

.icon-linear-paperclip:before
{
	content: "\e819";
}

.icon-linear-inbox:before
{
	content: "\e81a";
}

.icon-linear-eye:before
{
	content: "\e81b";
}

.icon-linear-printer:before
{
	content: "\e81c";
}

.icon-linear-file-empty:before
{
	content: "\e81d";
}

.icon-linear-file-add:before
{
	content: "\e81e";
}

.icon-linear-enter:before
{
	content: "\e81f";
}

.icon-linear-exit:before
{
	content: "\e820";
}

.icon-linear-graduation-hat:before
{
	content: "\e821";
}

.icon-linear-license:before
{
	content: "\e822";
}

.icon-linear-music-note:before
{
	content: "\e823";
}

.icon-linear-film-play:before
{
	content: "\e824";
}

.icon-linear-camera-video:before
{
	content: "\e825";
}

.icon-linear-camera:before
{
	content: "\e826";
}

.icon-linear-picture:before
{
	content: "\e827";
}

.icon-linear-book:before
{
	content: "\e828";
}

.icon-linear-bookmark:before
{
	content: "\e829";
}

.icon-linear-user:before
{
	content: "\e82a";
}

.icon-linear-users:before
{
	content: "\e82b";
}

.icon-linear-shirt:before
{
	content: "\e82c";
}

.icon-linear-store:before
{
	content: "\e82d";
}

.icon-linear-cart:before
{
	content: "\e82e";
}

.icon-linear-tag:before
{
	content: "\e82f";
}

.icon-linear-phone-handset:before
{
	content: "\e830";
}

.icon-linear-phone:before
{
	content: "\e831";
}

.icon-linear-pushpin:before
{
	content: "\e832";
}

.icon-linear-map-marker:before
{
	content: "\e833";
}

.icon-linear-map:before
{
	content: "\e834";
}

.icon-linear-location:before
{
	content: "\e835";
}

.icon-linear-calendar-full:before
{
	content: "\e836";
}

.icon-linear-keyboard:before
{
	content: "\e837";
}

.icon-linear-spell-check:before
{
	content: "\e838";
}

.icon-linear-screen:before
{
	content: "\e839";
}

.icon-linear-smartphone:before
{
	content: "\e83b";
}

.icon-linear-laptop:before
{
	content: "\e83c";
}

.icon-linear-laptop-phone:before
{
	content: "\e83d";
}

.icon-linear-power-switch:before
{
	content: "\e83e";
}

.icon-linear-bubble:before
{
	content: "\e83f";
}

.icon-linear-heart-pulse:before
{
	content: "\e840";
}

.icon-linear-construction:before
{
	content: "\e841";
}

.icon-linear-pie-chart:before
{
	content: "\e842";
}

.icon-linear-chart-bars:before
{
	content: "\e843";
}

.icon-linear-gift:before
{
	content: "\e844";
}

.icon-linear-diamond:before
{
	content: "\e845";
}

.icon-linear-linearicons:before
{
	content: "\e846";
}

.icon-linear-dinner:before
{
	content: "\e847";
}

.icon-linear-coffee-cup:before
{
	content: "\e848";
}

.icon-linear-leaf:before
{
	content: "\e849";
}

.icon-linear-paw:before
{
	content: "\e84a";
}

.icon-linear-rocket:before
{
	content: "\e84b";
}

.icon-linear-briefcase:before
{
	content: "\e84c";
}

.icon-linear-bus:before
{
	content: "\e84d";
}

.icon-linear-car:before
{
	content: "\e84e";
}

.icon-linear-train:before
{
	content: "\e84f";
}

.icon-linear-bicycle:before
{
	content: "\e850";
}

.icon-linear-wheelchair:before
{
	content: "\e851";
}

.icon-linear-select:before
{
	content: "\e852";
}

.icon-linear-earth:before
{
	content: "\e853";
}

.icon-linear-smile:before
{
	content: "\e854";
}

.icon-linear-sad:before
{
	content: "\e855";
}

.icon-linear-neutral:before
{
	content: "\e856";
}

.icon-linear-mustache:before
{
	content: "\e857";
}

.icon-linear-alarm:before
{
	content: "\e858";
}

.icon-linear-bullhorn:before
{
	content: "\e859";
}

.icon-linear-volume-high:before
{
	content: "\e85a";
}

.icon-linear-volume-medium:before
{
	content: "\e85b";
}

.icon-linear-volume-low:before
{
	content: "\e85c";
}

.icon-linear-volume-zero:before
{
	content: "\e85d";
}

.icon-linear-mic:before
{
	content: "\e85e";
}

.icon-linear-hourglass:before
{
	content: "\e85f";
}

.icon-linear-undo:before
{
	content: "\e860";
}

.icon-linear-redo:before
{
	content: "\e861";
}

.icon-linear-sync:before
{
	content: "\e862";
}

.icon-linear-sync-ok:before
{
	content: "\e863";
}

.icon-linear-history:before
{
	content: "\e864";
}

.icon-linear-clock:before
{
	content: "\e865";
}

.icon-linear-download:before
{
	content: "\e866";
}

.icon-linear-upload:before
{
	content: "\e867";
}

.icon-linear-enter-down:before
{
	content: "\e868";
}

.icon-linear-exit-up:before
{
	content: "\e869";
}

.icon-linear-code:before
{
	content: "\e86a";
}

.icon-linear-link:before
{
	content: "\e86b";
}

.icon-linear-unlink:before
{
	content: "\e86c";
}

.icon-linear-thumbs-up:before
{
	content: "\e86d";
}

.icon-linear-thumbs-down:before
{
	content: "\e86e";
}

.icon-linear-magnifier:before
{
	content: "\e86f";
}

.icon-linear-cross:before
{
	content: "\e870";
}

.icon-linear-menu:before
{
	content: "\e871";
}

.icon-linear-list:before
{
	content: "\e872";
}

.icon-linear-chevron-up:before
{
	content: "\e873";
}

.icon-linear-chevron-down:before
{
	content: "\e874";
}

.icon-linear-chevron-left:before
{
	content: "\e875";
}

.icon-linear-chevron-right:before
{
	content: "\e876";
}

.icon-linear-arrow-up:before
{
	content: "\e877";
}

.icon-linear-arrow-down:before
{
	content: "\e878";
}

.icon-linear-arrow-left:before
{
	content: "\e879";
}

.icon-linear-arrow-right:before
{
	content: "\e87a";
}

.icon-linear-move:before
{
	content: "\e87b";
}

.icon-linear-warning:before
{
	content: "\e87c";
}

.icon-linear-question-circle:before
{
	content: "\e87d";
}

.icon-linear-menu-circle:before
{
	content: "\e87e";
}

.icon-linear-checkmark-circle:before
{
	content: "\e87f";
}

.icon-linear-cross-circle:before
{
	content: "\e880";
}

.icon-linear-plus-circle:before
{
	content: "\e881";
}

.icon-linear-circle-minus:before
{
	content: "\e882";
}

.icon-linear-arrow-up-circle:before
{
	content: "\e883";
}

.icon-linear-arrow-down-circle:before
{
	content: "\e884";
}

.icon-linear-arrow-left-circle:before
{
	content: "\e885";
}

.icon-linear-arrow-right-circle:before
{
	content: "\e886";
}

.icon-linear-chevron-up-circle:before
{
	content: "\e887";
}

.icon-linear-chevron-down-circle:before
{
	content: "\e888";
}

.icon-linear-chevron-left-circle:before
{
	content: "\e889";
}

.icon-linear-chevron-right-circle:before
{
	content: "\e88a";
}

.icon-linear-crop:before
{
	content: "\e88b";
}

.icon-linear-frame-expand:before
{
	content: "\e88c";
}

.icon-linear-frame-contract:before
{
	content: "\e88d";
}

.icon-linear-layers:before
{
	content: "\e88e";
}

.icon-linear-funnel:before
{
	content: "\e88f";
}

.icon-linear-text-format:before
{
	content: "\e890";
}

.icon-linear-text-format-remove:before
{
	content: "\e891";
}

.icon-linear-text-size:before
{
	content: "\e892";
}

.icon-linear-bold:before
{
	content: "\e893";
}

.icon-linear-italic:before
{
	content: "\e894";
}

.icon-linear-underline:before
{
	content: "\e895";
}

.icon-linear-strikethrough:before
{
	content: "\e896";
}

.icon-linear-highlight:before
{
	content: "\e897";
}

.icon-linear-text-align-left:before
{
	content: "\e898";
}

.icon-linear-text-align-center:before
{
	content: "\e899";
}

.icon-linear-text-align-right:before
{
	content: "\e89a";
}

.icon-linear-text-align-justify:before
{
	content: "\e89b";
}

.icon-linear-line-spacing:before
{
	content: "\e89c";
}

.icon-linear-indent-increase:before
{
	content: "\e89d";
}

.icon-linear-indent-decrease:before
{
	content: "\e89e";
}

.icon-linear-pilcrow:before
{
	content: "\e89f";
}

.icon-linear-direction-ltr:before
{
	content: "\e8a0";
}

.icon-linear-direction-rtl:before
{
	content: "\e8a1";
}

.icon-linear-page-break:before
{
	content: "\e8a2";
}

.icon-linear-sort-alpha-asc:before
{
	content: "\e8a3";
}

.icon-linear-sort-amount-asc:before
{
	content: "\e8a4";
}

.icon-linear-hand:before
{
	content: "\e8a5";
}

.icon-linear-pointer-up:before
{
	content: "\e8a6";
}

.icon-linear-pointer-right:before
{
	content: "\e8a7";
}

.icon-linear-pointer-down:before
{
	content: "\e8a8";
}

.icon-linear-pointer-left:before
{
	content: "\e8a9";
}

[data-awes]:before

{
	font-family: 'iconawesome' !important;
	content: attr(data-font);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1;
	/*-webkit-text-stroke-width: 0.2px;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-awes-"]:before,
[class*=" icon-awes-"]:before

{
	font-family: 'iconawesome' !important;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: inherit;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: inherit;
}

[class*="icon-awes-"].smaller

{
	font-size: .7em;
	vertical-align: 6%;
}

[class*="icon-awes-"].large

{
	font-size: 1.2em;
	vertical-align: -10%;
}

.icon-awes-glass:before 
{
  content: "\f000";
}
.icon-awes-music:before 
{
  content: "\f001";
}
.icon-awes-search:before 
{
  content: "\f002";
}
.icon-awes-envelope-alt:before 
{
  content: "\f003";
}
.icon-awes-heart:before 
{
  content: "\f004";
}
.icon-awes-star:before 
{
  content: "\f005";
}
.icon-awes-star-empty:before 
{
  content: "\f006";
}
.icon-awes-user:before 
{
  content: "\f007";
}
.icon-awes-film:before 
{
  content: "\f008";
}
.icon-awes-th-large:before 
{
  content: "\f009";
}
.icon-awes-th:before 
{
  content: "\f00a";
}
.icon-awes-th-list:before 
{
  content: "\f00b";
}
.icon-awes-ok:before 
{
  content: "\f00c";
}
.icon-awes-remove:before 
{
  content: "\f00d";
}
.icon-awes-zoom-in:before 
{
  content: "\f00e";
}
.icon-awes-zoom-out:before 
{
  content: "\f010";
}
.icon-awes-power-off:before,
.icon-awes-off:before 
{
  content: "\f011";
}
.icon-awes-signal:before 
{
  content: "\f012";
}
.icon-awes-gear:before,
.icon-awes-cog:before 
{
  content: "\f013";
}
.icon-awes-trash:before 
{
  content: "\f014";
}
.icon-awes-home:before 
{
  content: "\f015";
}
.icon-awes-file-alt:before 
{
  content: "\f016";
}
.icon-awes-time:before 
{
  content: "\f017";
}
.icon-awes-road:before 
{
  content: "\f018";
}
.icon-awes-download-alt:before 
{
  content: "\f019";
}
.icon-awes-download:before 
{
  content: "\f01a";
}
.icon-awes-upload:before 
{
  content: "\f01b";
}
.icon-awes-inbox:before 
{
  content: "\f01c";
}
.icon-awes-play-circle:before 
{
  content: "\f01d";
}
.icon-awes-rotate-right:before,
.icon-awes-repeat:before 
{
  content: "\f01e";
}
.icon-awes-refresh:before 
{
  content: "\f021";
}
.icon-awes-list-alt:before 
{
  content: "\f022";
}
.icon-awes-lock:before 
{
  content: "\f023";
}
.icon-awes-flag:before 
{
  content: "\f024";
}
.icon-awes-headphones:before 
{
  content: "\f025";
}
.icon-awes-volume-off:before 
{
  content: "\f026";
}
.icon-awes-volume-down:before 
{
  content: "\f027";
}
.icon-awes-volume-up:before 
{
  content: "\f028";
}
.icon-awes-qrcode:before 
{
  content: "\f029";
}
.icon-awes-barcode:before 
{
  content: "\f02a";
}
.icon-awes-tag:before 
{
  content: "\f02b";
}
.icon-awes-tags:before 
{
  content: "\f02c";
}
.icon-awes-book:before 
{
  content: "\f02d";
}
.icon-awes-bookmark:before 
{
  content: "\f02e";
}
.icon-awes-print:before 
{
  content: "\f02f";
}
.icon-awes-camera:before 
{
  content: "\f030";
}
.icon-awes-font:before 
{
  content: "\f031";
}
.icon-awes-bold:before 
{
  content: "\f032";
}
.icon-awes-italic:before 
{
  content: "\f033";
}
.icon-awes-text-height:before 
{
  content: "\f034";
}
.icon-awes-text-width:before 
{
  content: "\f035";
}
.icon-awes-align-left:before 
{
  content: "\f036";
}
.icon-awes-align-center:before 
{
  content: "\f037";
}
.icon-awes-align-right:before 
{
  content: "\f038";
}
.icon-awes-align-justify:before 
{
  content: "\f039";
}
.icon-awes-list:before 
{
  content: "\f03a";
}
.icon-awes-indent-left:before 
{
  content: "\f03b";
}
.icon-awes-indent-right:before 
{
  content: "\f03c";
}
.icon-awes-facetime-video:before 
{
  content: "\f03d";
}
.icon-awes-picture:before 
{
  content: "\f03e";
}
.icon-awes-pencil:before 
{
  content: "\f040";
}
.icon-awes-map-marker:before 
{
  content: "\f041";
}
.icon-awes-adjust:before 
{
  content: "\f042";
}
.icon-awes-tint:before 
{
  content: "\f043";
}
.icon-awes-edit:before 
{
  content: "\f044";
}
.icon-awes-share:before 
{
  content: "\f045";
}
.icon-awes-check:before 
{
  content: "\f046";
}
.icon-awes-move:before 
{
  content: "\f047";
}
.icon-awes-step-backward:before 
{
  content: "\f048";
}
.icon-awes-fast-backward:before 
{
  content: "\f049";
}
.icon-awes-backward:before 
{
  content: "\f04a";
}
.icon-awes-play:before 
{
  content: "\f04b";
}
.icon-awes-pause:before 
{
  content: "\f04c";
}
.icon-awes-stop:before 
{
  content: "\f04d";
}
.icon-awes-forward:before 
{
  content: "\f04e";
}
.icon-awes-fast-forward:before 
{
  content: "\f050";
}
.icon-awes-step-forward:before 
{
  content: "\f051";
}
.icon-awes-eject:before 
{
  content: "\f052";
}
.icon-awes-chevron-left:before 
{
  content: "\f053";
}
.icon-awes-chevron-right:before 
{
  content: "\f054";
}
.icon-awes-plus-sign:before 
{
  content: "\f055";
}
.icon-awes-minus-sign:before 
{
  content: "\f056";
}
.icon-awes-remove-sign:before 
{
  content: "\f057";
}
.icon-awes-ok-sign:before 
{
  content: "\f058";
}
.icon-awes-question-sign:before 
{
  content: "\f059";
}
.icon-awes-info-sign:before 
{
  content: "\f05a";
}
.icon-awes-screenshot:before 
{
  content: "\f05b";
}
.icon-awes-remove-circle:before 
{
  content: "\f05c";
}
.icon-awes-ok-circle:before 
{
  content: "\f05d";
}
.icon-awes-ban-circle:before 
{
  content: "\f05e";
}
.icon-awes-arrow-left:before 
{
  content: "\f060";
}
.icon-awes-arrow-right:before 
{
  content: "\f061";
}
.icon-awes-arrow-up:before 
{
  content: "\f062";
}
.icon-awes-arrow-down:before 
{
  content: "\f063";
}
.icon-awes-mail-forward:before,
.icon-awes-share-alt:before 
{
  content: "\f064";
}
.icon-awes-resize-full:before 
{
  content: "\f065";
}
.icon-awes-resize-small:before 
{
  content: "\f066";
}
.icon-awes-plus:before 
{
  content: "\f067";
}
.icon-awes-minus:before 
{
  content: "\f068";
}
.icon-awes-asterisk:before 
{
  content: "\f069";
}
.icon-awes-exclamation-sign:before 
{
  content: "\f06a";
}
.icon-awes-gift:before 
{
  content: "\f06b";
}
.icon-awes-leaf:before 
{
  content: "\f06c";
}
.icon-awes-fire:before 
{
  content: "\f06d";
}
.icon-awes-eye-open:before 
{
  content: "\f06e";
}
.icon-awes-eye-close:before 
{
  content: "\f070";
}
.icon-awes-warning-sign:before 
{
  content: "\f071";
}
.icon-awes-plane:before 
{
  content: "\f072";
}
.icon-awes-calendar:before 
{
  content: "\f073";
}
.icon-awes-random:before 
{
  content: "\f074";
}
.icon-awes-comment:before 
{
  content: "\f075";
}
.icon-awes-magnet:before 
{
  content: "\f076";
}
.icon-awes-chevron-up:before 
{
  content: "\f077";
}
.icon-awes-chevron-down:before 
{
  content: "\f078";
}
.icon-awes-retweet:before 
{
  content: "\f079";
}
.icon-awes-shopping-cart:before 
{
  content: "\f07a";
}
.icon-awes-folder-close:before 
{
  content: "\f07b";
}
.icon-awes-folder-open:before 
{
  content: "\f07c";
}
.icon-awes-resize-vertical:before 
{
  content: "\f07d";
}
.icon-awes-resize-horizontal:before 
{
  content: "\f07e";
}
.icon-awes-bar-chart:before 
{
  content: "\f080";
}
.icon-awes-twitter-sign:before 
{
  content: "\f081";
}
.icon-awes-facebook-sign:before 
{
  content: "\f082";
}
.icon-awes-camera-retro:before 
{
  content: "\f083";
}
.icon-awes-key:before 
{
  content: "\f084";
}
.icon-awes-gears:before,
.icon-awes-cogs:before 
{
  content: "\f085";
}
.icon-awes-comments:before 
{
  content: "\f086";
}
.icon-awes-thumbs-up-alt:before 
{
  content: "\f087";
}
.icon-awes-thumbs-down-alt:before 
{
  content: "\f088";
}
.icon-awes-star-half:before 
{
  content: "\f089";
}
.icon-awes-heart-empty:before 
{
  content: "\f08a";
}
.icon-awes-signout:before 
{
  content: "\f08b";
}
.icon-awes-linkedin-sign:before 
{
  content: "\f08c";
}
.icon-awes-pushpin:before 
{
  content: "\f08d";
}
.icon-awes-external-link:before 
{
  content: "\f08e";
}
.icon-awes-signin:before 
{
  content: "\f090";
}
.icon-awes-trophy:before 
{
  content: "\f091";
}
.icon-awes-github-sign:before 
{
  content: "\f092";
}
.icon-awes-upload-alt:before 
{
  content: "\f093";
}
.icon-awes-lemon:before 
{
  content: "\f094";
}
.icon-awes-phone:before 
{
  content: "\f095";
}
.icon-awes-unchecked:before,
.icon-awes-check-empty:before 
{
  content: "\f096";
}
.icon-awes-bookmark-empty:before 
{
  content: "\f097";
}
.icon-awes-phone-sign:before 
{
  content: "\f098";
}
.icon-awes-twitter:before 
{
  content: "\f099";
}
.icon-awes-facebook:before 
{
  content: "\f09a";
}
.icon-awes-github:before 
{
  content: "\f09b";
}
.icon-awes-unlock:before 
{
  content: "\f09c";
}
.icon-awes-credit-card:before 
{
  content: "\f09d";
}
.icon-awes-rss:before 
{
  content: "\f09e";
}
.icon-awes-hdd:before 
{
  content: "\f0a0";
}
.icon-awes-bullhorn:before 
{
  content: "\f0a1";
}
.icon-awes-bell:before 
{
  content: "\f0a2";
}
.icon-awes-certificate:before 
{
  content: "\f0a3";
}
.icon-awes-hand-right:before 
{
  content: "\f0a4";
}
.icon-awes-hand-left:before 
{
  content: "\f0a5";
}
.icon-awes-hand-up:before 
{
  content: "\f0a6";
}
.icon-awes-hand-down:before 
{
  content: "\f0a7";
}
.icon-awes-circle-arrow-left:before 
{
  content: "\f0a8";
}
.icon-awes-circle-arrow-right:before 
{
  content: "\f0a9";
}
.icon-awes-circle-arrow-up:before 
{
  content: "\f0aa";
}
.icon-awes-circle-arrow-down:before 
{
  content: "\f0ab";
}
.icon-awes-globe:before 
{
  content: "\f0ac";
}
.icon-awes-wrench:before 
{
  content: "\f0ad";
}
.icon-awes-tasks:before 
{
  content: "\f0ae";
}
.icon-awes-filter:before 
{
  content: "\f0b0";
}
.icon-awes-briefcase:before 
{
  content: "\f0b1";
}
.icon-awes-fullscreen:before 
{
  content: "\f0b2";
}
.icon-awes-group:before 
{
  content: "\f0c0";
}
.icon-awes-link:before 
{
  content: "\f0c1";
}
.icon-awes-cloud:before 
{
  content: "\f0c2";
}
.icon-awes-beaker:before 
{
  content: "\f0c3";
}
.icon-awes-cut:before 
{
  content: "\f0c4";
}
.icon-awes-copy:before 
{
  content: "\f0c5";
}
.icon-awes-paperclip:before,
.icon-awes-paper-clip:before 
{
  content: "\f0c6";
}
.icon-awes-save:before 
{
  content: "\f0c7";
}
.icon-awes-sign-blank:before 
{
  content: "\f0c8";
}
.icon-awes-reorder:before 
{
  content: "\f0c9";
}
.icon-awes-list-ul:before 
{
  content: "\f0ca";
}
.icon-awes-list-ol:before 
{
  content: "\f0cb";
}
.icon-awes-strikethrough:before 
{
  content: "\f0cc";
}
.icon-awes-underline:before 
{
  content: "\f0cd";
}
.icon-awes-table:before 
{
  content: "\f0ce";
}
.icon-awes-magic:before 
{
  content: "\f0d0";
}
.icon-awes-truck:before 
{
  content: "\f0d1";
}
.icon-awes-pinterest:before 
{
  content: "\f0d2";
}
.icon-awes-pinterest-sign:before 
{
  content: "\f0d3";
}
.icon-awes-google-plus-sign:before 
{
  content: "\f0d4";
}
.icon-awes-google-plus:before 
{
  content: "\f0d5";
}
.icon-awes-money:before 
{
  content: "\f0d6";
}
.icon-awes-caret-down:before 
{
  content: "\f0d7";
}
.icon-awes-caret-up:before 
{
  content: "\f0d8";
}
.icon-awes-caret-left:before 
{
  content: "\f0d9";
}
.icon-awes-caret-right:before 
{
  content: "\f0da";
}
.icon-awes-columns:before 
{
  content: "\f0db";
}
.icon-awes-sort:before 
{
  content: "\f0dc";
}
.icon-awes-sort-down:before 
{
  content: "\f0dd";
}
.icon-awes-sort-up:before 
{
  content: "\f0de";
}
.icon-awes-envelope:before 
{
  content: "\f0e0";
}
.icon-awes-linkedin:before 
{
  content: "\f0e1";
}
.icon-awes-rotate-left:before,
.icon-awes-undo:before 
{
  content: "\f0e2";
}
.icon-awes-legal:before 
{
  content: "\f0e3";
}
.icon-awes-dashboard:before 
{
  content: "\f0e4";
}
.icon-awes-comment-alt:before 
{
  content: "\f0e5";
}
.icon-awes-comments-alt:before 
{
  content: "\f0e6";
}
.icon-awes-bolt:before 
{
  content: "\f0e7";
}
.icon-awes-sitemap:before 
{
  content: "\f0e8";
}
.icon-awes-umbrella:before 
{
  content: "\f0e9";
}
.icon-awes-paste:before 
{
  content: "\f0ea";
}
.icon-awes-lightbulb:before 
{
  content: "\f0eb";
}
.icon-awes-exchange:before 
{
  content: "\f0ec";
}
.icon-awes-cloud-download:before 
{
  content: "\f0ed";
}
.icon-awes-cloud-upload:before 
{
  content: "\f0ee";
}
.icon-awes-user-md:before 
{
  content: "\f0f0";
}
.icon-awes-stethoscope:before 
{
  content: "\f0f1";
}
.icon-awes-suitcase:before 
{
  content: "\f0f2";
}
.icon-awes-bell-alt:before 
{
  content: "\f0f3";
}
.icon-awes-coffee:before 
{
  content: "\f0f4";
}
.icon-awes-food:before 
{
  content: "\f0f5";
}
.icon-awes-file-text-alt:before 
{
  content: "\f0f6";
}
.icon-awes-building:before 
{
  content: "\f0f7";
}
.icon-awes-hospital:before 
{
  content: "\f0f8";
}
.icon-awes-ambulance:before 
{
  content: "\f0f9";
}
.icon-awes-medkit:before 
{
  content: "\f0fa";
}
.icon-awes-fighter-jet:before 
{
  content: "\f0fb";
}
.icon-awes-beer:before 
{
  content: "\f0fc";
}
.icon-awes-h-sign:before 
{
  content: "\f0fd";
}
.icon-awes-plus-sign-alt:before 
{
  content: "\f0fe";
}
.icon-awes-double-angle-left:before 
{
  content: "\f100";
}
.icon-awes-double-angle-right:before 
{
  content: "\f101";
}
.icon-awes-double-angle-up:before 
{
  content: "\f102";
}
.icon-awes-double-angle-down:before 
{
  content: "\f103";
}
.icon-awes-angle-left:before 
{
  content: "\f104";
}
.icon-awes-angle-right:before 
{
  content: "\f105";
}
.icon-awes-angle-up:before 
{
  content: "\f106";
}
.icon-awes-angle-down:before 
{
  content: "\f107";
}
.icon-awes-desktop:before 
{
  content: "\f108";
}
.icon-awes-laptop:before 
{
  content: "\f109";
}
.icon-awes-tablet:before 
{
  content: "\f10a";
}
.icon-awes-mobile-phone:before 
{
  content: "\f10b";
}
.icon-awes-circle-blank:before 
{
  content: "\f10c";
}
.icon-awes-quote-left:before 
{
  content: "\f10d";
}
.icon-awes-quote-right:before 
{
  content: "\f10e";
}
.icon-awes-spinner:before 
{
  content: "\f110";
}
.icon-awes-circle:before 
{
  content: "\f111";
}
.icon-awes-mail-reply:before,
.icon-awes-reply:before 
{
  content: "\f112";
}
.icon-awes-github-alt:before 
{
  content: "\f113";
}
.icon-awes-folder-close-alt:before 
{
  content: "\f114";
}
.icon-awes-folder-open-alt:before 
{
  content: "\f115";
}
.icon-awes-expand-alt:before 
{
  content: "\f116";
}
.icon-awes-collapse-alt:before 
{
  content: "\f117";
}
.icon-awes-smile:before 
{
  content: "\f118";
}
.icon-awes-frown:before 
{
  content: "\f119";
}
.icon-awes-meh:before 
{
  content: "\f11a";
}
.icon-awes-gamepad:before 
{
  content: "\f11b";
}
.icon-awes-keyboard:before 
{
  content: "\f11c";
}
.icon-awes-flag-alt:before 
{
  content: "\f11d";
}
.icon-awes-flag-checkered:before 
{
  content: "\f11e";
}
.icon-awes-terminal:before 
{
  content: "\f120";
}
.icon-awes-code:before 
{
  content: "\f121";
}
.icon-awes-reply-all:before 
{
  content: "\f122";
}
.icon-awes-mail-reply-all:before 
{
  content: "\f122";
}
.icon-awes-star-half-full:before,
.icon-awes-star-half-empty:before 
{
  content: "\f123";
}
.icon-awes-location-arrow:before 
{
  content: "\f124";
}
.icon-awes-crop:before 
{
  content: "\f125";
}
.icon-awes-code-fork:before 
{
  content: "\f126";
}
.icon-awes-unlink:before 
{
  content: "\f127";
}
.icon-awes-question:before 
{
  content: "\f128";
}
.icon-awes-info:before 
{
  content: "\f129";
}
.icon-awes-exclamation:before 
{
  content: "\f12a";
}
.icon-awes-superscript:before 
{
  content: "\f12b";
}
.icon-awes-subscript:before 
{
  content: "\f12c";
}
.icon-awes-eraser:before 
{
  content: "\f12d";
}
.icon-awes-puzzle-piece:before 
{
  content: "\f12e";
}
.icon-awes-microphone:before 
{
  content: "\f130";
}
.icon-awes-microphone-off:before 
{
  content: "\f131";
}
.icon-awes-shield:before 
{
  content: "\f132";
}
.icon-awes-calendar-empty:before 
{
  content: "\f133";
}
.icon-awes-fire-extinguisher:before 
{
  content: "\f134";
}
.icon-awes-rocket:before 
{
  content: "\f135";
}
.icon-awes-maxcdn:before 
{
  content: "\f136";
}
.icon-awes-chevron-sign-left:before 
{
  content: "\f137";
}
.icon-awes-chevron-sign-right:before 
{
  content: "\f138";
}
.icon-awes-chevron-sign-up:before 
{
  content: "\f139";
}
.icon-awes-chevron-sign-down:before 
{
  content: "\f13a";
}
.icon-awes-html5:before 
{
  content: "\f13b";
}
.icon-awes-css3:before 
{
  content: "\f13c";
}
.icon-awes-anchor:before 
{
  content: "\f13d";
}
.icon-awes-unlock-alt:before 
{
  content: "\f13e";
}
.icon-awes-bullseye:before 
{
  content: "\f140";
}
.icon-awes-ellipsis-horizontal:before 
{
  content: "\f141";
}
.icon-awes-ellipsis-vertical:before 
{
  content: "\f142";
}
.icon-awes-rss-sign:before 
{
  content: "\f143";
}
.icon-awes-play-sign:before 
{
  content: "\f144";
}
.icon-awes-ticket:before 
{
  content: "\f145";
}
.icon-awes-minus-sign-alt:before 
{
  content: "\f146";
}
.icon-awes-check-minus:before 
{
  content: "\f147";
}
.icon-awes-level-up:before 
{
  content: "\f148";
}
.icon-awes-level-down:before 
{
  content: "\f149";
}
.icon-awes-check-sign:before 
{
  content: "\f14a";
}
.icon-awes-edit-sign:before 
{
  content: "\f14b";
}
.icon-awes-external-link-sign:before 
{
  content: "\f14c";
}
.icon-awes-share-sign:before 
{
  content: "\f14d";
}
.icon-awes-compass:before 
{
  content: "\f14e";
}
.icon-awes-collapse:before 
{
  content: "\f150";
}
.icon-awes-collapse-top:before 
{
  content: "\f151";
}
.icon-awes-expand:before 
{
  content: "\f152";
}
.icon-awes-euro:before,
.icon-awes-eur:before 
{
  content: "\f153";
}
.icon-awes-gbp:before 
{
  content: "\f154";
}
.icon-awes-dollar:before,
.icon-awes-usd:before 
{
  content: "\f155";
}
.icon-awes-rupee:before,
.icon-awes-inr:before 
{
  content: "\f156";
}
.icon-awes-yen:before,
.icon-awes-jpy:before 
{
  content: "\f157";
}
.icon-awes-renminbi:before,
.icon-awes-cny:before 
{
  content: "\f158";
}
.icon-awes-won:before,
.icon-awes-krw:before 
{
  content: "\f159";
}
.icon-awes-bitcoin:before,
.icon-awes-btc:before 
{
  content: "\f15a";
}
.icon-awes-file:before 
{
  content: "\f15b";
}
.icon-awes-file-text:before 
{
  content: "\f15c";
}
.icon-awes-sort-by-alphabet:before 
{
  content: "\f15d";
}
.icon-awes-sort-by-alphabet-alt:before 
{
  content: "\f15e";
}
.icon-awes-sort-by-attributes:before 
{
  content: "\f160";
}
.icon-awes-sort-by-attributes-alt:before 
{
  content: "\f161";
}
.icon-awes-sort-by-order:before 
{
  content: "\f162";
}
.icon-awes-sort-by-order-alt:before 
{
  content: "\f163";
}
.icon-awes-thumbs-up:before 
{
  content: "\f164";
}
.icon-awes-thumbs-down:before 
{
  content: "\f165";
}
.icon-awes-youtube-sign:before 
{
  content: "\f166";
}
.icon-awes-youtube:before 
{
  content: "\f167";
}
.icon-awes-xing:before 
{
  content: "\f168";
}
.icon-awes-xing-sign:before 
{
  content: "\f169";
}
.icon-awes-youtube-play:before 
{
  content: "\f16a";
}
.icon-awes-dropbox:before 
{
  content: "\f16b";
}
.icon-awes-stackexchange:before 
{
  content: "\f16c";
}
.icon-awes-instagram:before 
{
  content: "\f16d";
}
.icon-awes-flickr:before 
{
  content: "\f16e";
}
.icon-awes-adn:before 
{
  content: "\f170";
}
.icon-awes-bitbucket:before 
{
  content: "\f171";
}
.icon-awes-bitbucket-sign:before 
{
  content: "\f172";
}
.icon-awes-tumblr:before 
{
  content: "\f173";
}
.icon-awes-tumblr-sign:before 
{
  content: "\f174";
}
.icon-awes-long-arrow-down:before 
{
  content: "\f175";
}
.icon-awes-long-arrow-up:before 
{
  content: "\f176";
}
.icon-awes-long-arrow-left:before 
{
  content: "\f177";
}
.icon-awes-long-arrow-right:before 
{
  content: "\f178";
}
.icon-awes-apple:before 
{
  content: "\f179";
}
.icon-awes-windows:before 
{
  content: "\f17a";
}
.icon-awes-android:before 
{
  content: "\f17b";
}
.icon-awes-linux:before 
{
  content: "\f17c";
}
.icon-awes-dribbble:before 
{
  content: "\f17d";
}
.icon-awes-skype:before 
{
  content: "\f17e";
}
.icon-awes-foursquare:before 
{
  content: "\f180";
}
.icon-awes-trello:before 
{
  content: "\f181";
}
.icon-awes-female:before 
{
  content: "\f182";
}
.icon-awes-male:before 
{
  content: "\f183";
}
.icon-awes-gittip:before 
{
  content: "\f184";
}
.icon-awes-sun:before 
{
  content: "\f185";
}
.icon-awes-moon:before 
{
  content: "\f186";
}
.icon-awes-archive:before 
{
  content: "\f187";
}
.icon-awes-bug:before 
{
  content: "\f188";
}
.icon-awes-vk:before 
{
  content: "\f189";
}
.icon-awes-weibo:before 
{
  content: "\f18a";
}
.icon-awes-renren:before 
{
  content: "\f18b";
}



[data-font]:before
{
	font-family: 'iconfont' !important;
	content: attr(data-font);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1;
	/*-webkit-text-stroke-width: 0.2px;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-font-"]:before,
[class*=" icon-font-"]:before
{
	font-family: 'iconfont' !important;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: inherit;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: inherit;
}

[class*="icon-font-"].smaller
{
	font-size: .7em;
	vertical-align: 6%;
}

[class*="icon-font-"].large
{
	font-size: 1.2em;
	vertical-align: -10%;
}

.icon-font-shuangzizuo:before
{
	content: "\e604";
}

.icon-font-muyangzuo:before
{
	content: "\e605";
}

.icon-font-yunshangchuan:before
{
	content: "\e606";
}

.icon-font-bianji:before
{
	content: "\e607";
}

.icon-font-shangchuan:before
{
	content: "\e608";
}

.icon-font-shangchuan1:before
{
	content: "\e609";
}

.icon-font-leqi:before
{
	content: "\e60a";
}

.icon-font-bingxiang:before
{
	content: "\e60b";
}

.icon-font-kafei:before
{
	content: "\e60c";
}

.icon-font-yaopin:before
{
	content: "\e60d";
}

.icon-font-yinle:before
{
	content: "\e60e";
}

.icon-font-licai:before
{
	content: "\e60f";
}

.icon-font-caipiao:before
{
	content: "\e610";
}

.icon-font-lvxing:before
{
	content: "\e611";
}

.icon-font-huafei:before
{
	content: "\e612";
}

.icon-font-wenzhang:before
{
	content: "\e613";
}

.icon-font-tupian:before
{
	content: "\e614";
}

.icon-font-nvren:before
{
	content: "\e615";
}

.icon-font-regou:before
{
	content: "\e616";
}

.icon-font-tiantianquan:before
{
	content: "\e617";
}

.icon-font-hanbao:before
{
	content: "\e618";
}

.icon-font-yangshengqi:before
{
	content: "\e619";
}

.icon-font-dianyundou:before
{
	content: "\e61a";
}

.icon-font-yingpan:before
{
	content: "\e61b";
}

.icon-font-juanzhi:before
{
	content: "\e61c";
}

.icon-font-bangqiu:before
{
	content: "\e61d";
}

.icon-font-shouyinji:before
{
	content: "\e61e";
}

.icon-font-zhangpeng:before
{
	content: "\e61f";
}

.icon-font-erhuan:before
{
	content: "\e620";
}

.icon-font-lvxingdai:before
{
	content: "\e621";
}

.icon-font-qipao:before
{
	content: "\e622";
}

.icon-font-rili:before
{
	content: "\e623";
}

.icon-font-yinle1:before
{
	content: "\e624";
}

.icon-font-xiyiji:before
{
	content: "\e625";
}

.icon-font-24hours:before
{
	content: "\ec82";
}

.icon-font-kongdiao:before
{
	content: "\e626";
}

.icon-font-yiyaoxiang:before
{
	content: "\e627";
}

.icon-font-xianglian:before
{
	content: "\e628";
}

.icon-font-qiandai:before
{
	content: "\e629";
}

.icon-font-dengshanxie:before
{
	content: "\e62a";
}

.icon-font-pingbandiannao:before
{
	content: "\e62b";
}

.icon-font-bingxiang1:before
{
	content: "\e62c";
}

.icon-font-yingerche:before
{
	content: "\e62d";
}

.icon-font-Txu:before
{
	content: "\e62e";
}

.icon-font-naifen:before
{
	content: "\e62f";
}

.icon-font-chuang:before
{
	content: "\e630";
}

.icon-font-luntai:before
{
	content: "\e631";
}

.icon-font-zixingche:before
{
	content: "\e632";
}

.icon-font-touyingyi:before
{
	content: "\e633";
}

.icon-font-shuzhuo:before
{
	content: "\e634";
}

.icon-font-lvguo:before
{
	content: "\e635";
}

.icon-font-neiyi:before
{
	content: "\e636";
}

.icon-font-yundongxie:before
{
	content: "\e637";
}

.icon-font-qunzi:before
{
	content: "\e638";
}

.icon-font-liwu:before
{
	content: "\e639";
}

.icon-font-niaobushi:before
{
	content: "\e63a";
}

.icon-font-wanju:before
{
	content: "\e63b";
}

.icon-font-xianshiqi:before
{
	content: "\e63c";
}

.icon-font-zhaoxiangji:before
{
	content: "\e63d";
}

.icon-font-pixie:before
{
	content: "\e63e";
}

.icon-font-shiwu:before
{
	content: "\e63f";
}

.icon-font-PMP:before
{
	content: "\e640";
}

.icon-font-lianyiqun:before
{
	content: "\e641";
}

.icon-font-hufupin:before
{
	content: "\e642";
}

.icon-font-dianshiji:before
{
	content: "\e643";
}

.icon-font-gaogenxie:before
{
	content: "\e644";
}

.icon-font-diaodai:before
{
	content: "\e645";
}

.icon-font-nvbao:before
{
	content: "\e646";
}

.icon-font-yundong:before
{
	content: "\e647";
}

.icon-font-kuzi:before
{
	content: "\e648";
}

.icon-font-shafa:before
{
	content: "\e649";
}

.icon-font-naiping:before
{
	content: "\e64a";
}

.icon-font-tushu:before
{
	content: "\e64b";
}

.icon-font-jiezhi:before
{
	content: "\e64c";
}

.icon-font-dianchi:before
{
	content: "\e64d";
}

.icon-font-shoubiao:before
{
	content: "\e64e";
}

.icon-font-bijiben:before
{
	content: "\e64f";
}

.icon-font-xizhuang:before
{
	content: "\e650";
}

.icon-font-zhiwu:before
{
	content: "\e651";
}

.icon-font-renzhengyonghu:before
{
	content: "\e652";
}

.icon-font-tixing:before
{
	content: "\e653";
}

.icon-font-tishi:before
{
	content: "\e654";
}

.icon-font-jinggao:before
{
	content: "\e655";
}

.icon-font-wangluo:before
{
	content: "\e656";
}

.icon-font-chuangyi:before
{
	content: "\e657";
}

.icon-font-zhanghu:before
{
	content: "\e658";
}

.icon-font-wenjian:before
{
	content: "\e659";
}

.icon-font-bianjiwenjian:before
{
	content: "\e65a";
}

.icon-font-shanchuwenjian:before
{
	content: "\e65b";
}

.icon-font-jianqiewenjian:before
{
	content: "\e65c";
}

.icon-font-fuzhiwenjian:before
{
	content: "\e65d";
}

.icon-font-sousuowenjian:before
{
	content: "\e65e";
}

.icon-font-wenjianjia:before
{
	content: "\e65f";
}

.icon-font-suoding:before
{
	content: "\e660";
}

.icon-font-ziliaoku:before
{
	content: "\e661";
}

.icon-font-shejishi:before
{
	content: "\e662";
}

.icon-font-nvshangjia:before
{
	content: "\e663";
}

.icon-font-xingqudingxiang:before
{
	content: "\e664";
}

.icon-font-jingjia:before
{
	content: "\e665";
}

.icon-font-kejian:before
{
	content: "\e666";
}

.icon-font-guanliyuan:before
{
	content: "\e667";
}

.icon-font-jinbi:before
{
	content: "\e668";
}

.icon-font-jinbizhuanchu:before
{
	content: "\e669";
}

.icon-font-qudaoguanli:before
{
	content: "\e66a";
}

.icon-font-tuiguangqudao:before
{
	content: "\e66b";
}

.icon-font-xitongtuisong:before
{
	content: "\e66c";
}

.icon-font-michi:before
{
	content: "\e66d";
}

.icon-font-zizhutuiguang:before
{
	content: "\e66e";
}

.icon-font-guanli:before
{
	content: "\e66f";
}

.icon-font-zhanghubaobiao:before
{
	content: "\e670";
}

.icon-font-quanwangjingjiabaobiao:before
{
	content: "\e671";
}

.icon-font-wangzhanshezhi:before
{
	content: "\e672";
}

.icon-font-genzongmubiaoshezhi:before
{
	content: "\e673";
}

.icon-font-wangzhanguanli:before
{
	content: "\e674";
}

.icon-font-jieri:before
{
	content: "\e675";
}

.icon-font-keaide:before
{
	content: "\e676";
}

.icon-font-biaoqian:before
{
	content: "\e677";
}

.icon-font-shanshuo:before
{
	content: "\e678";
}

.icon-font-duosucai:before
{
	content: "\e679";
}

.icon-font-yunxiazai:before
{
	content: "\e67a";
}

.icon-font-chijing:before
{
	content: "\e67b";
}

.icon-font-dai:before
{
	content: "\e67c";
}

.icon-font-ganga:before
{
	content: "\e67d";
}

.icon-font-qin:before
{
	content: "\e67e";
}

.icon-font-maimeng:before
{
	content: "\e67f";
}

.icon-font-shouye:before
{
	content: "\e680";
}

.icon-font-yonghu:before
{
	content: "\e681";
}

.icon-font-wenben:before
{
	content: "\e682";
}

.icon-font-baocun:before
{
	content: "\e683";
}

.icon-font-duihua:before
{
	content: "\e684";
}

.icon-font-dianpu:before
{
	content: "\e685";
}

.icon-font-tupian1:before
{
	content: "\e686";
}

.icon-font-youjian:before
{
	content: "\e687";
}

.icon-font-xiaoliang:before
{
	content: "\e688";
}

.icon-font-chexiao:before
{
	content: "\e689";
}

.icon-font-zhongzuo:before
{
	content: "\e68a";
}

.icon-font-shezhi:before
{
	content: "\e68b";
}

.icon-font-shanchu:before
{
	content: "\e68c";
}

.icon-font-xinxi:before
{
	content: "\e68d";
}

.icon-font-shoucang:before
{
	content: "\e68e";
}

.icon-font-xiai:before
{
	content: "\e68f";
}

.icon-font-yuyin:before
{
	content: "\e690";
}

.icon-font-erji:before
{
	content: "\e691";
}

.icon-font-weizhi:before
{
	content: "\e692";
}

.icon-font-haoyou:before
{
	content: "\e693";
}

.icon-font-chazhaoyonghu:before
{
	content: "\e694";
}

.icon-font-tianjiayonghu:before
{
	content: "\e695";
}

.icon-font-kulian:before
{
	content: "\e696";
}

.icon-font-bianji1:before
{
	content: "\e697";
}

.icon-font-renminbi:before
{
	content: "\e698";
}

.icon-font-jian:before
{
	content: "\e699";
}

.icon-font-jia:before
{
	content: "\e69a";
}

.icon-font-cuowu:before
{
	content: "\e69b";
}

.icon-font-zhengque:before
{
	content: "\e69c";
}

.icon-font-xiaosuolvetu:before
{
	content: "\e69d";
}

.icon-font-suijiyonghu:before
{
	content: "\e69e";
}

.icon-font-fujian:before
{
	content: "\e69f";
}

.icon-font-shuaxin:before
{
	content: "\e6a0";
}

.icon-font-dantupailie:before
{
	content: "\e6a1";
}

.icon-font-daliebiao:before
{
	content: "\e6a2";
}

.icon-font-dasuolvetuliebiao:before
{
	content: "\e6a3";
}

.icon-font-liebiao:before
{
	content: "\e6a4";
}

.icon-font-shipin:before
{
	content: "\e6a5";
}

.icon-font-fasongyoujian:before
{
	content: "\e6a6";
}

.icon-font-bianjimoban:before
{
	content: "\e6a7";
}

.icon-font-daoruchuangyi:before
{
	content: "\e6a8";
}

.icon-font-kaishi:before
{
	content: "\e6a9";
}

.icon-font-wancheng:before
{
	content: "\e6aa";
}

.icon-font-xiangshang:before
{
	content: "\e6ab";
}

.icon-font-xiangxia:before
{
	content: "\e6ac";
}

.icon-font-yingyong:before
{
	content: "\e6ad";
}

.icon-font-jia1:before
{
	content: "\e6ae";
}

.icon-font-jiangjia:before
{
	content: "\e6af";
}

.icon-font-gouwucheman:before
{
	content: "\e6b0";
}

.icon-font-gouwuchekong:before
{
	content: "\e6b1";
}

.icon-font-yingyongzhongxin:before
{
	content: "\e6b2";
}

.icon-font-gengxin:before
{
	content: "\e6b3";
}

.icon-font-tuichu:before
{
	content: "\e6b4";
}

.icon-font-huangguan:before
{
	content: "\e6b5";
}

.icon-font-juzuo:before
{
	content: "\e6b6";
}

.icon-font-juzhong:before
{
	content: "\e6b7";
}

.icon-font-hengpai:before
{
	content: "\e6b8";
}

.icon-font-chuizhisuofang:before
{
	content: "\e6b9";
}

.icon-font-shuipingsuofang:before
{
	content: "\e6ba";
}

.icon-font-suoding1:before
{
	content: "\e6bb";
}

.icon-font-luyin:before
{
	content: "\e6bc";
}

.icon-font-jinru:before
{
	content: "\e6bd";
}

.icon-font-gaosu:before
{
	content: "\e6be";
}

.icon-font-dakaixinxi:before
{
	content: "\e6bf";
}

.icon-font-jiesuo:before
{
	content: "\e6c0";
}

.icon-font-tuige:before
{
	content: "\e6c1";
}

.icon-font-tuwenxiangqing:before
{
	content: "\e6c2";
}

.icon-font-wenbenshuru:before
{
	content: "\e6c3";
}

.icon-font-weiju:before
{
	content: "\e6c4";
}

.icon-font-yuanjing:before
{
	content: "\e6c5";
}

.icon-font-gaoqingshexiang:before
{
	content: "\e6c6";
}

.icon-font-renxiang:before
{
	content: "\e6c7";
}

.icon-font-yejing:before
{
	content: "\e6c8";
}

.icon-font-quanjing:before
{
	content: "\e6c9";
}

.icon-font-fangshai:before
{
	content: "\e6ca";
}

.icon-font-huazhuangshui:before
{
	content: "\e6cb";
}

.icon-font-suoxiao:before
{
	content: "\e6cc";
}

.icon-font-fangda:before
{
	content: "\e6cd";
}

.icon-font-quanping:before
{
	content: "\e6ce";
}

.icon-font-suoxiao1:before
{
	content: "\e6cf";
}

.icon-font-fangda1:before
{
	content: "\e6d0";
}

.icon-font-xinjianchuangkou:before
{
	content: "\e6d1";
}

.icon-font-xinchuangkoudakai:before
{
	content: "\e6d2";
}

.icon-font-dingyue:before
{
	content: "\e6d3";
}

.icon-font-xinhao:before
{
	content: "\e6d4";
}

.icon-font-tisheng:before
{
	content: "\e6d5";
}

.icon-font-xiajiang:before
{
	content: "\e6d6";
}

.icon-font-dingwei:before
{
	content: "\e6d7";
}

.icon-font-daimawenjian:before
{
	content: "\e6d8";
}

.icon-font-woshi:before
{
	content: "\e6d9";
}

.icon-font-pingfeng:before
{
	content: "\e6da";
}

.icon-font-shumiao:before
{
	content: "\e6db";
}

.icon-font-shu:before
{
	content: "\e6dc";
}

.icon-font-yinger:before
{
	content: "\e6dd";
}

.icon-font-paxingdeyinger:before
{
	content: "\e6de";
}

.icon-font-pingguo:before
{
	content: "\e6df";
}

.icon-font-lianyiqun1:before
{
	content: "\e6e0";
}

.icon-font-muma:before
{
	content: "\e6e1";
}

.icon-font-yaopin1:before
{
	content: "\e6e2";
}

.icon-font-xinshenger:before
{
	content: "\e6e3";
}

.icon-font-huapen:before
{
	content: "\e6e4";
}

.icon-font-shu1:before
{
	content: "\e6e5";
}

.icon-font-shouna:before
{
	content: "\e6e6";
}

.icon-font-youyanji:before
{
	content: "\e6e7";
}

.icon-font-xuanze:before
{
	content: "\e6e8";
}

.icon-font-caijian:before
{
	content: "\e6e9";
}

.icon-font-dianhua:before
{
	content: "\e6ea";
}

.icon-font-tielu:before
{
	content: "\e6eb";
}

.icon-font-gongjiao:before
{
	content: "\e6ec";
}

.icon-font-xingren:before
{
	content: "\e6ed";
}

.icon-font-huangguan1:before
{
	content: "\e6ee";
}

.icon-font-gouwu:before
{
	content: "\e6ef";
}

.icon-font-quan:before
{
	content: "\e6f0";
}

.icon-font-dianpu1:before
{
	content: "\e6f1";
}

.icon-font-jinbi1:before
{
	content: "\e6f2";
}

.icon-font-dianji:before
{
	content: "\e6f3";
}

.icon-font-daban:before
{
	content: "\e6f4";
}

.icon-font-hudiejie:before
{
	content: "\e6f5";
}

.icon-font-zhitongche:before
{
	content: "\e6f6";
}

.icon-font-zuanshi:before
{
	content: "\e6f7";
}

.icon-font-weiruan:before
{
	content: "\e6f8";
}

.icon-font-feiji:before
{
	content: "\e6f9";
}

.icon-font-duoyun:before
{
	content: "\e6fa";
}

.icon-font-yun:before
{
	content: "\e6fb";
}

.icon-font-wuqi:before
{
	content: "\e6fc";
}

.icon-font-xiaoyu:before
{
	content: "\e6fd";
}

.icon-font-leidian:before
{
	content: "\e6fe";
}

.icon-font-feng:before
{
	content: "\e6ff";
}

.icon-font-nongyun:before
{
	content: "\e700";
}

.icon-font-wanshang:before
{
	content: "\e701";
}

.icon-font-lieri:before
{
	content: "\e702";
}

.icon-font-shoucangjia:before
{
	content: "\e703";
}

.icon-font-shuipingzuo:before
{
	content: "\e704";
}

.icon-font-mojiezuo:before
{
	content: "\e705";
}

.icon-font-chunvzuo1:before
{
	content: "\e706";
}

.icon-font-shizizuo:before
{
	content: "\e707";
}

.icon-font-juxiezuo1:before
{
	content: "\e708";
}

.icon-font-tianhezuo1:before
{
	content: "\e709";
}

.icon-font-sheshouzuo1:before
{
	content: "\e70a";
}

.icon-font-tianchengzuo:before
{
	content: "\e70b";
}

.icon-font-shuangzizuo1:before
{
	content: "\e70c";
}

.icon-font-jinniuzuo:before
{
	content: "\e70d";
}

.icon-font-muyangzuo1:before
{
	content: "\e70e";
}

.icon-font-zhuanji:before
{
	content: "\e70f";
}

.icon-font-pubuliu:before
{
	content: "\e710";
}

.icon-font-quanbu:before
{
	content: "\e711";
}

.icon-font-wenzhang1:before
{
	content: "\e712";
}

.icon-font-tupian2:before
{
	content: "\e713";
}

.icon-font-baobei:before
{
	content: "\e714";
}

.icon-font-dianpu2:before
{
	content: "\e715";
}

.icon-font-dazahui:before
{
	content: "\e716";
}

.icon-font-sheyinglvxing:before
{
	content: "\e717";
}

.icon-font-gaoxiaoquwei:before
{
	content: "\e718";
}

.icon-font-mingxing:before
{
	content: "\e719";
}

.icon-font-chongwu:before
{
	content: "\e71a";
}

.icon-font-DIY:before
{
	content: "\e71b";
}

.icon-font-meishi:before
{
	content: "\e71c";
}

.icon-font-qinggan:before
{
	content: "\e71d";
}

.icon-font-muying:before
{
	content: "\e71e";
}

.icon-font-jiaju:before
{
	content: "\e71f";
}

.icon-font-meifa:before
{
	content: "\e720";
}

.icon-font-meirong:before
{
	content: "\e721";
}

.icon-font-shuma:before
{
	content: "\e722";
}

.icon-font-shishang:before
{
	content: "\e723";
}

.icon-font-yundonghuwai:before
{
	content: "\e724";
}

.icon-font-nanzhuang:before
{
	content: "\e725";
}

.icon-font-peishi:before
{
	content: "\e726";
}

.icon-font-xiezi:before
{
	content: "\e727";
}

.icon-font-nvzhuang:before
{
	content: "\e728";
}

.icon-font-bianji2:before
{
	content: "\e729";
}

.icon-font-shangchuan2:before
{
	content: "\e72a";
}

.icon-font-quanbu1:before
{
	content: "\e72b";
}

.icon-font-Uzhan:before
{
	content: "\e72c";
}

.icon-font-wenzhang2:before
{
	content: "\e72d";
}

.icon-font-dianpu3:before
{
	content: "\e72e";
}

.icon-font-tupian3:before
{
	content: "\e72f";
}

.icon-font-baobei1:before
{
	content: "\e730";
}

.icon-font-zuanshizhanwei:before
{
	content: "\e731";
}

.icon-font-shujumofang:before
{
	content: "\e732";
}

.icon-font-liangzitongji:before
{
	content: "\e733";
}

.icon-font-shujumofang1:before
{
	content: "\e734";
}

.icon-font-shujutongji:before
{
	content: "\e735";
}

.icon-font-taobaoxingdian:before
{
	content: "\e736";
}

.icon-font-zhongxue:before
{
	content: "\e737";
}

.icon-font-dayu:before
{
	content: "\e738";
}

.icon-font-dianyingpiao:before
{
	content: "\e739";
}

.icon-font-jiaoyin:before
{
	content: "\e73a";
}

.icon-font-zhitongche1:before
{
	content: "\e73b";
}

.icon-font-pinpaishixiao:before
{
	content: "\e73c";
}

.icon-font-tuihuobaozhang:before
{
	content: "\e73d";
}

.icon-font-huodongyouxian:before
{
	content: "\e73e";
}

.icon-font-tianmaopaidui:before
{
	content: "\e73f";
}

.icon-font-shengriliwu:before
{
	content: "\e740";
}

.icon-font-jisutuikuan:before
{
	content: "\e741";
}

.icon-font-kefuyouxian:before
{
	content: "\e742";
}

.icon-font-chaozhijifen:before
{
	content: "\e743";
}

.icon-font-tianmaohaoquan:before
{
	content: "\e744";
}

.icon-font-liebiao1:before
{
	content: "\e745";
}

.icon-font-chongzhi:before
{
	content: "\e746";
}

.icon-font-leqi1:before
{
	content: "\e747";
}

.icon-font-bingxiang2:before
{
	content: "\e748";
}

.icon-font-kafei1:before
{
	content: "\e749";
}

.icon-font-yaopin2:before
{
	content: "\e74a";
}

.icon-font-hanbao1:before
{
	content: "\e74b";
}

.icon-font-kouhong:before
{
	content: "\e74c";
}

.icon-font-bangqiu1:before
{
	content: "\e74d";
}

.icon-font-Txu1:before
{
	content: "\e74e";
}

.icon-font-nvbao1:before
{
	content: "\e74f";
}

.icon-font-shafa1:before
{
	content: "\e750";
}

.icon-font-naiping1:before
{
	content: "\e751";
}

.icon-font-tushu1:before
{
	content: "\e752";
}

.icon-font-shouji:before
{
	content: "\e753";
}

.icon-font-xiai1:before
{
	content: "\e754";
}

.icon-font-liebiao2:before
{
	content: "\e755";
}

.icon-font-gouwucheman1:before
{
	content: "\e756";
}

.icon-font-huangguan2:before
{
	content: "\e757";
}

.icon-font-chuzu:before
{
	content: "\e758";
}

.icon-font-zuanshi1:before
{
	content: "\e759";
}

.icon-font-xiexiangbao:before
{
	content: "\e75a";
}

.icon-font-jingxuanshichang:before
{
	content: "\e75b";
}

.icon-font-zhubaoshipin:before
{
	content: "\e75c";
}

.icon-font-jiajujiancai:before
{
	content: "\e75d";
}

.icon-font-jiayongdianqi:before
{
	content: "\e75e";
}

.icon-font-shipin1:before
{
	content: "\e75f";
}

.icon-font-muyingwanju:before
{
	content: "\e760";
}

.icon-font-shumashouji:before
{
	content: "\e761";
}

.icon-font-xiebao:before
{
	content: "\e762";
}

.icon-font-nvzhuangneiyi:before
{
	content: "\e763";
}

.icon-font-huwaiyundong:before
{
	content: "\e764";
}

.icon-font-huazhuangpin:before
{
	content: "\e765";
}

.icon-font-qichepeijian:before
{
	content: "\e766";
}

.icon-font-jiafangjiashi:before
{
	content: "\e767";
}

.icon-font-jujia:before
{
	content: "\e768";
}

.icon-font-yiyaobaojian:before
{
	content: "\e769";
}

.icon-font-tushuyinxiang:before
{
	content: "\e76a";
}

.icon-font-tianmaoxingxiang1:before
{
	content: "\e76b";
}

.icon-font-tianmaoxingxiang2:before
{
	content: "\e76c";
}

.icon-font-qiehuanqiyou:before
{
	content: "\e76d";
}

.icon-font-qiehuanqizuo:before
{
	content: "\e76e";
}

.icon-font-tesefuwu:before
{
	content: "\e76f";
}

.icon-font-qitianwuliyoutuihuanhuo:before
{
	content: "\e770";
}

.icon-font-zhengpinbaozhang:before
{
	content: "\e771";
}

.icon-font-bangzhuzhongxin:before
{
	content: "\e772";
}

.icon-font-shuru:before
{
	content: "\e773";
}

.icon-font-qiehuanqishang:before
{
	content: "\e774";
}

.icon-font-nanzhuang1:before
{
	content: "\e775";
}

.icon-font-xie:before
{
	content: "\e776";
}

.icon-font-jiafang:before
{
	content: "\e777";
}

.icon-font-diqufucengdanchujinggao:before
{
	content: "\e778";
}

.icon-font-diqufucengjinruliangfantuananniu:before
{
	content: "\e779";
}

.icon-font-diquxialajiantou:before
{
	content: "\e77a";
}

.icon-font-diantifanhuidingbu:before
{
	content: "\e77b";
}

.icon-font-diantileimu:before
{
	content: "\e77c";
}

.icon-font-diantilianxikefuxiangyou:before
{
	content: "\e77d";
}

.icon-font-gouwuche:before
{
	content: "\e77e";
}

.icon-font-huiliuqujiage:before
{
	content: "\e77f";
}

.icon-font-huiliuquhuodong:before
{
	content: "\e780";
}

.icon-font-huiliuquriyongbaihuo:before
{
	content: "\e781";
}

.icon-font-huiliuqujinkoushipin:before
{
	content: "\e782";
}

.icon-font-huiliuqushipin:before
{
	content: "\e783";
}

.icon-font-jiantoucu:before
{
	content: "\e784";
}

.icon-font-jiantouxi:before
{
	content: "\e785";
}

.icon-font-1zhanshigouwu:before
{
	content: "\e786";
}

.icon-font-chongshuidian:before
{
	content: "\e787";
}

.icon-font-jiajuyongpin:before
{
	content: "\e788";
}

.icon-font-jiatingqingji:before
{
	content: "\e789";
}

.icon-font-jinkoushangpin:before
{
	content: "\e78a";
}

.icon-font-liangyoufushi:before
{
	content: "\e78b";
}

.icon-font-meirongxihu:before
{
	content: "\e78c";
}

.icon-font-muyingchanpin:before
{
	content: "\e78d";
}

.icon-font-shengxianshuiguo:before
{
	content: "\e78e";
}

.icon-font-shipinyinliao:before
{
	content: "\e78f";
}

.icon-font-man88yuanbaoyou:before
{
	content: "\e790";
}

.icon-font-guanjianci:before
{
	content: "\e791";
}

.icon-font-baobei2:before
{
	content: "\e792";
}

.icon-font-dingxiang:before
{
	content: "\e793";
}

.icon-font-paixu:before
{
	content: "\e794";
}

.icon-font-tuiguangzhong:before
{
	content: "\e795";
}

.icon-font-zanting:before
{
	content: "\e796";
}

.icon-font-shanchu1:before
{
	content: "\e797";
}

.icon-font-chongzhi1:before
{
	content: "\e798";
}

.icon-font-shouye1:before
{
	content: "\e799";
}

.icon-font-faxian:before
{
	content: "\e79a";
}

.icon-font-wodezichan:before
{
	content: "\e79b";
}

.icon-font-kanguo:before
{
	content: "\e79c";
}

.icon-font-gouwurili:before
{
	content: "\e79d";
}

.icon-font-woguanzhudepinpai:before
{
	content: "\e79e";
}

.icon-font-wo:before
{
	content: "\e79f";
}

.icon-font-zhibojian:before
{
	content: "\e7a0";
}

.icon-font-zhishi:before
{
	content: "\e7a1";
}

.icon-font-0:before
{
	content: "\e7a2";
}

.icon-font-9:before
{
	content: "\e7a3";
}

.icon-font-8:before
{
	content: "\e7a4";
}

.icon-font-7:before
{
	content: "\e7a5";
}

.icon-font-6:before
{
	content: "\e7a6";
}

.icon-font-5:before
{
	content: "\e7a7";
}

.icon-font-4:before
{
	content: "\e7a8";
}

.icon-font-3:before
{
	content: "\e7a9";
}

.icon-font-2:before
{
	content: "\e7aa";
}

.icon-font-1:before
{
	content: "\e7ab";
}

.icon-font-F:before
{
	content: "\e7ac";
}

.icon-font-pinpai:before
{
	content: "\e7ad";
}

.icon-font-chucuo:before
{
	content: "\e7ae";
}

.icon-font-shequ:before
{
	content: "\e7af";
}

.icon-font-pipeifangshi:before
{
	content: "\e7b0";
}

.icon-font-tianmaochaoshigouwuche:before
{
	content: "\e7b1";
}

.icon-font-tianmaochaoshilingshi:before
{
	content: "\e7b2";
}

.icon-font-tianjia:before
{
	content: "\e7b3";
}

.icon-font-zhanshi:before
{
	content: "\e7b4";
}

.icon-font-dianji1:before
{
	content: "\e7b5";
}

.icon-font-neiyinanzhuang:before
{
	content: "\e7b6";
}

.icon-font-nvxie:before
{
	content: "\e7b7";
}

.icon-font-yundong1:before
{
	content: "\e7b8";
}

.icon-font-neiyi1:before
{
	content: "\e7b9";
}

.icon-font-chaoshi:before
{
	content: "\e7ba";
}

.icon-font-huwai:before
{
	content: "\e7bb";
}

.icon-font-huanyipi:before
{
	content: "\e7bc";
}

.icon-font-xiaojiantou:before
{
	content: "\e7bd";
}

.icon-font-jia2:before
{
	content: "\e7be";
}

.icon-font-yiguanzhu:before
{
	content: "\e7bf";
}

.icon-font-weiguanzhu:before
{
	content: "\e7c0";
}

.icon-font-miaoxiansheng:before
{
	content: "\e7c1";
}

.icon-font-chilehui:before
{
	content: "\e7c2";
}

.icon-font-check:before
{
	content: "\e7c3";
}

.icon-font-close:before
{
	content: "\e7c4";
}

.icon-font-edit:before
{
	content: "\e7c5";
}

.icon-font-emoji:before
{
	content: "\e7c6";
}

.icon-font-favorfill:before
{
	content: "\e7c7";
}

.icon-font-favor:before
{
	content: "\e7c8";
}

.icon-font-loading:before
{
	content: "\e7c9";
}

.icon-font-locationfill:before
{
	content: "\e7ca";
}

.icon-font-location:before
{
	content: "\e7cb";
}

.icon-font-phone:before
{
	content: "\e7cc";
}

.icon-font-roundcheckfill:before
{
	content: "\e7cd";
}

.icon-font-roundcheck:before
{
	content: "\e7ce";
}

.icon-font-roundclosefill:before
{
	content: "\e7cf";
}

.icon-font-roundclose:before
{
	content: "\e7d0";
}

.icon-font-roundrightfill:before
{
	content: "\e7d1";
}

.icon-font-roundright:before
{
	content: "\e7d2";
}

.icon-font-search:before
{
	content: "\e7d3";
}

.icon-font-taxi:before
{
	content: "\e7d4";
}

.icon-font-timefill:before
{
	content: "\e7d5";
}

.icon-font-time:before
{
	content: "\e7d6";
}

.icon-font-unfold:before
{
	content: "\e7d7";
}

.icon-font-warnfill:before
{
	content: "\e7d8";
}

.icon-font-warn:before
{
	content: "\e7d9";
}

.icon-font-camerafill:before
{
	content: "\e7da";
}

.icon-font-camera:before
{
	content: "\e7db";
}

.icon-font-commentfill:before
{
	content: "\e7dc";
}

.icon-font-comment:before
{
	content: "\e7dd";
}

.icon-font-likefill:before
{
	content: "\e7de";
}

.icon-font-like:before
{
	content: "\e7df";
}

.icon-font-notificationfill:before
{
	content: "\e7e0";
}

.icon-font-notification:before
{
	content: "\e7e1";
}

.icon-font-order:before
{
	content: "\e7e2";
}

.icon-font-same:before
{
	content: "\e7e3";
}

.icon-font-deliver:before
{
	content: "\e7e4";
}

.icon-font-evaluate:before
{
	content: "\e7e5";
}

.icon-font-pay:before
{
	content: "\e7e6";
}

.icon-font-send:before
{
	content: "\e7e7";
}

.icon-font-shop:before
{
	content: "\e7e8";
}

.icon-font-ticket:before
{
	content: "\e7e9";
}

.icon-font-wang:before
{
	content: "\e7ea";
}

.icon-font-back:before
{
	content: "\e7eb";
}

.icon-font-cascades:before
{
	content: "\e7ec";
}

.icon-font-discover:before
{
	content: "\e7ed";
}

.icon-font-list:before
{
	content: "\e7ee";
}

.icon-font-more:before
{
	content: "\e7ef";
}

.icon-font-scan:before
{
	content: "\e7f0";
}

.icon-font-settings:before
{
	content: "\e7f1";
}

.icon-font-xianshihoumai:before
{
	content: "\e7f2";
}

.icon-font-questionfill:before
{
	content: "\e7f3";
}

.icon-font-question:before
{
	content: "\e7f4";
}

.icon-font-shopfill:before
{
	content: "\e7f5";
}

.icon-font-form:before
{
	content: "\e7f6";
}

.icon-font-wangfill:before
{
	content: "\e7f7";
}

.icon-font-pic:before
{
	content: "\e7f8";
}

.icon-font-filter:before
{
	content: "\e7f9";
}

.icon-font-footprint:before
{
	content: "\e7fa";
}

.icon-font-top:before
{
	content: "\e7fb";
}

.icon-font-pulldown:before
{
	content: "\e7fc";
}

.icon-font-pullup:before
{
	content: "\e7fd";
}

.icon-font-right:before
{
	content: "\e7fe";
}

.icon-font-refresh:before
{
	content: "\e7ff";
}

.icon-font-moreandroid:before
{
	content: "\e800";
}

.icon-font-deletefill:before
{
	content: "\e801";
}

.icon-font-refund:before
{
	content: "\e802";
}

.icon-font-cart:before
{
	content: "\e803";
}

.icon-font-qrcode:before
{
	content: "\e804";
}

.icon-font-remind:before
{
	content: "\e805";
}

.icon-font-delete:before
{
	content: "\e806";
}

.icon-font-profile:before
{
	content: "\e807";
}

.icon-font-home:before
{
	content: "\e808";
}

.icon-font-cartfill:before
{
	content: "\e809";
}

.icon-font-discoverfill:before
{
	content: "\e80a";
}

.icon-font-homefill:before
{
	content: "\e80b";
}

.icon-font-message:before
{
	content: "\e80c";
}

.icon-font-addressbook:before
{
	content: "\e80d";
}

.icon-font-link:before
{
	content: "\e80e";
}

.icon-font-lock:before
{
	content: "\e80f";
}

.icon-font-unlock:before
{
	content: "\e810";
}

.icon-font-vip:before
{
	content: "\e811";
}

.icon-font-activity:before
{
	content: "\e812";
}

.icon-font-big:before
{
	content: "\e813";
}

.icon-font-friendaddfill:before
{
	content: "\e814";
}

.icon-font-friendadd:before
{
	content: "\e815";
}

.icon-font-friendfamous:before
{
	content: "\e816";
}

.icon-font-friend:before
{
	content: "\e817";
}

.icon-font-goods:before
{
	content: "\e818";
}

.icon-font-selection:before
{
	content: "\e819";
}

.icon-font-tmall:before
{
	content: "\e81a";
}

.icon-font-explore:before
{
	content: "\e81b";
}

.icon-font-present:before
{
	content: "\e81c";
}

.icon-font-gonggao:before
{
	content: "\e81d";
}

.icon-font-tishi1:before
{
	content: "\e81e";
}

.icon-font-tixing1:before
{
	content: "\e81f";
}

.icon-font-yiwen:before
{
	content: "\e820";
}

.icon-font-chucuo1:before
{
	content: "\e821";
}

.icon-font-jingshi:before
{
	content: "\e822";
}

.icon-font-zhengque1:before
{
	content: "\e823";
}

.icon-font-squarecheckfill:before
{
	content: "\e824";
}

.icon-font-square:before
{
	content: "\e825";
}

.icon-font-squarecheck:before
{
	content: "\e826";
}

.icon-font-round:before
{
	content: "\e827";
}

.icon-font-roundaddfill:before
{
	content: "\e828";
}

.icon-font-roundadd:before
{
	content: "\e829";
}

.icon-font-add:before
{
	content: "\e82a";
}

.icon-font-notificationforbidfill:before
{
	content: "\e82b";
}

.icon-font-explorefill:before
{
	content: "\e82c";
}

.icon-font-fold:before
{
	content: "\e82d";
}

.icon-font-game:before
{
	content: "\e82e";
}

.icon-font-redpacket:before
{
	content: "\e82f";
}

.icon-font-selectionfill:before
{
	content: "\e830";
}

.icon-font-similar:before
{
	content: "\e831";
}

.icon-font-appreciatefill:before
{
	content: "\e832";
}

.icon-font-infofill:before
{
	content: "\e833";
}

.icon-font-info:before
{
	content: "\e834";
}

.icon-font-pinpaizhuanxiang:before
{
	content: "\e835";
}

.icon-font-fenqigou:before
{
	content: "\e836";
}

.icon-font-gouwuche2:before
{
	content: "\e837";
}

.icon-font-forwardfill:before
{
	content: "\e838";
}

.icon-font-forward:before
{
	content: "\e839";
}

.icon-font-rechargefill:before
{
	content: "\e83a";
}

.icon-font-vipcard:before
{
	content: "\e83b";
}

.icon-font-gonggao1:before
{
	content: "\e83c";
}

.icon-font-voice:before
{
	content: "\e83d";
}

.icon-font-voicefill:before
{
	content: "\e83e";
}

.icon-font-tianmaojisutuikuan:before
{
	content: "\e83f";
}

.icon-font-tianmaopeisonganzhuang:before
{
	content: "\e840";
}

.icon-font-tianmaoqitiantuihuo:before
{
	content: "\e841";
}

.icon-font-tianmaoquanguolianbao:before
{
	content: "\e842";
}

.icon-font-tianmaoshangmentuihuo:before
{
	content: "\e843";
}

.icon-font-tianmaotigongfapiao:before
{
	content: "\e844";
}

.icon-font-tianmaotuihuobaozhangqia:before
{
	content: "\e845";
}

.icon-font-tianmaozengyunfeixian:before
{
	content: "\e846";
}

.icon-font-tianmaozhengpinbaozhang:before
{
	content: "\e847";
}

.icon-font-tianmaowuyoutuihuanhuo:before
{
	content: "\e848";
}

.icon-font-tianmaoxianshihoumai:before
{
	content: "\e849";
}

.icon-font-tianmaoyoujirenzheng:before
{
	content: "\e84a";
}

.icon-font-tianmaoyuanchengfuwu:before
{
	content: "\e84b";
}

.icon-font-tianmaosonghuoshangmen:before
{
	content: "\e84c";
}

.icon-font-tianmaoanshifahuo:before
{
	content: "\e84d";
}

.icon-font-tianmao123shixiao:before
{
	content: "\e84e";
}

.icon-font-tianmaociribida:before
{
	content: "\e84f";
}

.icon-font-tianmaohuodaofukuan:before
{
	content: "\e850";
}

.icon-font-tianmaojishiqueren:before
{
	content: "\e851";
}

.icon-font-tianmaomendianziti:before
{
	content: "\e852";
}

.icon-font-tianmaoanshidaohuo:before
{
	content: "\e853";
}

.icon-font-friendfavor:before
{
	content: "\e854";
}

.icon-font-wifi:before
{
	content: "\e855";
}

.icon-font-share:before
{
	content: "\e856";
}

.icon-font-wefill:before
{
	content: "\e857";
}

.icon-font-we:before
{
	content: "\e858";
}

.icon-font-lightauto:before
{
	content: "\e859";
}

.icon-font-lightforbid:before
{
	content: "\e85a";
}

.icon-font-lightfill:before
{
	content: "\e85b";
}

.icon-font-camerarotate:before
{
	content: "\e85c";
}

.icon-font-light:before
{
	content: "\e85d";
}

.icon-font-guanzhu:before
{
	content: "\e85e";
}

.icon-font-fenlei:before
{
	content: "\e85f";
}

.icon-font-saoyisao:before
{
	content: "\e860";
}

.icon-font-sousuo:before
{
	content: "\e861";
}

.icon-font-chanpincanshu:before
{
	content: "\e862";
}

.icon-font-chiping:before
{
	content: "\e863";
}

.icon-font-diyu:before
{
	content: "\e864";
}

.icon-font-fenxiang:before
{
	content: "\e865";
}

.icon-font-gaoyu:before
{
	content: "\e866";
}

.icon-font-goumai:before
{
	content: "\e867";
}

.icon-font-barcode:before
{
	content: "\e868";
}

.icon-font-flashlightclose:before
{
	content: "\e869";
}

.icon-font-flashlightopen:before
{
	content: "\e86a";
}

.icon-font-searchlist:before
{
	content: "\e86b";
}

.icon-font-service:before
{
	content: "\e86c";
}

.icon-font-sort:before
{
	content: "\e86d";
}

.icon-font-zhanweitu:before
{
	content: "\e86e";
}

.icon-font-1212:before
{
	content: "\e86f";
}

.icon-font-down:before
{
	content: "\e870";
}

.icon-font-mobile:before
{
	content: "\e871";
}

.icon-font-mobilefill:before
{
	content: "\e872";
}

.icon-font-fenlei1:before
{
	content: "\e873";
}

.icon-font-sousuo1:before
{
	content: "\e874";
}

.icon-font-yiguanzhu1:before
{
	content: "\e875";
}

.icon-font-dianpu4:before
{
	content: "\e876";
}

.icon-font-guanzhuxuanzhong:before
{
	content: "\e877";
}

.icon-font-guanzhu1:before
{
	content: "\e878";
}

.icon-font-huiyuanqia:before
{
	content: "\e879";
}

.icon-font-wo1:before
{
	content: "\e87a";
}

.icon-font-youhuiquan:before
{
	content: "\e87b";
}

.icon-font-biaoqing:before
{
	content: "\e87c";
}

.icon-font-gongnengjianyi:before
{
	content: "\e87d";
}

.icon-font-huanyipi1:before
{
	content: "\e87e";
}

.icon-font-shengbo:before
{
	content: "\e87f";
}

.icon-font-shijian:before
{
	content: "\e880";
}

.icon-font-wentifankui:before
{
	content: "\e881";
}

.icon-font-xinxi1:before
{
	content: "\e882";
}

.icon-font-xiugaioryijian:before
{
	content: "\e883";
}

.icon-font-zan:before
{
	content: "\e884";
}

.icon-font-chiping1:before
{
	content: "\e885";
}

.icon-font-xiajiang1:before
{
	content: "\e886";
}

.icon-font-xuanzhong:before
{
	content: "\e887";
}

.icon-font-jinrudianpu:before
{
	content: "\e888";
}

.icon-font-laiwang:before
{
	content: "\e889";
}

.icon-font-pengyouquan:before
{
	content: "\e88a";
}

.icon-font-xinlang:before
{
	content: "\e88b";
}

.icon-font-weixin:before
{
	content: "\e88c";
}

.icon-font-shangsheng:before
{
	content: "\e88d";
}

.icon-font-mima:before
{
	content: "\e88e";
}

.icon-font-erweima:before
{
	content: "\e88f";
}

.icon-font-lianjie:before
{
	content: "\e890";
}

.icon-font-dianzan:before
{
	content: "\e891";
}

.icon-font-fanhui8:before
{
	content: "\e892";
}

.icon-font-fanhui7:before
{
	content: "\e893";
}

.icon-font-fanhui6:before
{
	content: "\e894";
}

.icon-font-fanhui5:before
{
	content: "\e895";
}

.icon-font-gengduo:before
{
	content: "\e896";
}

.icon-font-shoucangxuanzhong:before
{
	content: "\e897";
}

.icon-font-shoucang1:before
{
	content: "\e898";
}

.icon-font-fanhui1:before
{
	content: "\e899";
}

.icon-font-fanhui2:before
{
	content: "\e89a";
}

.icon-font-fanhui3:before
{
	content: "\e89b";
}

.icon-font-fanhui4:before
{
	content: "\e89c";
}

.icon-font-xuanzhuan:before
{
	content: "\e89d";
}

.icon-font-fangxiang2:before
{
	content: "\e89e";
}

.icon-font-tianmaobao:before
{
	content: "\e89f";
}

.icon-font-fangxiang1:before
{
	content: "\e8a0";
}

.icon-font-fangxiang3:before
{
	content: "\e8a1";
}

.icon-font-fangxiang4:before
{
	content: "\e8a2";
}

.icon-font-fandouer:before
{
	content: "\e8a3";
}

.icon-font-jifen:before
{
	content: "\e8a4";
}

.icon-font-youxiu:before
{
	content: "\e8a5";
}

.icon-font-shanchu2:before
{
	content: "\e8a6";
}

.icon-font-dianhua1:before
{
	content: "\e8a7";
}

.icon-font-huidaodingbu:before
{
	content: "\e8a8";
}

.icon-font-shanchu3:before
{
	content: "\e8a9";
}

.icon-font-gouwuchexuanzhong:before
{
	content: "\e8aa";
}

.icon-font-wodexuanzhong:before
{
	content: "\e8ab";
}

.icon-font-copy:before
{
	content: "\e8ac";
}

.icon-font-countdownfill:before
{
	content: "\e8ad";
}

.icon-font-countdown:before
{
	content: "\e8ae";
}

.icon-font-noticefill:before
{
	content: "\e8af";
}

.icon-font-notice:before
{
	content: "\e8b0";
}

.icon-font-qiang:before
{
	content: "\e8b1";
}

.icon-font-upstagefill:before
{
	content: "\e8b2";
}

.icon-font-upstage:before
{
	content: "\e8b3";
}

.icon-font-quanbudingdan:before
{
	content: "\e8b4";
}

.icon-font-baby:before
{
	content: "\e8b5";
}

.icon-font-brandfill:before
{
	content: "\e8b6";
}

.icon-font-brand:before
{
	content: "\e8b7";
}

.icon-font-choicenessfill:before
{
	content: "\e8b8";
}

.icon-font-choiceness:before
{
	content: "\e8b9";
}

.icon-font-clothesfill:before
{
	content: "\e8ba";
}

.icon-font-clothes:before
{
	content: "\e8bb";
}

.icon-font-creativefill:before
{
	content: "\e8bc";
}

.icon-font-creative:before
{
	content: "\e8bd";
}

.icon-font-female:before
{
	content: "\e8be";
}

.icon-font-keyboard:before
{
	content: "\e8bf";
}

.icon-font-male:before
{
	content: "\e8c0";
}

.icon-font-newfill:before
{
	content: "\e8c1";
}

.icon-font-new:before
{
	content: "\e8c2";
}

.icon-font-pullright:before
{
	content: "\e8c3";
}

.icon-font-rankfill:before
{
	content: "\e8c4";
}

.icon-font-rank:before
{
	content: "\e8c5";
}

.icon-font-daishouhuo:before
{
	content: "\e8c6";
}

.icon-font-liebiaomoshi2:before
{
	content: "\e8c7";
}

.icon-font-daifahuo:before
{
	content: "\e8c8";
}

.icon-font-daifukuan:before
{
	content: "\e8c9";
}

.icon-font-paishexuanzhong:before
{
	content: "\e8ca";
}

.icon-font-paixing:before
{
	content: "\e8cb";
}

.icon-font-guanyuwo:before
{
	content: "\e8cc";
}

.icon-font-bad:before
{
	content: "\e8cd";
}

.icon-font-cameraadd:before
{
	content: "\e8ce";
}

.icon-font-friendfill:before
{
	content: "\e8cf";
}

.icon-font-cameraaddfill:before
{
	content: "\e8d0";
}

.icon-font-rectangle390:before
{
	content: "\e8d1";
}

.icon-font-icon:before
{
	content: "\e8d2";
}

.icon-font-zhuanzhang:before
{
	content: "\e8d3";
}

.icon-font-xinyongqiahuankuan:before
{
	content: "\e8d4";
}

.icon-font-dangmianfu:before
{
	content: "\e8d5";
}

.icon-font-shuidianmei:before
{
	content: "\e8d6";
}

.icon-font-shoujichongzhi:before
{
	content: "\e8d7";
}

.icon-font-qinmifu:before
{
	content: "\e8d8";
}

.icon-font-gupiao:before
{
	content: "\e8d9";
}

.icon-font-youxichongzhi:before
{
	content: "\e8da";
}

.icon-font-shoukuan:before
{
	content: "\e8db";
}

.icon-font-jipiao:before
{
	content: "\e8dc";
}

.icon-font-jizhang:before
{
	content: "\e8dd";
}

.icon-font-lvyoutehui:before
{
	content: "\e8de";
}

.icon-font-aa:before
{
	content: "\e8df";
}

.icon-font-kuaidi:before
{
	content: "\e8e0";
}

.icon-font-guojihuikuan:before
{
	content: "\e8e1";
}

.icon-font-huafeiqiazhuanrang:before
{
	content: "\e8e2";
}

.icon-font-dache:before
{
	content: "\e8e3";
}

.icon-font-kuaiqiang:before
{
	content: "\e8e4";
}

.icon-font-suishendai:before
{
	content: "\e8e5";
}

.icon-font-shibai:before
{
	content: "\e8e6";
}

.icon-font-jingshi1:before
{
	content: "\e8e7";
}

.icon-font-tishi2:before
{
	content: "\e8e8";
}

.icon-font-bangzhu:before
{
	content: "\e8e9";
}

.icon-font-dengdai:before
{
	content: "\e8ea";
}

.icon-font-xiangji:before
{
	content: "\e8eb";
}

.icon-font-shoujitongxunlu:before
{
	content: "\e8ec";
}

.icon-font-shezhi1:before
{
	content: "\e8ed";
}

.icon-font-wode:before
{
	content: "\e8ee";
}

.icon-font-sousuo2:before
{
	content: "\e8ef";
}

.icon-font-liebiao3:before
{
	content: "\e8f0";
}

.icon-font-bianji3:before
{
	content: "\e8f1";
}

.icon-font-shanchu4:before
{
	content: "\e8f2";
}

.icon-font-fenxiang1:before
{
	content: "\e8f3";
}

.icon-font-ditu:before
{
	content: "\e8f4";
}

.icon-font-tianjia1:before
{
	content: "\e8f5";
}

.icon-font-bangzhuxiantiao:before
{
	content: "\e8f6";
}

.icon-font-gengduo1:before
{
	content: "\e8f7";
}

.icon-font-saoyisao1:before
{
	content: "\e8f8";
}

.icon-font-fukuanma:before
{
	content: "\e8f9";
}

.icon-font-chengshifuwu:before
{
	content: "\e8fa";
}

.icon-font-jiaoyujiaofei:before
{
	content: "\e8fb";
}

.icon-font-yangchengtongchongzhi:before
{
	content: "\e8fc";
}

.icon-font-chengshiyiqiatong:before
{
	content: "\e8fd";
}

.icon-font-yiban:before
{
	content: "\e8fe";
}

.icon-font-canyin:before
{
	content: "\e8ff";
}

.icon-font-gouwu1:before
{
	content: "\e900";
}

.icon-font-fushi:before
{
	content: "\e901";
}

.icon-font-jiaotong:before
{
	content: "\e902";
}

.icon-font-yule:before
{
	content: "\e903";
}

.icon-font-shejiao:before
{
	content: "\e904";
}

.icon-font-jujia1:before
{
	content: "\e905";
}

.icon-font-tongxun:before
{
	content: "\e906";
}

.icon-font-lingshi:before
{
	content: "\e907";
}

.icon-font-meirong1:before
{
	content: "\e908";
}

.icon-font-yundong2:before
{
	content: "\e909";
}

.icon-font-lvxing1:before
{
	content: "\e90a";
}

.icon-font-shuma1:before
{
	content: "\e90b";
}

.icon-font-xuexi:before
{
	content: "\e90c";
}

.icon-font-yiliao:before
{
	content: "\e90d";
}

.icon-font-shuji:before
{
	content: "\e90e";
}

.icon-font-chongwu1:before
{
	content: "\e90f";
}

.icon-font-qiche:before
{
	content: "\e910";
}

.icon-font-bangong:before
{
	content: "\e911";
}

.icon-font-zhufang:before
{
	content: "\e912";
}

.icon-font-weixiu:before
{
	content: "\e913";
}

.icon-font-haizi:before
{
	content: "\e914";
}

.icon-font-changbei:before
{
	content: "\e915";
}

.icon-font-liwu1:before
{
	content: "\e916";
}

.icon-font-lijin:before
{
	content: "\e917";
}

.icon-font-huankuan:before
{
	content: "\e918";
}

.icon-font-juanzeng:before
{
	content: "\e919";
}

.icon-font-licai1:before
{
	content: "\e91a";
}

.icon-font-gongzi:before
{
	content: "\e91b";
}

.icon-font-jianzhi:before
{
	content: "\e91c";
}

.icon-font-tianjialeimu:before
{
	content: "\e91d";
}

.icon-font-fuwuchuanga:before
{
	content: "\e91e";
}

.icon-font-tansuoa:before
{
	content: "\e91f";
}

.icon-font-tansuob:before
{
	content: "\e920";
}

.icon-font-caifua:before
{
	content: "\e921";
}

.icon-font-caifub:before
{
	content: "\e922";
}

.icon-font-chakan:before
{
	content: "\e923";
}

.icon-font-shanchu5:before
{
	content: "\e924";
}

.icon-font-zanxuanzhong:before
{
	content: "\e925";
}

.icon-font-xianshihoumai1:before
{
	content: "\e926";
}

.icon-font-shouhouwuyou:before
{
	content: "\e927";
}

.icon-font-tianmaofenqi:before
{
	content: "\e928";
}

.icon-font-shengritequan:before
{
	content: "\e929";
}

.icon-font-kefuyouxian1:before
{
	content: "\e92a";
}

.icon-font-jisutuikuan1:before
{
	content: "\e92b";
}

.icon-font-pinpaizhuanxiang1:before
{
	content: "\e92c";
}

.icon-font-tuihuobaozhang1:before
{
	content: "\e92d";
}

.icon-font-bianji4:before
{
	content: "\e92e";
}

.icon-font-caijian1:before
{
	content: "\e92f";
}

.icon-font-chakan1:before
{
	content: "\e930";
}

.icon-font-datu:before
{
	content: "\e931";
}

.icon-font-lianjie1:before
{
	content: "\e932";
}

.icon-font-liuliang:before
{
	content: "\e933";
}

.icon-font-shanchu6:before
{
	content: "\e934";
}

.icon-font-sucai2:before
{
	content: "\e935";
}

.icon-font-xinjian5:before
{
	content: "\e936";
}

.icon-font-rili1:before
{
	content: "\e937";
}

.icon-font-answer:before
{
	content: "\e938";
}

.icon-font-app:before
{
	content: "\e939";
}

.icon-font-browser:before
{
	content: "\e93a";
}

.icon-font-camera1:before
{
	content: "\e93b";
}

.icon-font-cart1:before
{
	content: "\e93c";
}

.icon-font-check1:before
{
	content: "\e93d";
}

.icon-font-code:before
{
	content: "\e93e";
}

.icon-font-favor1:before
{
	content: "\e93f";
}

.icon-font-shezhi2:before
{
	content: "\e940";
}

.icon-font-xiaoxi:before
{
	content: "\e941";
}

.icon-font-paixu2:before
{
	content: "\e942";
}

.icon-font-biaoqing1:before
{
	content: "\e943";
}

.icon-font-tishi3:before
{
	content: "\e944";
}

.icon-font-bangzhu1:before
{
	content: "\e945";
}

.icon-font-all:before
{
	content: "\e946";
}

.icon-font-back1:before
{
	content: "\e947";
}

.icon-font-cart2:before
{
	content: "\e948";
}

.icon-font-category:before
{
	content: "\e949";
}

.icon-font-close1:before
{
	content: "\e94a";
}

.icon-font-comments:before
{
	content: "\e94b";
}

.icon-font-cry:before
{
	content: "\e94c";
}

.icon-font-delete1:before
{
	content: "\e94d";
}

.icon-font-edit1:before
{
	content: "\e94e";
}

.icon-font-email:before
{
	content: "\e94f";
}

.icon-font-favorite:before
{
	content: "\e950";
}

.icon-font-folder:before
{
	content: "\e951";
}

.icon-font-form1:before
{
	content: "\e952";
}

.icon-font-help:before
{
	content: "\e953";
}

.icon-font-information:before
{
	content: "\e954";
}

.icon-font-less:before
{
	content: "\e955";
}

.icon-font-moreunfold:before
{
	content: "\e956";
}

.icon-font-more1:before
{
	content: "\e957";
}

.icon-font-pic1:before
{
	content: "\e958";
}

.icon-font-qrcode1:before
{
	content: "\e959";
}

.icon-font-refresh1:before
{
	content: "\e95a";
}

.icon-font-rfq:before
{
	content: "\e95b";
}

.icon-font-search1:before
{
	content: "\e95c";
}

.icon-font-selected:before
{
	content: "\e95d";
}

.icon-font-set:before
{
	content: "\e95e";
}

.icon-font-smile:before
{
	content: "\e95f";
}

.icon-font-success:before
{
	content: "\e960";
}

.icon-font-survey:before
{
	content: "\e961";
}

.icon-font-training:before
{
	content: "\e962";
}

.icon-font-viewgallery:before
{
	content: "\e963";
}

.icon-font-viewlist:before
{
	content: "\e964";
}

.icon-font-warning:before
{
	content: "\e965";
}

.icon-font-wrong:before
{
	content: "\e966";
}

.icon-font-account:before
{
	content: "\e967";
}

.icon-font-add1:before
{
	content: "\e968";
}

.icon-font-atm:before
{
	content: "\e969";
}

.icon-font-biaochi:before
{
	content: "\e96a";
}

.icon-font-jinggao1:before
{
	content: "\e96b";
}

.icon-font-cuowu1:before
{
	content: "\e96c";
}

.icon-font-kongtupian:before
{
	content: "\e96d";
}

.icon-font-paintfill:before
{
	content: "\e96e";
}

.icon-font-paint:before
{
	content: "\e96f";
}

.icon-font-picfill:before
{
	content: "\e970";
}

.icon-font-shangxiniocn:before
{
	content: "\e971";
}

.icon-font-shangxiniocn02:before
{
	content: "\e972";
}

.icon-font-jifen1:before
{
	content: "\e973";
}

.icon-font-zuji:before
{
	content: "\e974";
}

.icon-font-shiiocn:before
{
	content: "\e975";
}

.icon-font-shiiocn02:before
{
	content: "\e976";
}

.icon-font-yongiocn:before
{
	content: "\e977";
}

.icon-font-yongiocn02:before
{
	content: "\e978";
}

.icon-font-zhuiocn:before
{
	content: "\e979";
}

.icon-font-zhuiocn02:before
{
	content: "\e97a";
}

.icon-font-clock:before
{
	content: "\e97b";
}

.icon-font-remind1:before
{
	content: "\e97c";
}

.icon-font-xiazai:before
{
	content: "\e97d";
}

.icon-font-huiche:before
{
	content: "\e97e";
}

.icon-font-qushi:before
{
	content: "\e97f";
}

.icon-font-refresharrow:before
{
	content: "\e980";
}

.icon-font-dianyingpiaoiocn:before
{
	content: "\e981";
}

.icon-font-duihuanwifiiocn:before
{
	content: "\e982";
}

.icon-font-hongbaoiocn:before
{
	content: "\e983";
}

.icon-font-weilingiocn:before
{
	content: "\e984";
}

.icon-font-zailingiocn:before
{
	content: "\e985";
}

.icon-font-zhongdiangongiocn:before
{
	content: "\e986";
}

.icon-font-jinbileyuaniocn:before
{
	content: "\e987";
}

.icon-font-shoupingzhanshi:before
{
	content: "\e988";
}

.icon-font-wujihuizhanshi:before
{
	content: "\e989";
}

.icon-font-youjihuizhanshi:before
{
	content: "\e98a";
}

.icon-font-jindianzi:before
{
	content: "\e98b";
}

.icon-font-markfill:before
{
	content: "\e98c";
}

.icon-font-mark:before
{
	content: "\e98d";
}

.icon-font-presentfill:before
{
	content: "\e98e";
}

.icon-font-repeal:before
{
	content: "\e98f";
}

.icon-font-dianhua2:before
{
	content: "\e990";
}

.icon-font-dianhuajianpan:before
{
	content: "\e991";
}

.icon-font-huchudianhua:before
{
	content: "\e992";
}

.icon-font-laidianxianshi:before
{
	content: "\e993";
}

.icon-font-mima1:before
{
	content: "\e994";
}

.icon-font-duoyun1:before
{
	content: "\e995";
}

.icon-font-mai:before
{
	content: "\e996";
}

.icon-font-qing:before
{
	content: "\e997";
}

.icon-font-wu:before
{
	content: "\e998";
}

.icon-font-xue:before
{
	content: "\e999";
}

.icon-font-yin:before
{
	content: "\e99a";
}

.icon-font-yu:before
{
	content: "\e99b";
}

.icon-font-chuzuche:before
{
	content: "\e99c";
}

.icon-font-dengpaotishi:before
{
	content: "\e99d";
}

.icon-font-feijichang:before
{
	content: "\e99e";
}

.icon-font-hujiaozhuanyi:before
{
	content: "\e99f";
}

.icon-font-huangguan3:before
{
	content: "\e9a0";
}

.icon-font-huochezhan:before
{
	content: "\e9a1";
}

.icon-font-qichezhan:before
{
	content: "\e9a2";
}

.icon-font-qunzu:before
{
	content: "\e9a3";
}

.icon-font-shanchu7:before
{
	content: "\e9a4";
}

.icon-font-shezhi3:before
{
	content: "\e9a5";
}

.icon-font-shengyin:before
{
	content: "\e9a6";
}

.icon-font-shizhong:before
{
	content: "\e9a7";
}

.icon-font-shouye2:before
{
	content: "\e9a8";
}

.icon-font-sousuo3:before
{
	content: "\e9a9";
}

.icon-font-tianjiayonghu1:before
{
	content: "\e9aa";
}

.icon-font-tongxunlu:before
{
	content: "\e9ab";
}

.icon-font-xiugai:before
{
	content: "\e9ac";
}

.icon-font-yonghu1:before
{
	content: "\e9ad";
}

.icon-font-zan1:before
{
	content: "\e9ae";
}

.icon-font-dianhuaqiaguzhang:before
{
	content: "\e9af";
}

.icon-font-duihuaxinxi:before
{
	content: "\e9b0";
}

.icon-font-rili2:before
{
	content: "\e9b1";
}

.icon-font-shipin2:before
{
	content: "\e9b2";
}

.icon-font-tianjiadianhuaqia:before
{
	content: "\e9b3";
}

.icon-font-tupian4:before
{
	content: "\e9b4";
}

.icon-font-wuliu:before
{
	content: "\e9b5";
}

.icon-font-xinfeng:before
{
	content: "\e9b6";
}

.icon-font-yiyuan:before
{
	content: "\e9b7";
}

.icon-font-yinle2:before
{
	content: "\e9b8";
}

.icon-font-youxi:before
{
	content: "\e9b9";
}

.icon-font-zuanshi2:before
{
	content: "\e9ba";
}

.icon-font-zuoji:before
{
	content: "\e9bb";
}

.icon-font-ktv:before
{
	content: "\e9bc";
}

.icon-font-simqia:before
{
	content: "\e9bd";
}

.icon-font-wifi1:before
{
	content: "\e9be";
}

.icon-font-anquan:before
{
	content: "\e9bf";
}

.icon-font-bangzhu2:before
{
	content: "\e9c0";
}

.icon-font-bukaixin:before
{
	content: "\e9c1";
}

.icon-font-dibiao:before
{
	content: "\e9c2";
}

.icon-font-fenleiorguangchangorqita:before
{
	content: "\e9c3";
}

.icon-font-fenxiang2:before
{
	content: "\e9c4";
}

.icon-font-jiaxingshoucang:before
{
	content: "\e9c5";
}

.icon-font-jinzhitishi:before
{
	content: "\e9c6";
}

.icon-font-kaixin:before
{
	content: "\e9c7";
}

.icon-font-liwu2:before
{
	content: "\e9c8";
}

.icon-font-qian:before
{
	content: "\e9c9";
}

.icon-font-qingdan:before
{
	content: "\e9ca";
}

.icon-font-tianjia2:before
{
	content: "\e9cb";
}

.icon-font-xiai2:before
{
	content: "\e9cc";
}

.icon-font-zhengquetishi:before
{
	content: "\e9cd";
}

.icon-font-biaoqian1:before
{
	content: "\e9ce";
}

.icon-font-chongzhi2:before
{
	content: "\e9cf";
}

.icon-font-duigou:before
{
	content: "\e9d0";
}

.icon-font-duihuan:before
{
	content: "\e9d1";
}

.icon-font-erweima1:before
{
	content: "\e9d2";
}

.icon-font-gengduo2:before
{
	content: "\e9d3";
}

.icon-font-guanbi:before
{
	content: "\e9d4";
}

.icon-font-jiantou:before
{
	content: "\e9d5";
}

.icon-font-jinbiduihuan:before
{
	content: "\e9d6";
}

.icon-font-saoyisao2:before
{
	content: "\e9d7";
}

.icon-font-shangchuan3:before
{
	content: "\e9d8";
}

.icon-font-shuaxin1:before
{
	content: "\e9d9";
}

.icon-font-tiquliuliang:before
{
	content: "\e9da";
}

.icon-font-xiazai1:before
{
	content: "\e9db";
}

.icon-font-youhuiquan1:before
{
	content: "\e9dc";
}

.icon-font-zhuanzengliuliang:before
{
	content: "\e9dd";
}

.icon-font-zhuanqugengduoliuliang:before
{
	content: "\e9de";
}

.icon-font-cuowutishi:before
{
	content: "\e9df";
}

.icon-font-alitongxinlogo:before
{
	content: "\e9e0";
}

.icon-font-simqiaguzhang:before
{
	content: "\e9e1";
}

.icon-font-anquantianchong:before
{
	content: "\e9e2";
}

.icon-font-bangzhutianchong:before
{
	content: "\e9e3";
}

.icon-font-bukaixintianchong:before
{
	content: "\e9e4";
}

.icon-font-chuzuchetianchong:before
{
	content: "\e9e5";
}

.icon-font-cuowutishitianchong:before
{
	content: "\e9e6";
}

.icon-font-dibiaotianchong:before
{
	content: "\e9e7";
}

.icon-font-dengdaitianchong:before
{
	content: "\e9e8";
}

.icon-font-dianhuatianchong:before
{
	content: "\e9e9";
}

.icon-font-dianhuajianpantianchong:before
{
	content: "\e9ea";
}

.icon-font-duihuaxinxitianchong:before
{
	content: "\e9eb";
}

.icon-font-faxiantianchong:before
{
	content: "\e9ec";
}

.icon-font-feijichangtianchong:before
{
	content: "\e9ed";
}

.icon-font-fenleiorguangchangorqitatianchong:before
{
	content: "\e9ee";
}

.icon-font-fenxiangtianchong:before
{
	content: "\e9ef";
}

.icon-font-gengduotianchong:before
{
	content: "\e9f0";
}

.icon-font-huchudianhuatianchong:before
{
	content: "\e9f1";
}

.icon-font-hujiaozhuanyitianchong:before
{
	content: "\e9f2";
}

.icon-font-jiaxingshoucangtianchong:before
{
	content: "\e9f3";
}

.icon-font-kaixintianchong:before
{
	content: "\e9f4";
}

.icon-font-laidianxianshitianchong:before
{
	content: "\e9f5";
}

.icon-font-lipintianchong:before
{
	content: "\e9f6";
}

.icon-font-qichezhantianchong:before
{
	content: "\e9f7";
}

.icon-font-qiantianchong:before
{
	content: "\e9f8";
}

.icon-font-qunzutianchong:before
{
	content: "\e9f9";
}

.icon-font-shanchutianchong:before
{
	content: "\e9fa";
}

.icon-font-shezhitianchong:before
{
	content: "\e9fb";
}

.icon-font-shizhongtianchong:before
{
	content: "\e9fc";
}

.icon-font-shipintianchong:before
{
	content: "\e9fd";
}

.icon-font-shouyetianchong:before
{
	content: "\e9fe";
}

.icon-font-sousuotianchong:before
{
	content: "\e9ff";
}

.icon-font-tixingtianchong:before
{
	content: "\ea00";
}

.icon-font-tianjiatianchong:before
{
	content: "\ea01";
}

.icon-font-tianjiayonghutianchong:before
{
	content: "\ea02";
}

.icon-font-tianjiasimqiatianchong:before
{
	content: "\ea03";
}

.icon-font-tongxunlutianchong:before
{
	content: "\ea04";
}

.icon-font-wuliutianchong:before
{
	content: "\ea05";
}

.icon-font-xiaitianchong:before
{
	content: "\ea06";
}

.icon-font-xinfengtianchong:before
{
	content: "\ea07";
}

.icon-font-xiugaitianchong:before
{
	content: "\ea08";
}

.icon-font-yiyuantianchong:before
{
	content: "\ea09";
}

.icon-font-yinletianchong:before
{
	content: "\ea0a";
}

.icon-font-yonghutianchong:before
{
	content: "\ea0b";
}

.icon-font-zantianchong:before
{
	content: "\ea0c";
}

.icon-font-zhengquetishitianchong:before
{
	content: "\ea0d";
}

.icon-font-zuanshitianchong:before
{
	content: "\ea0e";
}

.icon-font-zuojitianchong:before
{
	content: "\ea0f";
}

.icon-font-ktvtianchong:before
{
	content: "\ea10";
}

.icon-font-simguzhangtianchong:before
{
	content: "\ea11";
}

.icon-font-simqiatianchong:before
{
	content: "\ea12";
}

.icon-font-wifitianchong:before
{
	content: "\ea13";
}

.icon-font-qingdantianchong:before
{
	content: "\ea14";
}

.icon-font-rilitianchong:before
{
	content: "\ea15";
}

.icon-font-calendar:before
{
	content: "\ea16";
}

.icon-font-hongbao:before
{
	content: "\ea17";
}

.icon-font-tuikuan:before
{
	content: "\ea18";
}

.icon-font-tuikuan1:before
{
	content: "\ea19";
}

.icon-font-huochezhantianchong:before
{
	content: "\ea1a";
}

.icon-font-tupiantianchong:before
{
	content: "\ea1b";
}

.icon-font-shengyintianchong:before
{
	content: "\ea1c";
}

.icon-font-youxitianchong:before
{
	content: "\ea1d";
}

.icon-font-wangting:before
{
	content: "\ea1e";
}

.icon-font-shouji1:before
{
	content: "\ea1f";
}

.icon-font-youhuiquanwenzi:before
{
	content: "\ea20";
}

.icon-font-shoujitianchong:before
{
	content: "\ea21";
}

.icon-font-album:before
{
	content: "\ea22";
}

.icon-font-kuandai:before
{
	content: "\ea23";
}

.icon-font-wangtingtianchong:before
{
	content: "\ea24";
}

.icon-font-peoplefill:before
{
	content: "\ea25";
}

.icon-font-people:before
{
	content: "\ea26";
}

.icon-font-servicefill:before
{
	content: "\ea27";
}

.icon-font-repair:before
{
	content: "\ea28";
}

.icon-font-file:before
{
	content: "\ea29";
}

.icon-font-xiaoxi1:before
{
	content: "\ea2a";
}

.icon-font-fenxiang3:before
{
	content: "\ea2b";
}

.icon-font-fenxiang4:before
{
	content: "\ea2c";
}

.icon-font-fenxiang5:before
{
	content: "\ea2d";
}

.icon-font-gengduo3:before
{
	content: "\ea2e";
}

.icon-font-cart3:before
{
	content: "\ea2f";
}

.icon-font-home1:before
{
	content: "\ea30";
}

.icon-font-home2:before
{
	content: "\ea31";
}

.icon-font-camera2:before
{
	content: "\ea32";
}

.icon-font-camera21:before
{
	content: "\ea33";
}

.icon-font-attention:before
{
	content: "\ea34";
}

.icon-font-attention2:before
{
	content: "\ea35";
}

.icon-font-search2:before
{
	content: "\ea36";
}

.icon-font-shuaxin2:before
{
	content: "\ea37";
}

.icon-font-fun:before
{
	content: "\ea38";
}

.icon-font-new1:before
{
	content: "\ea39";
}

.icon-font-fun1:before
{
	content: "\ea3a";
}

.icon-font-mine:before
{
	content: "\ea3b";
}

.icon-font-mine2:before
{
	content: "\ea3c";
}

.icon-font-tabulation:before
{
	content: "\ea3d";
}

.icon-font-tabulation1:before
{
	content: "\ea3e";
}

.icon-font-liebiao21:before
{
	content: "\ea3f";
}

.icon-font-chakan2:before
{
	content: "\ea40";
}

.icon-font-jia3:before
{
	content: "\ea41";
}

.icon-font-jian1:before
{
	content: "\ea42";
}

.icon-font-iconfontscan:before
{
	content: "\ea43";
}

.icon-font-quanbudingdan1:before
{
	content: "\ea44";
}

.icon-font-shezhi4:before
{
	content: "\ea45";
}

.icon-font-wodehuiyuanquanyi:before
{
	content: "\ea46";
}

.icon-font-wodezichan1:before
{
	content: "\ea47";
}

.icon-font-taoxiaopu:before
{
	content: "\ea48";
}

.icon-font-attention1:before
{
	content: "\ea4a";
}

.icon-font-commandfill:before
{
	content: "\ea4b";
}

.icon-font-command:before
{
	content: "\ea4c";
}

.icon-font-community:before
{
	content: "\ea4e";
}

.icon-font-read:before
{
	content: "\ea4f";
}

.icon-font-jiudian:before
{
	content: "\ea50";
}

.icon-font-shangjia:before
{
	content: "\ea51";
}

.icon-font-shizhongxin:before
{
	content: "\ea52";
}

.icon-font-qichejinrong:before
{
	content: "\ea53";
}

.icon-font-attachment:before
{
	content: "\ea54";
}

.icon-font-3column:before
{
	content: "\ea55";
}

.icon-font-4column:before
{
	content: "\ea56";
}

.icon-font-calendar1:before
{
	content: "\ea57";
}

.icon-font-cut:before
{
	content: "\ea58";
}

.icon-font-magic:before
{
	content: "\ea59";
}

.icon-font-31dianzan:before
{
	content: "\ea5a";
}

.icon-font-31dianpu:before
{
	content: "\ea5b";
}

.icon-font-31fenxiang:before
{
	content: "\ea5c";
}

.icon-font-31duoyun:before
{
	content: "\ea5d";
}

.icon-font-31mai:before
{
	content: "\ea5e";
}

.icon-font-31qing:before
{
	content: "\ea5f";
}

.icon-font-31wu:before
{
	content: "\ea60";
}

.icon-font-31xue:before
{
	content: "\ea61";
}

.icon-font-31yin:before
{
	content: "\ea62";
}

.icon-font-31yu:before
{
	content: "\ea63";
}

.icon-font-31daifahuo:before
{
	content: "\ea64";
}

.icon-font-31daifukuan:before
{
	content: "\ea65";
}

.icon-font-31daishouhuo:before
{
	content: "\ea66";
}

.icon-font-31daipingjia:before
{
	content: "\ea67";
}

.icon-font-tuikuantuihuo:before
{
	content: "\ea68";
}

.icon-font-31huiyuanqia:before
{
	content: "\ea69";
}

.icon-font-31jifen:before
{
	content: "\ea6a";
}

.icon-font-31youhuiquan:before
{
	content: "\ea6b";
}

.icon-font-31tianmaobao:before
{
	content: "\ea6c";
}

.icon-font-31hongbao:before
{
	content: "\ea6d";
}

.icon-font-31faner:before
{
	content: "\ea6f";
}

.icon-font-31gouwuche:before
{
	content: "\ea71";
}

.icon-font-31guanzhuxuanzhong:before
{
	content: "\ea72";
}

.icon-font-31guanzhu:before
{
	content: "\ea73";
}

.icon-font-31shouye:before
{
	content: "\ea75";
}

.icon-font-jiangjia1:before
{
	content: "\ea76";
}

.icon-font-liwuhuodong:before
{
	content: "\ea77";
}

.icon-font-31fandou:before
{
	content: "\ea78";
}

.icon-font-31xuanzhuan:before
{
	content: "\ea79";
}

.icon-font-datumoshi:before
{
	content: "\ea7a";
}

.icon-font-liebiaomoshi:before
{
	content: "\ea7b";
}

.icon-font-zhongtumoshi:before
{
	content: "\ea7c";
}

.icon-font-biaochi1:before
{
	content: "\ea7d";
}

.icon-font-biaoqing2:before
{
	content: "\ea7e";
}

.icon-font-chakan3:before
{
	content: "\ea7f";
}

.icon-font-guanbi1:before
{
	content: "\ea80";
}

.icon-font-guanzhu2:before
{
	content: "\ea81";
}

.icon-font-huore:before
{
	content: "\ea82";
}

.icon-font-laba:before
{
	content: "\ea83";
}

.icon-font-lingdang:before
{
	content: "\ea84";
}

.icon-font-31paishe:before
{
	content: "\ea86";
}

.icon-font-31saoma:before
{
	content: "\ea87";
}

.icon-font-31shuaxin:before
{
	content: "\ea88";
}

.icon-font-31sousuo:before
{
	content: "\ea89";
}

.icon-font-31wentifankui:before
{
	content: "\ea8a";
}

.icon-font-31xiaoxi:before
{
	content: "\ea8b";
}

.icon-font-31yiwen:before
{
	content: "\ea8c";
}

.icon-font-31chanpincanshu:before
{
	content: "\ea8d";
}

.icon-font-31dianhua:before
{
	content: "\ea8e";
}

.icon-font-31dingdan:before
{
	content: "\ea8f";
}

.icon-font-31dingwei:before
{
	content: "\ea90";
}

.icon-font-31goumaichongzhi:before
{
	content: "\ea91";
}

.icon-font-31huidaodingbu:before
{
	content: "\ea92";
}

.icon-font-31shanchu:before
{
	content: "\ea93";
}

.icon-font-31zuji:before
{
	content: "\ea94";
}

.icon-font-31hongbao1:before
{
	content: "\ea95";
}

.icon-font-31tuwenxiangqing:before
{
	content: "\ea96";
}

.icon-font-31erweima:before
{
	content: "\ea97";
}

.icon-font-bianji5:before
{
	content: "\ea98";
}

.icon-font-31huiyuan:before
{
	content: "\ea99";
}

.icon-font-31mima:before
{
	content: "\ea9a";
}

.icon-font-31quanbushangpin:before
{
	content: "\ea9b";
}

.icon-font-31shezhi:before
{
	content: "\ea9c";
}

.icon-font-31haoyou:before
{
	content: "\ea9d";
}

.icon-font-serviceanshidaohuo:before
{
	content: "\ea9e";
}

.icon-font-serviceanshifahuo:before
{
	content: "\ea9f";
}

.icon-font-servicedianbaobao:before
{
	content: "\eaa0";
}

.icon-font-servicezhidingwuliu:before
{
	content: "\eaa1";
}

.icon-font-discount:before
{
	content: "\eaa2";
}

.icon-font-servicesonghuoruhu:before
{
	content: "\eaa3";
}

.icon-font-servicezhidingwuliu1:before
{
	content: "\eaa4";
}

.icon-font-serviceanshidaohuo1:before
{
	content: "\eaa5";
}

.icon-font-serviceanshifahuo1:before
{
	content: "\eaa6";
}

.icon-font-serviceciribida:before
{
	content: "\eaa7";
}

.icon-font-servicehaiwaizhiyou:before
{
	content: "\eaa8";
}

.icon-font-servicejienengbutie:before
{
	content: "\eaa9";
}

.icon-font-serviceshandianfahuo:before
{
	content: "\eaaa";
}

.icon-font-serviceshangmenanzhuang:before
{
	content: "\eaab";
}

.icon-font-service1:before
{
	content: "\eaac";
}

.icon-font-print:before
{
	content: "\eaad";
}

.icon-font-box:before
{
	content: "\eaae";
}

.icon-font-process:before
{
	content: "\eaaf";
}

.icon-font-stop:before
{
	content: "\eab3";
}

.icon-font-tag:before
{
	content: "\eab5";
}

.icon-font-group:before
{
	content: "\eab6";
}

.icon-font-bags:before
{
	content: "\eab7";
}

.icon-font-beauty:before
{
	content: "\eab8";
}

.icon-font-electrical:before
{
	content: "\eab9";
}

.icon-font-home3:before
{
	content: "\eaba";
}

.icon-font-electronics:before
{
	content: "\eabb";
}

.icon-font-gifts:before
{
	content: "\eabc";
}

.icon-font-apparel:before
{
	content: "\eabd";
}

.icon-font-lights:before
{
	content: "\eabe";
}

.icon-font-sports:before
{
	content: "\eabf";
}

.icon-font-toys:before
{
	content: "\eac0";
}

.icon-font-auto:before
{
	content: "\eac1";
}

.icon-font-jewelry:before
{
	content: "\eac2";
}

.icon-font-31aichegujia:before
{
	content: "\eac3";
}

.icon-font-31dapei:before
{
	content: "\eac4";
}

.icon-font-31moda:before
{
	content: "\eac5";
}

.icon-font-31paixingbang:before
{
	content: "\eac6";
}

.icon-font-31weizhangkuaicha:before
{
	content: "\eac7";
}

.icon-font-31pinpai:before
{
	content: "\eac8";
}

.icon-font-servicehuanqiubida:before
{
	content: "\eac9";
}

.icon-font-31pinpai1:before
{
	content: "\eaca";
}

.icon-font-jiage:before
{
	content: "\eacb";
}

.icon-font-huanqiushangou:before
{
	content: "\eacc";
}

.icon-font-kefu:before
{
	content: "\eacd";
}

.icon-font-31gouwuquan:before
{
	content: "\eace";
}

.icon-font-31huabei:before
{
	content: "\eacf";
}

.icon-font-trade-assurance:before
{
	content: "\ead0";
}

.icon-font-browse:before
{
	content: "\ead1";
}

.icon-font-rfqqm:before
{
	content: "\ead2";
}

.icon-font-rfqquantity:before
{
	content: "\ead3";
}

.icon-font-atmaway:before
{
	content: "\ead4";
}

.icon-font-rfq1:before
{
	content: "\ead5";
}

.icon-font-scanning:before
{
	content: "\ead6";
}

.icon-font-guanwangtongjia:before
{
	content: "\ead7";
}

.icon-font-guanwangtonggoubeta:before
{
	content: "\ead8";
}

.icon-font-kuandaitianchong:before
{
	content: "\ead9";
}

.icon-font-compare:before
{
	content: "\eada";
}

.icon-font-filter1:before
{
	content: "\eadb";
}

.icon-font-pin:before
{
	content: "\eadc";
}

.icon-font-history:before
{
	content: "\eadd";
}

.icon-font-productfeatures:before
{
	content: "\eade";
}

.icon-font-supplierfeatures:before
{
	content: "\eadf";
}

.icon-font-similarproduct:before
{
	content: "\eae0";
}

.icon-font-all1:before
{
	content: "\eae1";
}

.icon-font-backdelete:before
{
	content: "\eae2";
}

.icon-font-hot:before
{
	content: "\eae4";
}

.icon-font-post:before
{
	content: "\eae5";
}

.icon-font-radiobox:before
{
	content: "\eae6";
}

.icon-font-rounddown:before
{
	content: "\eae7";
}

.icon-font-upload:before
{
	content: "\eae8";
}

.icon-font-writefill:before
{
	content: "\eae9";
}

.icon-font-write:before
{
	content: "\eaea";
}

.icon-font-link1:before
{
	content: "\eaec";
}

.icon-font-cut1:before
{
	content: "\eaed";
}

.icon-font-table:before
{
	content: "\eaee";
}

.icon-font-navlist:before
{
	content: "\eaef";
}

.icon-font-imagetext:before
{
	content: "\eaf0";
}

.icon-font-text:before
{
	content: "\eaf1";
}

.icon-font-move:before
{
	content: "\eaf2";
}

.icon-font-punch:before
{
	content: "\eaf3";
}

.icon-font-shake:before
{
	content: "\eaf4";
}

.icon-font-subtract:before
{
	content: "\eaf5";
}

.icon-font-dollar:before
{
	content: "\eaf6";
}

.icon-font-clothing:before
{
	content: "\eaf7";
}

.icon-font-link2:before
{
	content: "\eaf8";
}

.icon-font-camerafill1:before
{
	content: "\eaf9";
}

.icon-font-camera3:before
{
	content: "\eafa";
}

.icon-font-cartfill1:before
{
	content: "\eafb";
}

.icon-font-cart4:before
{
	content: "\eafc";
}

.icon-font-clock1:before
{
	content: "\eafd";
}

.icon-font-jisufan:before
{
	content: "\eafe";
}

.icon-font-kuaisufan:before
{
	content: "\eaff";
}

.icon-font-remindfill:before
{
	content: "\eb00";
}

.icon-font-remind2:before
{
	content: "\eb01";
}

.icon-font-selectfill:before
{
	content: "\eb02";
}

.icon-font-select:before
{
	content: "\eb03";
}

.icon-font-back2:before
{
	content: "\eb04";
}

.icon-font-top1:before
{
	content: "\eb05";
}

.icon-font-down1:before
{
	content: "\eb06";
}

.icon-font-right1:before
{
	content: "\eb07";
}

.icon-font-left:before
{
	content: "\eb08";
}

.icon-font-switch:before
{
	content: "\eb09";
}

.icon-font-lbsfill:before
{
	content: "\eb0a";
}

.icon-font-lbs:before
{
	content: "\eb0b";
}

.icon-font-refresh2:before
{
	content: "\eb0c";
}

.icon-font-tag1:before
{
	content: "\eb0d";
}

.icon-font-sharpen:before
{
	content: "\eb0e";
}

.icon-font-wow:before
{
	content: "\eb0f";
}

.icon-font-sad:before
{
	content: "\eb10";
}

.icon-font-smile1:before
{
	content: "\eb11";
}

.icon-font-gird:before
{
	content: "\eb12";
}

.icon-font-flashoff:before
{
	content: "\eb13";
}

.icon-font-flashauto:before
{
	content: "\eb14";
}

.icon-font-flash:before
{
	content: "\eb15";
}

.icon-font-dark:before
{
	content: "\eb16";
}

.icon-font-light1:before
{
	content: "\eb17";
}

.icon-font-vignetting:before
{
	content: "\eb18";
}

.icon-font-crop:before
{
	content: "\eb19";
}

.icon-font-temperature:before
{
	content: "\eb1a";
}

.icon-font-brightness:before
{
	content: "\eb1b";
}

.icon-font-adjust:before
{
	content: "\eb1c";
}

.icon-font-rotating:before
{
	content: "\eb1d";
}

.icon-font-delete2:before
{
	content: "\eb1e";
}

.icon-font-diamond:before
{
	content: "\eb1f";
}

.icon-font-baby1:before
{
	content: "\eb20";
}

.icon-font-gift:before
{
	content: "\eb21";
}

.icon-font-edit2:before
{
	content: "\eb22";
}

.icon-font-favfill:before
{
	content: "\eb23";
}

.icon-font-fav:before
{
	content: "\eb24";
}

.icon-font-write1:before
{
	content: "\eb25";
}

.icon-font-level:before
{
	content: "\eb26";
}

.icon-font-comments1:before
{
	content: "\eb27";
}

.icon-font-feedback:before
{
	content: "\eb28";
}

.icon-font-share1:before
{
	content: "\eb29";
}

.icon-font-service2:before
{
	content: "\eb2a";
}

.icon-font-crown:before
{
	content: "\eb2b";
}

.icon-font-user:before
{
	content: "\eb2c";
}

.icon-font-my:before
{
	content: "\eb2e";
}

.icon-font-socialfill:before
{
	content: "\eb2f";
}

.icon-font-social:before
{
	content: "\eb30";
}

.icon-font-fanlifill:before
{
	content: "\eb31";
}

.icon-font-fanli:before
{
	content: "\eb32";
}

.icon-font-homefill1:before
{
	content: "\eb33";
}

.icon-font-home4:before
{
	content: "\eb34";
}

.icon-font-date:before
{
	content: "\eb35";
}

.icon-font-message1:before
{
	content: "\eb36";
}

.icon-font-search3:before
{
	content: "\eb37";
}

.icon-font-scan1:before
{
	content: "\eb38";
}

.icon-font-like1:before
{
	content: "\eb3a";
}

.icon-font-likefill1:before
{
	content: "\eb3b";
}

.icon-font-lock1:before
{
	content: "\eb3c";
}

.icon-font-xinrenkecheng:before
{
	content: "\eb3d";
}

.icon-font-xinrenzhinan:before
{
	content: "\eb3e";
}

.icon-font-bianji6:before
{
	content: "\eb3f";
}

.icon-font-shangyi:before
{
	content: "\eb40";
}

.icon-font-tuichubianji:before
{
	content: "\eb41";
}

.icon-font-xinjian:before
{
	content: "\eb42";
}

.icon-font-mobile1:before
{
	content: "\eb43";
}

.icon-font-qr2:before
{
	content: "\eb44";
}

.icon-font-xuanzekuangmoren:before
{
	content: "\eb45";
}

.icon-font-add2:before
{
	content: "\eb46";
}

.icon-font-move1:before
{
	content: "\eb47";
}

.icon-font-safe:before
{
	content: "\eb48";
}

.icon-font-chongliuliang:before
{
	content: "\eb4a";
}

.icon-font-shoujichongzhitianchong:before
{
	content: "\eb4c";
}

.icon-font-shouji2:before
{
	content: "\eb4d";
}

.icon-font-shoujichongzhi1:before
{
	content: "\eb4e";
}

.icon-font-close2:before
{
	content: "\eb50";
}

.icon-font-tamenduyongguo:before
{
	content: "\eb51";
}

.icon-font-attachment1:before
{
	content: "\eb52";
}

.icon-font-pic2:before
{
	content: "\eb53";
}

.icon-font-more2:before
{
	content: "\eb54";
}

.icon-font-shejiguifan:before
{
	content: "\eb55";
}

.icon-font-jifenbao:before
{
	content: "\eb56";
}

.icon-font-shurutianchong:before
{
	content: "\eb57";
}

.icon-font-shuru1:before
{
	content: "\eb58";
}

.icon-font-xiajiantou:before
{
	content: "\eb59";
}

.icon-font-yibantishi:before
{
	content: "\eb5a";
}

.icon-font-yanjing:before
{
	content: "\eb5b";
}

.icon-font-rmb:before
{
	content: "\eb5c";
}

.icon-font-plane:before
{
	content: "\eb5d";
}

.icon-font-planefill:before
{
	content: "\eb5e";
}

.icon-font-computer:before
{
	content: "\eb5f";
}

.icon-font-ascend:before
{
	content: "\eb60";
}

.icon-font-defaultsort:before
{
	content: "\eb61";
}

.icon-font-falling:before
{
	content: "\eb62";
}

.icon-font-select2:before
{
	content: "\eb64";
}

.icon-font-sound:before
{
	content: "\eb69";
}

.icon-font-sponsor:before
{
	content: "\eb6b";
}

.icon-font-upblock:before
{
	content: "\eb6c";
}

.icon-font-weblock:before
{
	content: "\eb6d";
}

.icon-font-weunblock:before
{
	content: "\eb6e";
}

.icon-font-filter2:before
{
	content: "\eb70";
}

.icon-font-filter21:before
{
	content: "\eb71";
}

.icon-font-cesu:before
{
	content: "\eb72";
}

.icon-font-fasongxinxi:before
{
	content: "\eb75";
}

.icon-font-wenbenbianjitianchong:before
{
	content: "\eb76";
}

.icon-font-wenbenbianji:before
{
	content: "\eb77";
}

.icon-font-chahuafei:before
{
	content: "\eb78";
}

.icon-font-raw:before
{
	content: "\eb79";
}

.icon-font-office:before
{
	content: "\eb7a";
}

.icon-font-agriculture:before
{
	content: "\eb7b";
}

.icon-font-machinery:before
{
	content: "\eb7c";
}

.icon-font-99:before
{
	content: "\eb7d";
}

.icon-font-chaogaofan2:before
{
	content: "\eb7e";
}

.icon-font-backtop:before
{
	content: "\eb7f";
}

.icon-font-jinbi2:before
{
	content: "\eb80";
}

.icon-font-assessedbadge:before
{
	content: "\eb82";
}

.icon-font-gerenzhongxin:before
{
	content: "\eb83";
}

.icon-font-jifen2:before
{
	content: "\eb84";
}

.icon-font-renwuguanli:before
{
	content: "\eb85";
}

.icon-font-operation:before
{
	content: "\eb86";
}

.icon-font-my1:before
{
	content: "\eb87";
}

.icon-font-remind3:before
{
	content: "\eb89";
}

.icon-font-icondownload:before
{
	content: "\eb8a";
}

.icon-font-cloud:before
{
	content: "\eb8c";
}

.icon-font-download:before
{
	content: "\eb8e";
}

.icon-font-map:before
{
	content: "\eb8f";
}

.icon-font-iconfont5:before
{
	content: "\eb90";
}

.icon-font-bad1:before
{
	content: "\eb91";
}

.icon-font-good:before
{
	content: "\eb92";
}

.icon-font-skip:before
{
	content: "\eb93";
}

.icon-font-iconfontplay2:before
{
	content: "\eb94";
}

.icon-font-iconfontstop:before
{
	content: "\eb95";
}

.icon-font-compass:before
{
	content: "\eb96";
}

.icon-font-security:before
{
	content: "\eb97";
}

.icon-font-share2:before
{
	content: "\eb98";
}

.icon-font-store:before
{
	content: "\eb99";
}

.icon-font-manageorder:before
{
	content: "\eb9a";
}

.icon-font-rejectedorder:before
{
	content: "\eb9b";
}

.icon-font-phone1:before
{
	content: "\eb9c";
}

.icon-font-bussinessman:before
{
	content: "\eb9d";
}

.icon-font-shoes:before
{
	content: "\eba1";
}

.icon-font-mobilephone:before
{
	content: "\eba2";
}

.icon-font-text1:before
{
	content: "\eba3";
}

.icon-font-goodsfavor:before
{
	content: "\eba4";
}

.icon-font-musicfill:before
{
	content: "\eba5";
}

.icon-font-musicforbidfill:before
{
	content: "\eba6";
}

.icon-font-creditlevel:before
{
	content: "\ebaa";
}

.icon-font-jiangli1:before
{
	content: "\ebad";
}

.icon-font-jiangli2:before
{
	content: "\ebae";
}

.icon-font-applewatch:before
{
	content: "\ebaf";
}

.icon-font-tongbushoucang:before
{
	content: "\ebb0";
}

.icon-font-triangledownfill:before
{
	content: "\ebb1";
}

.icon-font-triangleupfill:before
{
	content: "\ebb2";
}

.icon-font-danxuanfill:before
{
	content: "\ebb4";
}

.icon-font-danxuan:before
{
	content: "\ebb5";
}

.icon-font-fangxingweixuanzhong:before
{
	content: "\ebb6";
}

.icon-font-fangxingxuanzhong:before
{
	content: "\ebb8";
}

.icon-font-guanbi11:before
{
	content: "\ebb9";
}

.icon-font-guanbi2:before
{
	content: "\ebbb";
}

.icon-font-jiahao1:before
{
	content: "\ebbd";
}

.icon-font-jianhao:before
{
	content: "\ebbf";
}

.icon-font-tishi4:before
{
	content: "\ebc1";
}

.icon-font-wenhao:before
{
	content: "\ebc3";
}

.icon-font-xuanze1:before
{
	content: "\ebc4";
}

.icon-font-yuanxingweixuanzhong:before
{
	content: "\ebc5";
}

.icon-font-yuanxingxuanzhong:before
{
	content: "\ebc7";
}

.icon-font-biaoxing:before
{
	content: "\ebc9";
}

.icon-font-chexiao1:before
{
	content: "\ebca";
}

.icon-font-dianpu5:before
{
	content: "\ebcc";
}

.icon-font-dingdan:before
{
	content: "\ebcd";
}

.icon-font-fankui:before
{
	content: "\ebce";
}

.icon-font-fenxiang6:before
{
	content: "\ebcf";
}

.icon-font-gengduo4:before
{
	content: "\ebd0";
}

.icon-font-gonglve:before
{
	content: "\ebd1";
}

.icon-font-gouwuche1:before
{
	content: "\ebd3";
}

.icon-font-gouwudai:before
{
	content: "\ebd4";
}

.icon-font-qiapianxingshi:before
{
	content: "\ebd5";
}

.icon-font-kefufill:before
{
	content: "\ebd6";
}

.icon-font-kefu1:before
{
	content: "\ebd7";
}

.icon-font-liebiaoxingshi:before
{
	content: "\ebd8";
}

.icon-font-liuyan:before
{
	content: "\ebda";
}

.icon-font-pengyoufill:before
{
	content: "\ebdb";
}

.icon-font-pengyou:before
{
	content: "\ebdc";
}

.icon-font-qingchu:before
{
	content: "\ebdd";
}

.icon-font-quan1:before
{
	content: "\ebde";
}

.icon-font-saoma:before
{
	content: "\ebdf";
}

.icon-font-shaixuan:before
{
	content: "\ebe0";
}

.icon-font-shanchu8:before
{
	content: "\ebe1";
}

.icon-font-shezhi5:before
{
	content: "\ebe2";
}

.icon-font-shenfen:before
{
	content: "\ebe3";
}

.icon-font-shizhong1:before
{
	content: "\ebe5";
}

.icon-font-shouye3:before
{
	content: "\ebe7";
}

.icon-font-sousuo4:before
{
	content: "\ebe8";
}

.icon-font-sousuoleimufill:before
{
	content: "\ebe9";
}

.icon-font-sousuoleimu:before
{
	content: "\ebea";
}

.icon-font-tongzhi:before
{
	content: "\ebef";
}

.icon-font-tuikuan2:before
{
	content: "\ebf0";
}

.icon-font-wangwang:before
{
	content: "\ebf2";
}

.icon-font-wode1:before
{
	content: "\ebf4";
}

.icon-font-wuliu1:before
{
	content: "\ebf5";
}

.icon-font-xihuan:before
{
	content: "\ebf7";
}

.icon-font-xinxi2:before
{
	content: "\ebf9";
}

.icon-font-youhuiquan2:before
{
	content: "\ebfa";
}

.icon-font-yuyan:before
{
	content: "\ebfb";
}

.icon-font-zhengli:before
{
	content: "\ebfc";
}

.icon-font-zuji1:before
{
	content: "\ebfd";
}

.icon-font-zuobiao:before
{
	content: "\ebff";
}

.icon-font-dibu:before
{
	content: "\ec00";
}

.icon-font-dingbujinzhi:before
{
	content: "\ec01";
}

.icon-font-dingbu:before
{
	content: "\ec02";
}

.icon-font-xiangshang1:before
{
	content: "\ec03";
}

.icon-font-xiangshang2:before
{
	content: "\ec04";
}

.icon-font-xiangshang3:before
{
	content: "\ec05";
}

.icon-font-xiangshang5:before
{
	content: "\ec06";
}

.icon-font-xiangxia1:before
{
	content: "\ec07";
}

.icon-font-xiangxia2:before
{
	content: "\ec08";
}

.icon-font-xiangxia3:before
{
	content: "\ec09";
}

.icon-font-xiangxia5:before
{
	content: "\ec0a";
}

.icon-font-xiangyou1:before
{
	content: "\ec0b";
}

.icon-font-xiangyou2:before
{
	content: "\ec0c";
}

.icon-font-xiangyou3fill:before
{
	content: "\ec0d";
}

.icon-font-xiangyou3:before
{
	content: "\ec0e";
}

.icon-font-xiangzuo1:before
{
	content: "\ec0f";
}

.icon-font-xiangzuo2:before
{
	content: "\ec10";
}

.icon-font-xiangji1:before
{
	content: "\ec12";
}

.icon-font-jiazai:before
{
	content: "\ec14";
}

.icon-font-shuaxin3:before
{
	content: "\ec15";
}

.icon-font-wifi2:before
{
	content: "\ec16";
}

.icon-font-hongbao1:before
{
	content: "\ec17";
}

.icon-font-xinyongqia:before
{
	content: "\ec18";
}

.icon-font-sale:before
{
	content: "\ec1d";
}

.icon-font-zengsong:before
{
	content: "\ec1e";
}

.icon-font-androidgengduo:before
{
	content: "\ec1f";
}

.icon-font-leimu:before
{
	content: "\ec20";
}

.icon-font-bangzhuzhongxin1:before
{
	content: "\ec21";
}

.icon-font-wxbbaobiao:before
{
	content: "\ec22";
}

.icon-font-wxbbiaowang:before
{
	content: "\ec23";
}

.icon-font-wxbgongju:before
{
	content: "\ec24";
}

.icon-font-wxbmingxingdianpu:before
{
	content: "\ec25";
}

.icon-font-wxbpinpaibao:before
{
	content: "\ec26";
}

.icon-font-wxbzhanghu:before
{
	content: "\ec27";
}

.icon-font-wxbzhuye:before
{
	content: "\ec28";
}

.icon-font-wxbsousuotuiguang:before
{
	content: "\ec29";
}

.icon-font-wxbdingwei:before
{
	content: "\ec2a";
}

.icon-font-caidan:before
{
	content: "\ec2b";
}

.icon-font-card012:before
{
	content: "\ec2c";
}

.icon-font-zantong:before
{
	content: "\ec2e";
}

.icon-font-exl:before
{
	content: "\ec2f";
}

.icon-font-pdf:before
{
	content: "\ec30";
}

.icon-font-zip:before
{
	content: "\ec31";
}

.icon-font-gouwuche3:before
{
	content: "\ec32";
}

.icon-font-gouwuchetianjia:before
{
	content: "\ec33";
}

.icon-font-cuowu2:before
{
	content: "\ec34";
}

.icon-font-erweima2:before
{
	content: "\ec35";
}

.icon-font-jushoucang:before
{
	content: "\ec36";
}

.icon-font-lajixiang:before
{
	content: "\ec37";
}

.icon-font-sorting:before
{
	content: "\ec38";
}

.icon-font-lianjie2:before
{
	content: "\ec39";
}

.icon-font-naozhong:before
{
	content: "\ec3a";
}

.icon-font-saoyisao3:before
{
	content: "\ec3b";
}

.icon-font-shangfan:before
{
	content: "\ec3c";
}

.icon-font-shezhi6:before
{
	content: "\ec3d";
}

.icon-font-shengyin1:before
{
	content: "\ec3e";
}

.icon-font-shijian1:before
{
	content: "\ec3f";
}

.icon-font-shouhuodizhi:before
{
	content: "\ec40";
}

.icon-font-shouye4:before
{
	content: "\ec41";
}

.icon-font-shuaxin4:before
{
	content: "\ec42";
}

.icon-font-sousuo5:before
{
	content: "\ec43";
}

.icon-font-suo:before
{
	content: "\ec44";
}

.icon-font-tishi5:before
{
	content: "\ec45";
}

.icon-font-wancheng1:before
{
	content: "\ec46";
}

.icon-font-wodedingdan:before
{
	content: "\ec47";
}

.icon-font-wodefankui:before
{
	content: "\ec48";
}

.icon-font-wodehongbao:before
{
	content: "\ec49";
}

.icon-font-wodejuhuasuan:before
{
	content: "\ec4a";
}

.icon-font-wodeyouhuiquan:before
{
	content: "\ec4b";
}

.icon-font-xiafan:before
{
	content: "\ec4c";
}

.icon-font-xiangshangjiantou:before
{
	content: "\ec4e";
}

.icon-font-xiangxiajiantou:before
{
	content: "\ec4f";
}

.icon-font-xiangyoujiantou:before
{
	content: "\ec50";
}

.icon-font-xiangzuojiantou:before
{
	content: "\ec51";
}

.icon-font-yanjing1:before
{
	content: "\ec52";
}

.icon-font-yijianfankui:before
{
	content: "\ec53";
}

.icon-font-zhaoxiangji1:before
{
	content: "\ec54";
}

.icon-font-zhengque2:before
{
	content: "\ec55";
}

.icon-font-xiaoxizhongxin:before
{
	content: "\ec56";
}

.icon-font-lingcunwei:before
{
	content: "\ec57";
}

.icon-font-pulldown1:before
{
	content: "\ec5c";
}

.icon-font-canyin1:before
{
	content: "\ec5d";
}

.icon-font-jingdian:before
{
	content: "\ec5e";
}

.icon-font-zhusu:before
{
	content: "\ec5f";
}

.icon-font-duanxin:before
{
	content: "\ec60";
}

.icon-font-xinxi3:before
{
	content: "\ec61";
}

.icon-font-xiangqu:before
{
	content: "\ec62";
}

.icon-font-copy1:before
{
	content: "\ec63";
}

.icon-font-canting:before
{
	content: "\ec64";
}

.icon-font-daohang:before
{
	content: "\ec65";
}

.icon-font-dizhi:before
{
	content: "\ec66";
}

.icon-font-dianping:before
{
	content: "\ec67";
}

.icon-font-duoyuyan:before
{
	content: "\ec68";
}

.icon-font-feiji1:before
{
	content: "\ec69";
}

.icon-font-fuzhi:before
{
	content: "\ec6a";
}

.icon-font-geren:before
{
	content: "\ec6b";
}

.icon-font-gongjiaoche:before
{
	content: "\ec6c";
}

.icon-font-guanbi3:before
{
	content: "\ec6d";
}

.icon-font-huoche:before
{
	content: "\ec6e";
}

.icon-font-huobiduihuan:before
{
	content: "\ec6f";
}

.icon-font-jianshen:before
{
	content: "\ec70";
}

.icon-font-kanguo1:before
{
	content: "\ec71";
}

.icon-font-kongdiao1:before
{
	content: "\ec72";
}

.icon-font-mudedi:before
{
	content: "\ec73";
}

.icon-font-qian1:before
{
	content: "\ec74";
}

.icon-font-quguo:before
{
	content: "\ec75";
}

.icon-font-shijian2:before
{
	content: "\ec76";
}

.icon-font-shoucang2:before
{
	content: "\ec77";
}

.icon-font-jiesuo1:before
{
	content: "\ec78";
}

.icon-font-tingchechang:before
{
	content: "\ec79";
}

.icon-font-wuxianwangluo:before
{
	content: "\ec7a";
}

.icon-font-xiangji3:before
{
	content: "\ec7b";
}

.icon-font-xiangqu1:before
{
	content: "\ec7c";
}

.icon-font-xingcheng:before
{
	content: "\ec7d";
}

.icon-font-youji:before
{
	content: "\ec7e";
}

.icon-font-zan2:before
{
	content: "\ec7f";
}

.icon-font-listview:before
{
	content: "\ec80";
}

.icon-font-xiyiji1:before
{
	content: "\ec81";
}

.icon-font-24xiaoshiqiantai:before
{
	content: "\ec82";
}

.icon-font-tupian5:before
{
	content: "\ec83";
}

.icon-font-gouwu2:before
{
	content: "\ec84";
}

.icon-font-haitan:before
{
	content: "\ec86";
}

.icon-font-huwai1:before
{
	content: "\ec87";
}

.icon-font-jichengche:before
{
	content: "\ec88";
}

.icon-font-jincou:before
{
	content: "\ec89";
}

.icon-font-langman:before
{
	content: "\ec8a";
}

.icon-font-lunchuan:before
{
	content: "\ec8b";
}

.icon-font-qinzi:before
{
	content: "\ec8c";
}

.icon-font-renwen:before
{
	content: "\ec8d";
}

.icon-font-shanchu9:before
{
	content: "\ec8e";
}

.icon-font-shezhi7:before
{
	content: "\ec8f";
}

.icon-font-shengqian:before
{
	content: "\ec90";
}

.icon-font-shizhong2:before
{
	content: "\ec91";
}

.icon-font-shouji3:before
{
	content: "\ec92";
}

.icon-font-sousuo6:before
{
	content: "\ec93";
}

.icon-font-tianqi:before
{
	content: "\ec94";
}

.icon-font-tupian6:before
{
	content: "\ec95";
}

.icon-font-xitongcaidan:before
{
	content: "\ec96";
}

.icon-font-xitongfanhui:before
{
	content: "\ec97";
}

.icon-font-youxian:before
{
	content: "\ec98";
}

.icon-font-yule1:before
{
	content: "\ec99";
}

.icon-font-zhinengyouhua:before
{
	content: "\ec9a";
}

.icon-font-zhongzhuan:before
{
	content: "\ec9b";
}

.icon-font-ziranfengguang:before
{
	content: "\ec9c";
}

.icon-font-zixingche1:before
{
	content: "\ec9d";
}

.icon-font-zonghe:before
{
	content: "\ec9e";
}

.icon-font-fenxiang7:before
{
	content: "\ec9f";
}

.icon-font-radiobutton2:before
{
	content: "\eca1";
}

.icon-font-youyongchi:before
{
	content: "\eca2";
}

.icon-font-pinglun:before
{
	content: "\eca3";
}

.icon-font-bianji7:before
{
	content: "\eca4";
}

.icon-font-qifei:before
{
	content: "\eca5";
}

.icon-font-jiangluo:before
{
	content: "\eca6";
}

.icon-font-xitongfanhui1:before
{
	content: "\eca7";
}

.icon-font-xitongcaidan1:before
{
	content: "\eca8";
}

.icon-font-shouqi:before
{
	content: "\eca9";
}

.icon-font-xiala1:before
{
	content: "\ecaa";
}

.icon-font-xiayibu:before
{
	content: "\ecab";
}

.icon-font-buxing:before
{
	content: "\ecb0";
}

.icon-font-chaping:before
{
	content: "\ecb1";
}

.icon-font-haoping:before
{
	content: "\ecb3";
}

.icon-font-lianjie3:before
{
	content: "\ecb5";
}

.icon-font-shouye5:before
{
	content: "\ecb8";
}

.icon-font-tixing2:before
{
	content: "\ecb9";
}

.icon-font-duogouwu:before
{
	content: "\ecbe";
}

.icon-font-shaogouwu:before
{
	content: "\ecbf";
}

.icon-font-dangdifill:before
{
	content: "\ecc0";
}

.icon-font-dangdi:before
{
	content: "\ecc1";
}

.icon-font-tabshouqi1:before
{
	content: "\ecc2";
}

.icon-font-tabxiala:before
{
	content: "\ecc3";
}

.icon-font-dixiaofei:before
{
	content: "\ecc4";
}

.icon-font-gaoxiaofei:before
{
	content: "\ecc5";
}

.icon-font-jianyuede:before
{
	content: "\ecc6";
}

.icon-font-jingjide:before
{
	content: "\ecc7";
}

.icon-font-shushide:before
{
	content: "\ecc8";
}

.icon-font-gaoduande:before
{
	content: "\ecc9";
}

.icon-font-shehuade:before
{
	content: "\ecca";
}

.icon-font-jinnang:before
{
	content: "\eccb";
}

.icon-font-matou:before
{
	content: "\eccc";
}

.icon-font-suoding2:before
{
	content: "\eccd";
}

.icon-font-wancan:before
{
	content: "\ecce";
}

.icon-font-wucan:before
{
	content: "\eccf";
}

.icon-font-zaocan:before
{
	content: "\ecd0";
}

.icon-font-zengjia:before
{
	content: "\ecd1";
}

.icon-font-zhuyi:before
{
	content: "\ecd2";
}

.icon-font-ziyouanpai:before
{
	content: "\ecd3";
}

.icon-font-roundclose1:before
{
	content: "\ecd4";
}

.icon-font-radiobutton21:before
{
	content: "\ecd5";
}

.icon-font-dianhua3:before
{
	content: "\ecd6";
}

.icon-font-bankexing:before
{
	content: "\ecd7";
}

.icon-font-baoxue:before
{
	content: "\ecd8";
}

.icon-font-baoyu:before
{
	content: "\ecd9";
}

.icon-font-duoyun2:before
{
	content: "\ecda";
}

.icon-font-leidian1:before
{
	content: "\ecdb";
}

.icon-font-qing1:before
{
	content: "\ecdc";
}

.icon-font-xiaoxue:before
{
	content: "\ecdd";
}

.icon-font-xiaoyu1:before
{
	content: "\ecde";
}

.icon-font-yin1:before
{
	content: "\ecdf";
}

.icon-font-zenyaowan:before
{
	content: "\ece0";
}

.icon-font-zhenxue:before
{
	content: "\ece1";
}

.icon-font-zhenyu:before
{
	content: "\ece2";
}

.icon-font-zhongxue1:before
{
	content: "\ece3";
}

.icon-font-zhongyu:before
{
	content: "\ece4";
}

.icon-font-qita:before
{
	content: "\ece5";
}

.icon-font-fanhui:before
{
	content: "\ece6";
}

.icon-font-motuo:before
{
	content: "\ece7";
}

.icon-font-bingbao:before
{
	content: "\ece8";
}

.icon-font-feng1:before
{
	content: "\ece9";
}

.icon-font-mai1:before
{
	content: "\ecea";
}

.icon-font-wu1:before
{
	content: "\eceb";
}

.icon-font-yuxue:before
{
	content: "\ecec";
}

.icon-font-shushidu:before
{
	content: "\eced";
}

.icon-font-save:before
{
	content: "\ecee";
}

.icon-font-inquirytemplate:before
{
	content: "\ecef";
}

.icon-font-templatedefault:before
{
	content: "\ecf0";
}

.icon-font-juzhuanchang:before
{
	content: "\ecf1";
}

.icon-font-listyule:before
{
	content: "\ecf2";
}

.icon-font-listbashi:before
{
	content: "\ecf3";
}

.icon-font-listfeiji:before
{
	content: "\ecf4";
}

.icon-font-listgouwu:before
{
	content: "\ecf5";
}

.icon-font-listhuoche:before
{
	content: "\ecf6";
}

.icon-font-listjingdian:before
{
	content: "\ecf7";
}

.icon-font-listmatou:before
{
	content: "\ecf8";
}

.icon-font-listzhusu:before
{
	content: "\ecf9";
}

.icon-font-listcanyin:before
{
	content: "\ecfa";
}

.icon-font-yuding:before
{
	content: "\ecfb";
}

.icon-font-listziyouhuodong:before
{
	content: "\ecfc";
}

.icon-font-xuanzejiaobiao:before
{
	content: "\ecfd";
}

.icon-font-safari:before
{
	content: "\ecfe";
}

.icon-font-appreciatelight:before
{
	content: "\ecff";
}

.icon-font-emojilight:before
{
	content: "\ed00";
}

.icon-font-goodslight:before
{
	content: "\ed01";
}

.icon-font-recordlight:before
{
	content: "\ed04";
}

.icon-font-record:before
{
	content: "\ed05";
}

.icon-font-roundaddlight:before
{
	content: "\ed06";
}

.icon-font-soundlight:before
{
	content: "\ed07";
}

.icon-font-cardboard:before
{
	content: "\ed09";
}

.icon-font-iconfontyouhuiquan:before
{
	content: "\ed0b";
}

.icon-font-iconfontxingxing:before
{
	content: "\ed0c";
}

.icon-font-iconfontmingpian:before
{
	content: "\ed0d";
}

.icon-font-iconfontshouji:before
{
	content: "\ed0e";
}

.icon-font-iconfontriyongbaihuo:before
{
	content: "\ed0f";
}

.icon-font-iconfontphone:before
{
	content: "\ed10";
}

.icon-font-iconfontqicheyongpin:before
{
	content: "\ed11";
}

.icon-font-iconfontjingxihuaxue:before
{
	content: "\ed12";
}

.icon-font-iconfontjiafangjiashi:before
{
	content: "\ed13";
}

.icon-font-iconfontjixieqimo:before
{
	content: "\ed14";
}

.icon-font-iconfontshumajiadian:before
{
	content: "\ed15";
}

.icon-font-iconfontmeizhuangrihua:before
{
	content: "\ed16";
}

.icon-font-iconfonthuangguan:before
{
	content: "\ed17";
}

.icon-font-iconfontshipin:before
{
	content: "\ed18";
}

.icon-font-iconfonthuagongyuanliao:before
{
	content: "\ed19";
}

.icon-font-iconfonttongzhuangmuying:before
{
	content: "\ed1a";
}

.icon-font-iconfontwujingongju:before
{
	content: "\ed1b";
}

.icon-font-iconfontxiangjiaosuliao:before
{
	content: "\ed1c";
}

.icon-font-iconfontxiebaopeishi:before
{
	content: "\ed1d";
}

.icon-font-iconfontyejinkuangchan:before
{
	content: "\ed1e";
}

.icon-font-iconfontyiqiyibiao:before
{
	content: "\ed1f";
}

.icon-font-iconfontyundonghuwai:before
{
	content: "\ed20";
}

.icon-font-iconfontzhaomingdianzi:before
{
	content: "\ed21";
}

.icon-font-iconfontgongyichongwu:before
{
	content: "\ed22";
}

.icon-font-iconfontgangcai:before
{
	content: "\ed23";
}

.icon-font-iconfontfuzhuangneiyi:before
{
	content: "\ed24";
}

.icon-font-iconfontfuwushichang:before
{
	content: "\ed25";
}

.icon-font-iconfontfangzhipige:before
{
	content: "\ed26";
}

.icon-font-iconfontdiangongdianqi:before
{
	content: "\ed27";
}

.icon-font-iconfontbaozhuang:before
{
	content: "\ed28";
}

.icon-font-iconfontanquanfanghu:before
{
	content: "\ed29";
}

.icon-font-gerenshimingrz:before
{
	content: "\ed2a";
}

.icon-font-huanhuobz:before
{
	content: "\ed2b";
}

.icon-font-jiaoqibz:before
{
	content: "\ed2c";
}

.icon-font-jingpaicaigoushang:before
{
	content: "\ed2d";
}

.icon-font-jinpaigongyings:before
{
	content: "\ed2e";
}

.icon-font-jisukuikuan:before
{
	content: "\ed2f";
}

.icon-font-maijiabz:before
{
	content: "\ed30";
}

.icon-font-posunbuji:before
{
	content: "\ed31";
}

.icon-font-qiyeshenfenrz:before
{
	content: "\ed32";
}

.icon-font-ruqifahuo:before
{
	content: "\ed33";
}

.icon-font-shendurz:before
{
	content: "\ed34";
}

.icon-font-shenduyanchan:before
{
	content: "\ed35";
}

.icon-font-shenduyanshang:before
{
	content: "\ed36";
}

.icon-font-suyuanzhijianbz:before
{
	content: "\ed37";
}

.icon-font-tigongfapiao:before
{
	content: "\ed38";
}

.icon-font-yingckjian:before
{
	content: "\ed39";
}

.icon-font-yuanchandipinzhibz:before
{
	content: "\ed3a";
}

.icon-font-yunfeixian:before
{
	content: "\ed3b";
}

.icon-font-zhengpinbz:before
{
	content: "\ed3c";
}

.icon-font-zhifubaofukuan:before
{
	content: "\ed3d";
}

.icon-font-zhiliangbz:before
{
	content: "\ed3e";
}

.icon-font-7tianbaohuan:before
{
	content: "\ed3f";
}

.icon-font-7tiantuihuo:before
{
	content: "\ed40";
}

.icon-font-15tianbaohuan:before
{
	content: "\ed41";
}

.icon-font-21tianbaohuan:before
{
	content: "\ed42";
}

.icon-font-24xiaoshifahuo:before
{
	content: "\ed43";
}

.icon-font-48xiaoshifahuo:before
{
	content: "\ed44";
}

.icon-font-60tianbaohuan:before
{
	content: "\ed45";
}

.icon-font-72xiaoshifahuo:before
{
	content: "\ed46";
}

.icon-font-caigouziying:before
{
	content: "\ed47";
}

.icon-font-caizhibz:before
{
	content: "\ed48";
}

.icon-font-caizhixian:before
{
	content: "\ed49";
}

.icon-font-fahuobz:before
{
	content: "\ed4a";
}

.icon-font-danpin:before
{
	content: "\ed4b";
}

.icon-font-duozhongzhifu:before
{
	content: "\ed4c";
}

.icon-font-erweima3:before
{
	content: "\ed4d";
}

.icon-font-guojiwuliu:before
{
	content: "\ed4e";
}

.icon-font-huwai2:before
{
	content: "\ed4f";
}

.icon-font-jujia2:before
{
	content: "\ed50";
}

.icon-font-kuzi1:before
{
	content: "\ed51";
}

.icon-font-muying1:before
{
	content: "\ed52";
}

.icon-font-nanzhuang2:before
{
	content: "\ed53";
}

.icon-font-neiyi2:before
{
	content: "\ed54";
}

.icon-font-nvzhuang1:before
{
	content: "\ed55";
}

.icon-font-pinpai1:before
{
	content: "\ed56";
}

.icon-font-tequanzhuanshu:before
{
	content: "\ed57";
}

.icon-font-xiangbao:before
{
	content: "\ed58";
}

.icon-font-yishouchu:before
{
	content: "\ed59";
}

.icon-font-others:before
{
	content: "\ed5a";
}

.icon-font-301:before
{
	content: "\ed5b";
}

.icon-font-71:before
{
	content: "\ed5c";
}

.icon-font-zans:before
{
	content: "\ed5f";
}

.icon-font-kanguos:before
{
	content: "\ed60";
}

.icon-font-listzuhe:before
{
	content: "\ed61";
}

.icon-font-yanzhengma:before
{
	content: "\ed62";
}

.icon-font-shouye6:before
{
	content: "\ed63";
}

.icon-font-shouye7:before
{
	content: "\ed64";
}

.icon-font-shouye8:before
{
	content: "\ed65";
}

.icon-font-shouye9:before
{
	content: "\ed66";
}

.icon-font-shouye10:before
{
	content: "\ed67";
}

.icon-font-shouye11:before
{
	content: "\ed68";
}

.icon-font-shouye12:before
{
	content: "\ed69";
}

.icon-font-shouye13:before
{
	content: "\ed6a";
}

.icon-font-shouye14:before
{
	content: "\ed6b";
}

.icon-font-shouye15:before
{
	content: "\ed6c";
}

.icon-font-shouye16:before
{
	content: "\ed6d";
}

.icon-font-shouye17:before
{
	content: "\ed6e";
}

.icon-font-shouye18:before
{
	content: "\ed6f";
}

.icon-font-shouye19:before
{
	content: "\ed70";
}

.icon-font-shouye20:before
{
	content: "\ed71";
}

.icon-font-shouye21:before
{
	content: "\ed72";
}

.icon-font-shouye22:before
{
	content: "\ed73";
}

.icon-font-shouye23:before
{
	content: "\ed74";
}

.icon-font-shouye24:before
{
	content: "\ed75";
}

.icon-font-shouye25:before
{
	content: "\ed76";
}

.icon-font-shouye26:before
{
	content: "\ed77";
}

.icon-font-shouye27:before
{
	content: "\ed78";
}

.icon-font-shouye28:before
{
	content: "\ed79";
}

.icon-font-shouye29:before
{
	content: "\ed7a";
}

.icon-font-shouye30:before
{
	content: "\ed7b";
}

.icon-font-shouye31:before
{
	content: "\ed7c";
}

.icon-font-shouye32:before
{
	content: "\ed7d";
}

.icon-font-shouye33:before
{
	content: "\ed7e";
}

.icon-font-shouye34:before
{
	content: "\ed7f";
}

.icon-font-shouye35:before
{
	content: "\ed80";
}

.icon-font-shouye36:before
{
	content: "\ed81";
}

.icon-font-shouye37:before
{
	content: "\ed82";
}

.icon-font-shouye38:before
{
	content: "\ed83";
}

.icon-font-shouye39:before
{
	content: "\ed84";
}

.icon-font-shouye40:before
{
	content: "\ed85";
}

.icon-font-shouye41:before
{
	content: "\ed86";
}

.icon-font-shouye42:before
{
	content: "\ed87";
}

.icon-font-shouye43:before
{
	content: "\ed88";
}

.icon-font-shouye44:before
{
	content: "\ed89";
}

.icon-font-shouye45:before
{
	content: "\ed8a";
}

.icon-font-shouye46:before
{
	content: "\ed8b";
}

.icon-font-sortlight:before
{
	content: "\ed8c";
}

.icon-font-shouye47:before
{
	content: "\ed8d";
}

.icon-font-shouye48:before
{
	content: "\ed8e";
}

.icon-font-shouye49:before
{
	content: "\ed8f";
}

.icon-font-shouye50:before
{
	content: "\ed90";
}

.icon-font-shouye51:before
{
	content: "\ed91";
}

.icon-font-shouye52:before
{
	content: "\ed92";
}

.icon-font-shouye53:before
{
	content: "\ed93";
}

.icon-font-shouye54:before
{
	content: "\ed94";
}

.icon-font-icon1:before
{
	content: "\ed95";
}

.icon-font-icon2:before
{
	content: "\ed96";
}

.icon-font-icon3:before
{
	content: "\ed97";
}

.icon-font-icon4:before
{
	content: "\ed98";
}

.icon-font-hongbao2:before
{
	content: "\ed99";
}

.icon-font-icon5:before
{
	content: "\ed9a";
}

.icon-font-icon6:before
{
	content: "\ed9b";
}

.icon-font-icon7:before
{
	content: "\ed9c";
}

.icon-font-icon8:before
{
	content: "\ed9d";
}

.icon-font-icon9:before
{
	content: "\ed9e";
}

.icon-font-icon10:before
{
	content: "\ed9f";
}

.icon-font-icon11:before
{
	content: "\eda0";
}

.icon-font-icon12:before
{
	content: "\eda1";
}

.icon-font-icon13:before
{
	content: "\eda2";
}

.icon-font-icon14:before
{
	content: "\eda3";
}

.icon-font-icon15:before
{
	content: "\eda4";
}

.icon-font-icon16:before
{
	content: "\eda5";
}

.icon-font-icon17:before
{
	content: "\eda6";
}

.icon-font-aniukefu2:before
{
	content: "\eda7";
}

.icon-font-icon18:before
{
	content: "\eda8";
}

.icon-font-icon19:before
{
	content: "\eda9";
}

.icon-font-icon20:before
{
	content: "\edaa";
}

.icon-font-icon21:before
{
	content: "\edab";
}

.icon-font-pinicon:before
{
	content: "\edac";
}

.icon-font-huoqibaozhang:before
{
	content: "\edad";
}

.icon-font-jushoucanggift:before
{
	content: "\edae";
}

.icon-font-liwu3:before
{
	content: "\edaf";
}

.icon-font-wodejifenbao:before
{
	content: "\edb0";
}

.icon-font-cardboardforbid:before
{
	content: "\edb1";
}

.icon-font-circle:before
{
	content: "\edb3";
}

.icon-font-attentionforbid:before
{
	content: "\edb4";
}

.icon-font-attentionfavor:before
{
	content: "\edb7";
}

.icon-font-profilelight:before
{
	content: "\edb8";
}

.icon-font-piclight:before
{
	content: "\edb9";
}

.icon-font-shoplight:before
{
	content: "\edba";
}

.icon-font-voicelight:before
{
	content: "\edbb";
}

.icon-font-yuyin1:before
{
	content: "\edbd";
}

.icon-font-21:before
{
	content: "\edbe";
}

.icon-font-icon22:before
{
	content: "\edbf";
}

.icon-font-icon23:before
{
	content: "\edc0";
}

.icon-font-icon24:before
{
	content: "\edc1";
}

.icon-font-icon25:before
{
	content: "\edc2";
}

.icon-font-libra:before
{
	content: "\edc3";
}

.icon-font-cameralight:before
{
	content: "\edc4";
}

.icon-font-icon26:before
{
	content: "\edc5";
}

.icon-font-icon27:before
{
	content: "\edc6";
}

.icon-font-survey1:before
{
	content: "\edc7";
}

.icon-font-close21:before
{
	content: "\edc8";
}

.icon-font-add3:before
{
	content: "\edc9";
}

.icon-font-attachment2:before
{
	content: "\edca";
}

.icon-font-back2top:before
{
	content: "\edcb";
}

.icon-font-close3:before
{
	content: "\edcc";
}

.icon-font-costincluded:before
{
	content: "\edcd";
}

.icon-font-costnotincluded:before
{
	content: "\edce";
}

.icon-font-discoverline:before
{
	content: "\edcf";
}

.icon-font-earth:before
{
	content: "\edd1";
}

.icon-font-ensure:before
{
	content: "\edd2";
}

.icon-font-guide2:before
{
	content: "\edd3";
}

.icon-font-guidepost:before
{
	content: "\edd4";
}

.icon-font-help1:before
{
	content: "\edd5";
}

.icon-font-homeline:before
{
	content: "\edd6";
}

.icon-font-like2line:before
{
	content: "\edd8";
}

.icon-font-sign:before
{
	content: "\edd9";
}

.icon-font-announcement:before
{
	content: "\edda";
}

.icon-font-chef:before
{
	content: "\eddb";
}

.icon-font-clock2:before
{
	content: "\eddc";
}

.icon-font-down2:before
{
	content: "\eddd";
}

.icon-font-enter:before
{
	content: "\edde";
}

.icon-font-expression:before
{
	content: "\eddf";
}

.icon-font-guide:before
{
	content: "\ede0";
}

.icon-font-internationalflight:before
{
	content: "\ede1";
}

.icon-font-like2:before
{
	content: "\ede2";
}

.icon-font-myline:before
{
	content: "\ede3";
}

.icon-font-passport:before
{
	content: "\ede5";
}

.icon-font-process1:before
{
	content: "\ede6";
}

.icon-font-screen:before
{
	content: "\ede7";
}

.icon-font-search4:before
{
	content: "\ede8";
}

.icon-font-ship:before
{
	content: "\ede9";
}

.icon-font-add21:before
{
	content: "\edea";
}

.icon-font-map1:before
{
	content: "\edeb";
}

.icon-font-message2:before
{
	content: "\edec";
}

.icon-font-orderlist:before
{
	content: "\eded";
}

.icon-font-parkinglot:before
{
	content: "\edee";
}

.icon-font-passenger:before
{
	content: "\edef";
}

.icon-font-play:before
{
	content: "\edf0";
}

.icon-font-refresh3:before
{
	content: "\edf1";
}

.icon-font-refund1:before
{
	content: "\edf2";
}

.icon-font-selectseat:before
{
	content: "\edf3";
}

.icon-font-switch1:before
{
	content: "\edf4";
}

.icon-font-ticket1:before
{
	content: "\edf5";
}

.icon-font-time1:before
{
	content: "\edf6";
}

.icon-font-timetable:before
{
	content: "\edf7";
}

.icon-font-up:before
{
	content: "\edf8";
}

.icon-font-vacation:before
{
	content: "\edf9";
}

.icon-font-wangwang1:before
{
	content: "\edfa";
}

.icon-font-breakfast:before
{
	content: "\edfb";
}

.icon-font-broadband:before
{
	content: "\edfc";
}

.icon-font-bus:before
{
	content: "\edfd";
}

.icon-font-bussiness:before
{
	content: "\edfe";
}

.icon-font-calendar2:before
{
	content: "\edff";
}

.icon-font-china:before
{
	content: "\ee00";
}

.icon-font-collect:before
{
	content: "\ee01";
}

.icon-font-crown1:before
{
	content: "\ee02";
}

.icon-font-detail:before
{
	content: "\ee03";
}

.icon-font-endorse:before
{
	content: "\ee04";
}

.icon-font-exit:before
{
	content: "\ee05";
}

.icon-font-failed:before
{
	content: "\ee06";
}

.icon-font-flight:before
{
	content: "\ee07";
}

.icon-font-food:before
{
	content: "\ee08";
}

.icon-font-hint:before
{
	content: "\ee09";
}

.icon-font-hotel:before
{
	content: "\ee0a";
}

.icon-font-information2:before
{
	content: "\ee0b";
}

.icon-font-journeyline:before
{
	content: "\ee0d";
}

.icon-font-lamp:before
{
	content: "\ee0f";
}

.icon-font-loaction:before
{
	content: "\ee10";
}

.icon-font-meeting:before
{
	content: "\ee11";
}

.icon-font-more21:before
{
	content: "\ee12";
}

.icon-font-nationalattraction:before
{
	content: "\ee13";
}

.icon-font-nationglattraction2:before
{
	content: "\ee14";
}

.icon-font-navigation:before
{
	content: "\ee15";
}

.icon-font-order1:before
{
	content: "\ee16";
}

.icon-font-phone2:before
{
	content: "\ee17";
}

.icon-font-pool:before
{
	content: "\ee18";
}

.icon-font-reduce:before
{
	content: "\ee19";
}

.icon-font-reminder:before
{
	content: "\ee1a";
}

.icon-font-sale1:before
{
	content: "\ee1b";
}

.icon-font-scan2:before
{
	content: "\ee1c";
}

.icon-font-setting:before
{
	content: "\ee1d";
}

.icon-font-activity1:before
{
	content: "\ee1f";
}

.icon-font-diamond1:before
{
	content: "\ee21";
}

.icon-font-discovery2line:before
{
	content: "\ee22";
}

.icon-font-shop1:before
{
	content: "\ee23";
}

.icon-font-shopping:before
{
	content: "\ee24";
}

.icon-font-shower:before
{
	content: "\ee25";
}

.icon-font-sing:before
{
	content: "\ee26";
}

.icon-font-succed:before
{
	content: "\ee27";
}

.icon-font-taxi1:before
{
	content: "\ee28";
}

.icon-font-train:before
{
	content: "\ee29";
}

.icon-font-training1:before
{
	content: "\ee2a";
}

.icon-font-unpaidorder:before
{
	content: "\ee2b";
}

.icon-font-washmachine:before
{
	content: "\ee2c";
}

.icon-font-wifi3:before
{
	content: "\ee2d";
}

.icon-font-information1:before
{
	content: "\ee31";
}

.icon-font-journey2line:before
{
	content: "\ee32";
}

.icon-font-travelheadlines:before
{
	content: "\ee5f";
}

.icon-font-weekendtrip:before
{
	content: "\ee60";
}

.icon-font-lightoff:before
{
	content: "\ee67";
}

.icon-font-lighton:before
{
	content: "\ee68";
}

.icon-font-ship1:before
{
	content: "\ee69";
}

.icon-font-share-copy:before
{
	content: "\ee6c";
}

.icon-font-icon28:before
{
	content: "\ee6d";
}

.icon-font-icon29:before
{
	content: "\ee6e";
}

.icon-font-camera4:before
{
	content: "\ee6f";
}

.icon-font-back3:before
{
	content: "\ee70";
}

.icon-font-delete3:before
{
	content: "\ee71";
}

.icon-font-111:before
{
	content: "\ee75";
}

.icon-font-fullscreen:before
{
	content: "\ee76";
}

.icon-font-play_2:before
{
	content: "\ee77";
}

.icon-font-pause:before
{
	content: "\ee78";
}

.icon-font-icon30:before
{
	content: "\ee7a";
}

.icon-font-icon31:before
{
	content: "\ee7b";
}

.icon-font-icon32:before
{
	content: "\ee7c";
}

.icon-font-yuyin2:before
{
	content: "\ee7d";
}

.icon-font-icon33:before
{
	content: "\ee7e";
}

.icon-font-icon34:before
{
	content: "\ee7f";
}

.icon-font-full:before
{
	content: "\ee80";
}

.icon-font-mail:before
{
	content: "\ee81";
}

.icon-font-peoplelist:before
{
	content: "\ee82";
}

.icon-font-bussinesscard:before
{
	content: "\ee83";
}

.icon-font-hot1:before
{
	content: "\ee84";
}

.icon-font-shoppingcart2shape:before
{
	content: "\ee85";
}

.icon-font-shoppingcart2line:before
{
	content: "\ee86";
}

.icon-font-icon35:before
{
	content: "\ee87";
}

.icon-font-danlieliebiao:before
{
	content: "\ee88";
}

.icon-font-shuanglieliebiao:before
{
	content: "\ee89";
}

.icon-font-meizhuangleimu:before
{
	content: "\ee8a";
}

.icon-font-jiazhuangjiajuleimufill:before
{
	content: "\ee8b";
}

.icon-font-jiazhuangjiajuleimu:before
{
	content: "\ee8c";
}

.icon-font-yundonghuwaileimufill:before
{
	content: "\ee8d";
}

.icon-font-yundonghuwaileimu:before
{
	content: "\ee8e";
}

.icon-font-neiyileimufill:before
{
	content: "\ee8f";
}

.icon-font-neiyileimu:before
{
	content: "\ee90";
}

.icon-font-xiangbaoleimufill:before
{
	content: "\ee91";
}

.icon-font-xiangbaoleimu:before
{
	content: "\ee92";
}

.icon-font-muyingleimu:before
{
	content: "\ee93";
}

.icon-font-shumajiadianleimufill:before
{
	content: "\ee94";
}

.icon-font-shumajiadianleimu:before
{
	content: "\ee95";
}

.icon-font-shipinleimu:before
{
	content: "\ee96";
}

.icon-font-xiebaopeishileimufill:before
{
	content: "\ee97";
}

.icon-font-xiebaopeishileimu:before
{
	content: "\ee98";
}

.icon-font-nanzhuangleimufill:before
{
	content: "\ee99";
}

.icon-font-nanzhuangleimu:before
{
	content: "\ee9a";
}

.icon-font-nvzhuangleimufill:before
{
	content: "\ee9b";
}

.icon-font-nvzhuangleimu:before
{
	content: "\ee9c";
}

.icon-font-icon36:before
{
	content: "\ee9d";
}

.icon-font-icon37:before
{
	content: "\ee9e";
}

.icon-font-icon38:before
{
	content: "\ee9f";
}

.icon-font-icon39:before
{
	content: "\eea0";
}

.icon-font-15tianbaotui01:before
{
	content: "\eea1";
}

.icon-font-zhi:before
{
	content: "\eea2";
}

.icon-font-goodsnewfill:before
{
	content: "\eea3";
}

.icon-font-goodsnew:before
{
	content: "\eea4";
}

.icon-font-medalfill:before
{
	content: "\eea5";
}

.icon-font-medal:before
{
	content: "\eea6";
}

.icon-font-newsfill:before
{
	content: "\eea7";
}

.icon-font-newshot:before
{
	content: "\eea9";
}

.icon-font-news:before
{
	content: "\eeaa";
}

.icon-font-videofill:before
{
	content: "\eeab";
}

.icon-font-video:before
{
	content: "\eeac";
}

.icon-font-data:before
{
	content: "\eead";
}

.icon-font-trade:before
{
	content: "\eeae";
}

.icon-font-select1:before
{
	content: "\eeaf";
}

.icon-font-selectcity:before
{
	content: "\eeb0";
}

.icon-font-selectmethod:before
{
	content: "\eeb1";
}

.icon-font-selectlocal:before
{
	content: "\eeb2";
}

.icon-font-onepage48:before
{
	content: "\eeb3";
}

.icon-font-askfill:before
{
	content: "\eeb4";
}

.icon-font-ask:before
{
	content: "\eeb5";
}

.icon-font-exit1:before
{
	content: "\eeb6";
}

.icon-font-skinfill:before
{
	content: "\eeb7";
}

.icon-font-skin:before
{
	content: "\eeb8";
}

.icon-font-moneybagfill:before
{
	content: "\eeb9";
}

.icon-font-usefullfill:before
{
	content: "\eeba";
}

.icon-font-usefull:before
{
	content: "\eebb";
}

.icon-font-moneybag:before
{
	content: "\eebc";
}

.icon-font-icon40:before
{
	content: "\eebd";
}

.icon-font-fill_recommend:before
{
	content: "\eebe";
}

.icon-font-fill_flight:before
{
	content: "\eebf";
}

.icon-font-fill_passport:before
{
	content: "\eec0";
}

.icon-font-fill_hotel:before
{
	content: "\eec1";
}

.icon-font-fill_car:before
{
	content: "\eec2";
}

.icon-font-filltransfer:before
{
	content: "\eec3";
}

.icon-font-more31:before
{
	content: "\eec7";
}

.icon-font-shouye55:before
{
	content: "\eec8";
}

.icon-font-all2:before
{
	content: "\eec9";
}

.icon-font-cart5:before
{
	content: "\eeca";
}

.icon-font-set1:before
{
	content: "\eecb";
}

.icon-font-arrowdown:before
{
	content: "\eecc";
}

.icon-font-arrowleft:before
{
	content: "\eecd";
}

.icon-font-arrowright:before
{
	content: "\eece";
}

.icon-font-arrowup:before
{
	content: "\eecf";
}

.icon-font-favorite1:before
{
	content: "\eed0";
}

.icon-font-good1:before
{
	content: "\eed1";
}

.icon-font-close4:before
{
	content: "\eed2";
}

.icon-font-refresh4:before
{
	content: "\eed3";
}

.icon-font-map2:before
{
	content: "\eed4";
}

.icon-font-account1:before
{
	content: "\eed5";
}

.icon-font-search5:before
{
	content: "\eed6";
}

.icon-font-download1:before
{
	content: "\eed7";
}

.icon-font-compass1:before
{
	content: "\eed8";
}

.icon-font-comments2:before
{
	content: "\eed9";
}

.icon-font-down3:before
{
	content: "\eeda";
}

.icon-font-up2:before
{
	content: "\eedb";
}

.icon-font-play1:before
{
	content: "\eedc";
}

.icon-font-error:before
{
	content: "\eedd";
}

.icon-font-prompt:before
{
	content: "\eede";
}

.icon-font-success1:before
{
	content: "\eedf";
}

.icon-font-stop1:before
{
	content: "\eee0";
}

.icon-font-help2:before
{
	content: "\eee1";
}

.icon-font-time2:before
{
	content: "\eee2";
}

.icon-font-cry1:before
{
	content: "\eee3";
}

.icon-font-add4:before
{
	content: "\eee4";
}

.icon-font-minus:before
{
	content: "\eee5";
}

.icon-font-link3:before
{
	content: "\eee6";
}

.icon-font-atm1:before
{
	content: "\eee7";
}

.icon-font-skip1:before
{
	content: "\eee8";
}

.icon-font-attachment3:before
{
	content: "\eee9";
}

.icon-font-browse1:before
{
	content: "\eeea";
}

.icon-font-phone3:before
{
	content: "\eeeb";
}

.icon-font-bad2:before
{
	content: "\eeec";
}

.icon-font-text2:before
{
	content: "\eeed";
}

.icon-font-anquan1:before
{
	content: "\eeee";
}

.icon-font-baohusan:before
{
	content: "\eeef";
}

.icon-font-dibiao1:before
{
	content: "\eef0";
}

.icon-font-aixin:before
{
	content: "\eef1";
}

.icon-font-dengpao:before
{
	content: "\eef2";
}

.icon-font-bianji8:before
{
	content: "\eef3";
}

.icon-font-duanxin1:before
{
	content: "\eef4";
}

.icon-font-diannao:before
{
	content: "\eef5";
}

.icon-font-erweima4:before
{
	content: "\eef6";
}

.icon-font-duihuan1:before
{
	content: "\eef7";
}

.icon-font-duofangtonghua:before
{
	content: "\eef8";
}

.icon-font-fenxiang8:before
{
	content: "\eef9";
}

.icon-font-gouwushangcheng:before
{
	content: "\eefa";
}

.icon-font-guanbi4:before
{
	content: "\eefb";
}

.icon-font-guhua:before
{
	content: "\eefc";
}

.icon-font-gouwuche4:before
{
	content: "\eefd";
}

.icon-font-jilu:before
{
	content: "\eefe";
}

.icon-font-kuaidiyunshu:before
{
	content: "\eeff";
}

.icon-font-hongbao3:before
{
	content: "\ef00";
}

.icon-font-huangguan4:before
{
	content: "\ef01";
}

.icon-font-quan2:before
{
	content: "\ef02";
}

.icon-font-qun:before
{
	content: "\ef03";
}

.icon-font-saoma1:before
{
	content: "\ef04";
}

.icon-font-qiche1:before
{
	content: "\ef05";
}

.icon-font-lipin:before
{
	content: "\ef06";
}

.icon-font-shanchu10:before
{
	content: "\ef07";
}

.icon-font-shangchuan4:before
{
	content: "\ef08";
}

.icon-font-kuandai1:before
{
	content: "\ef09";
}

.icon-font-shengyin2:before
{
	content: "\ef0a";
}

.icon-font-shirenrenzheng:before
{
	content: "\ef0b";
}

.icon-font-shezhi8:before
{
	content: "\ef0c";
}

.icon-font-shipin3:before
{
	content: "\ef0d";
}

.icon-font-shouji4:before
{
	content: "\ef0e";
}

.icon-font-shoucang3:before
{
	content: "\ef0f";
}

.icon-font-sousuo7:before
{
	content: "\ef10";
}

.icon-font-shuaxin5:before
{
	content: "\ef11";
}

.icon-font-taocanyuliang:before
{
	content: "\ef12";
}

.icon-font-suo1:before
{
	content: "\ef13";
}

.icon-font-tiquliuliang1:before
{
	content: "\ef14";
}

.icon-font-tonghua:before
{
	content: "\ef15";
}

.icon-font-tongji:before
{
	content: "\ef16";
}

.icon-font-wendang:before
{
	content: "\ef17";
}

.icon-font-tupian7:before
{
	content: "\ef18";
}

.icon-font-tongxunlu1:before
{
	content: "\ef19";
}

.icon-font-wenjianjia1:before
{
	content: "\ef1a";
}

.icon-font-wendangxiugai:before
{
	content: "\ef1b";
}

.icon-font-xiyiji2:before
{
	content: "\ef1c";
}

.icon-font-xiazai2:before
{
	content: "\ef1d";
}

.icon-font-wodetongxin:before
{
	content: "\ef1e";
}

.icon-font-xiangji4:before
{
	content: "\ef1f";
}

.icon-font-xinxi4:before
{
	content: "\ef20";
}

.icon-font-yingyeting:before
{
	content: "\ef21";
}

.icon-font-yibantishi1:before
{
	content: "\ef22";
}

.icon-font-yuliang:before
{
	content: "\ef23";
}

.icon-font-zan3:before
{
	content: "\ef24";
}

.icon-font-zhengquetishi1:before
{
	content: "\ef25";
}

.icon-font-zhongyaotishi:before
{
	content: "\ef26";
}

.icon-font-yonghu3:before
{
	content: "\ef27";
}

.icon-font-yunduantongbu:before
{
	content: "\ef28";
}

.icon-font-zhuanzengliuliang1:before
{
	content: "\ef29";
}

.icon-font-simqia1:before
{
	content: "\ef2a";
}

.icon-font-zuanshi3:before
{
	content: "\ef2b";
}

.icon-font-wifi4:before
{
	content: "\ef2c";
}

.icon-font-zhuanquliuliang:before
{
	content: "\ef2d";
}

.icon-font-iconfont-shanzi:before
{
	content: "\ef2e";
}

.icon-font-wangluo1:before
{
	content: "\ef2f";
}

.icon-font-yunyingguanli:before
{
	content: "\ef30";
}

.icon-font-jiankong:before
{
	content: "\ef31";
}

.icon-font-dashuju:before
{
	content: "\ef32";
}

.icon-font-shuju:before
{
	content: "\ef33";
}

.icon-font-chuangxin:before
{
	content: "\ef34";
}

.icon-font-GOC:before
{
	content: "\ef35";
}

.icon-font-yunweiguanli:before
{
	content: "\ef36";
}

.icon-font-yanfaxietong:before
{
	content: "\ef37";
}

.icon-font-redpacket_fill:before
{
	content: "\ef39";
}

.icon-font-subscription:before
{
	content: "\ef3a";
}

.icon-font-erweima1688:before
{
	content: "\ef3b";
}

.icon-font-renminbi1688:before
{
	content: "\ef3c";
}

.icon-font-icon41:before
{
	content: "\ef3d";
}

.icon-font-trave_days:before
{
	content: "\ef3e";
}

.icon-font-bianji9:before
{
	content: "\ef3f";
}

.icon-font-jian2:before
{
	content: "\ef40";
}

.icon-font-jiankong1:before
{
	content: "\ef41";
}

.icon-font-gengduo5:before
{
	content: "\ef42";
}

.icon-font-guanbi5:before
{
	content: "\ef43";
}

.icon-font-bangzhu3:before
{
	content: "\ef44";
}

.icon-font-kaiguan:before
{
	content: "\ef45";
}

.icon-font-shaixuan1:before
{
	content: "\ef46";
}

.icon-font-shanchu11:before
{
	content: "\ef47";
}

.icon-font-mingpian:before
{
	content: "\ef48";
}

.icon-font-shouqicaidan:before
{
	content: "\ef49";
}

.icon-font-tixing3:before
{
	content: "\ef4a";
}

.icon-font-tianjia3:before
{
	content: "\ef4b";
}

.icon-font-sousuo8:before
{
	content: "\ef4c";
}

.icon-font-yingyongzhongxin1:before
{
	content: "\ef4d";
}

.icon-font-youjiantou:before
{
	content: "\ef4e";
}

.icon-font-youjian1:before
{
	content: "\ef4f";
}

.icon-font-zhankaicaidan:before
{
	content: "\ef50";
}

.icon-font-yonghu-yuan:before
{
	content: "\ef51";
}

.icon-font-yonghu4:before
{
	content: "\ef52";
}

.icon-font-zuojiantou:before
{
	content: "\ef53";
}

.icon-font-zhuyi1:before
{
	content: "\ef54";
}

.icon-font-xuanzhong1:before
{
	content: "\ef55";
}

.icon-font-shoucang4:before
{
	content: "\ef56";
}

.icon-font-shoucangxuanzhong1:before
{
	content: "\ef57";
}

.icon-font-caidan1:before
{
	content: "\ef58";
}

.icon-font-liebiao4:before
{
	content: "\ef59";
}

.icon-font-wenduzengjia:before
{
	content: "\ef5a";
}

.icon-font-wangluoxitong:before
{
	content: "\ef5b";
}

.icon-font-wendu:before
{
	content: "\ef5d";
}

.icon-font-dianyuan:before
{
	content: "\ef5e";
}

.icon-font-wendujiangdi:before
{
	content: "\ef5f";
}

.icon-font-dingwei1:before
{
	content: "\ef60";
}

.icon-font-yingpan1:before
{
	content: "\ef61";
}

.icon-font-neicun:before
{
	content: "\ef62";
}

.icon-font-wangluojiekou:before
{
	content: "\ef63";
}

.icon-font-wenjian1:before
{
	content: "\ef64";
}

.icon-font-xitongyunzhuanqingkuang:before
{
	content: "\ef65";
}

.icon-font-zhuanxianjieru:before
{
	content: "\ef66";
}

.icon-font-IP:before
{
	content: "\ef67";
}

.icon-font-mokuai:before
{
	content: "\ef68";
}

.icon-font-yun1:before
{
	content: "\ef69";
}

.icon-font-VPN:before
{
	content: "\ef6a";
}

.icon-font-shujuku:before
{
	content: "\ef6b";
}

.icon-font-anquan2:before
{
	content: "\ef6c";
}

.icon-font-USB:before
{
	content: "\ef6d";
}

.icon-font-shijian3:before
{
	content: "\ef6e";
}

.icon-font-shouye56:before
{
	content: "\ef6f";
}

.icon-font-shuju01:before
{
	content: "\ef70";
}

.icon-font-baocun1:before
{
	content: "\ef71";
}

.icon-font-jiegousheji:before
{
	content: "\ef72";
}

.icon-font-lishi:before
{
	content: "\ef73";
}

.icon-font-shang:before
{
	content: "\ef74";
}

.icon-font-xia:before
{
	content: "\ef75";
}

.icon-font-zuo:before
{
	content: "\ef76";
}

.icon-font-biaoqian2:before
{
	content: "\ef77";
}

.icon-font-daxiao:before
{
	content: "\ef78";
}

.icon-font-daochu:before
{
	content: "\ef79";
}

.icon-font-biaoge:before
{
	content: "\ef7a";
}

.icon-font-chuangjianshili:before
{
	content: "\ef7b";
}

.icon-font-chakan4:before
{
	content: "\ef7c";
}

.icon-font-renwu:before
{
	content: "\ef7d";
}

.icon-font-peizhiguanli:before
{
	content: "\ef7e";
}

.icon-font-quanxian:before
{
	content: "\ef7f";
}

.icon-font-lishijilu:before
{
	content: "\ef80";
}

.icon-font-lianjie4:before
{
	content: "\ef81";
}

.icon-font-rili3:before
{
	content: "\ef82";
}

.icon-font-shenqingquanxian:before
{
	content: "\ef83";
}

.icon-font-shuaxin6:before
{
	content: "\ef84";
}

.icon-font-shujudaochu-01:before
{
	content: "\ef85";
}

.icon-font-weixiao:before
{
	content: "\ef86";
}

.icon-font-xitongzhuangtai:before
{
	content: "\ef87";
}

.icon-font-shuzi:before
{
	content: "\ef88";
}

.icon-font-shujubiangeng:before
{
	content: "\ef89";
}

.icon-font-xiaofeimingxidan:before
{
	content: "\ef8a";
}

.icon-font-histore-01:before
{
	content: "\ef8b";
}

.icon-font-huanj-01:before
{
	content: "\ef8c";
}

.icon-font-loading1:before
{
	content: "\ef8d";
}

.icon-font-app1:before
{
	content: "\ef8e";
}

.icon-font-mysql-01:before
{
	content: "\ef8f";
}

.icon-font-oracle-01:before
{
	content: "\ef90";
}

.icon-font-SQLshenhe:before
{
	content: "\ef91";
}

.icon-font-text3:before
{
	content: "\ef92";
}

.icon-font-oceanbase-01:before
{
	content: "\ef93";
}

.icon-font-postgresql-01:before
{
	content: "\ef94";
}

.icon-font-wangluopinpaishu:before
{
	content: "\ef95";
}

.icon-font-aislogo:before
{
	content: "\ef96";
}

.icon-font-7tianbaotui:before
{
	content: "\ef97";
}

.icon-font-tupianbaohu:before
{
	content: "\ef98";
}

.icon-font-signboard:before
{
	content: "\ef99";
}

.icon-font-shuffling-banner:before
{
	content: "\ef9a";
}

.icon-font-component:before
{
	content: "\ef9b";
}

.icon-font-component-filling:before
{
	content: "\ef9c";
}

.icon-font-color:before
{
	content: "\ef9d";
}

/*=======================================================================
// Created: 2015-3-10 22:51:17
// Author:  Johnson Wen 
// Comment: Animate.css - http://daneden.me/animate
//=======================================================================*/
@-webkit-keyframes bounce
{
	0%,100%,20%,50%,80%
	{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40%
	{
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	60%
	{
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@keyframes bounce
{
	0%,100%,20%,50%,80%
	{
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	40%
	{
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	60%
	{
		-webkit-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

.bounce
{
	animation-fill-mode: both;
	animation-duration: 2s;
	-webkit-animation-name: bounce;
	animation-name: bounce;
}

@-webkit-keyframes flash
{
	0%,100%,50%
	{
		opacity: 1;
	}

	25%,75%
	{
		opacity: 0;
	}
}

@keyframes flash
{
	0%,100%,50%
	{
		opacity: 1;
	}

	25%,75%
	{
		opacity: 0;
	}
}

.flash
{
	animation-fill-mode: both;
	animation-duration: 0.5s;
	-webkit-animation-name: flash;
	animation-name: flash;
}

@-webkit-keyframes pulse
{
	0%
	{
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50%
	{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	100%
	{
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes pulse
{
	0%
	{
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	50%
	{
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

	100%
	{
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

.pulse
{
	animation-fill-mode: both;
	animation-duration: 0.5s;
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

@-webkit-keyframes rubber-band
{
	0%
	{
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	30%
	{
		-webkit-transform: scaleX(1.25) scaleY(0.75);
		transform: scaleX(1.25) scaleY(0.75);
	}

	40%
	{
		-webkit-transform: scaleX(0.75) scaleY(1.25);
		transform: scaleX(0.75) scaleY(1.25);
	}

	60%
	{
		-webkit-transform: scaleX(1.15) scaleY(0.85);
		transform: scaleX(1.15) scaleY(0.85);
	}

	100%
	{
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes rubber-band
{
	0%
	{
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	30%
	{
		-webkit-transform: scaleX(1.25) scaleY(0.75);
		-ms-transform: scaleX(1.25) scaleY(0.75);
		transform: scaleX(1.25) scaleY(0.75);
	}

	40%
	{
		-webkit-transform: scaleX(0.75) scaleY(1.25);
		-ms-transform: scaleX(0.75) scaleY(1.25);
		transform: scaleX(0.75) scaleY(1.25);
	}

	60%
	{
		-webkit-transform: scaleX(1.15) scaleY(0.85);
		-ms-transform: scaleX(1.15) scaleY(0.85);
		transform: scaleX(1.15) scaleY(0.85);
	}

	100%
	{
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

.rubber-band
{
	animation-fill-mode: both;
	animation-duration: 0.5s;
	-webkit-animation-name: rubber-band;
	animation-name: rubber-band;
}

@-webkit-keyframes shake
{
	0%,100%
	{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	10%,30%,50%,70%,90%
	{
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}

	20%,40%,60%,80%
	{
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}
}

@keyframes shake
{
	0%,100%
	{
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	10%,30%,50%,70%,90%
	{
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px);
	}

	20%,40%,60%,80%
	{
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px);
	}
}

.shake
{
	animation-fill-mode: both;
	animation-duration: 0.5s;
	-webkit-animation-name: shake;
	animation-name: shake;
}

@-webkit-keyframes swing
{
	20%
	{
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	40%
	{
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	60%
	{
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	80%
	{
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

	100%
	{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@keyframes swing
{
	20%
	{
		-webkit-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	40%
	{
		-webkit-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	60%
	{
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	80%
	{
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

	100%
	{
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

.swing
{
	animation-fill-mode: both;
	animation-duration: 0.5s;
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}

@-webkit-keyframes tada
{
	0%
	{
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	10%,20%
	{
		-webkit-transform: scale(0.9) rotate(-3deg);
		transform: scale(0.9) rotate(-3deg);
	}

	30%,50%,70%,90%
	{
		-webkit-transform: scale(1.1) rotate(3deg);
		transform: scale(1.1) rotate(3deg);
	}

	40%,60%,80%
	{
		-webkit-transform: scale(1.1) rotate(-3deg);
		transform: scale(1.1) rotate(-3deg);
	}

	100%
	{
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0);
	}
}

@keyframes tada
{
	0%
	{
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	10%,20%
	{
		-webkit-transform: scale(0.9) rotate(-3deg);
		-ms-transform: scale(0.9) rotate(-3deg);
		transform: scale(0.9) rotate(-3deg);
	}

	30%,50%,70%,90%
	{
		-webkit-transform: scale(1.1) rotate(3deg);
		-ms-transform: scale(1.1) rotate(3deg);
		transform: scale(1.1) rotate(3deg);
	}

	40%,60%,80%
	{
		-webkit-transform: scale(1.1) rotate(-3deg);
		-ms-transform: scale(1.1) rotate(-3deg);
		transform: scale(1.1) rotate(-3deg);
	}

	100%
	{
		-webkit-transform: scale(1) rotate(0);
		-ms-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0);
	}
}

.tada
{
	animation-fill-mode: both;
	animation-duration: 0.5s;
	-webkit-animation-name: tada;
	animation-name: tada;
}

@-webkit-keyframes wobble
{
	0%
	{
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}

	15%
	{
		-webkit-transform: translateX(-25%) rotate(-5deg);
		transform: translateX(-25%) rotate(-5deg);
	}

	30%
	{
		-webkit-transform: translateX(20%) rotate(3deg);
		transform: translateX(20%) rotate(3deg);
	}

	45%
	{
		-webkit-transform: translateX(-15%) rotate(-3deg);
		transform: translateX(-15%) rotate(-3deg);
	}

	60%
	{
		-webkit-transform: translateX(10%) rotate(2deg);
		transform: translateX(10%) rotate(2deg);
	}

	75%
	{
		-webkit-transform: translateX(-5%) rotate(-1deg);
		transform: translateX(-5%) rotate(-1deg);
	}

	100%
	{
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
}

@keyframes wobble
{
	0%
	{
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}

	15%
	{
		-webkit-transform: translateX(-25%) rotate(-5deg);
		-ms-transform: translateX(-25%) rotate(-5deg);
		transform: translateX(-25%) rotate(-5deg);
	}

	30%
	{
		-webkit-transform: translateX(20%) rotate(3deg);
		-ms-transform: translateX(20%) rotate(3deg);
		transform: translateX(20%) rotate(3deg);
	}

	45%
	{
		-webkit-transform: translateX(-15%) rotate(-3deg);
		-ms-transform: translateX(-15%) rotate(-3deg);
		transform: translateX(-15%) rotate(-3deg);
	}

	60%
	{
		-webkit-transform: translateX(10%) rotate(2deg);
		-ms-transform: translateX(10%) rotate(2deg);
		transform: translateX(10%) rotate(2deg);
	}

	75%
	{
		-webkit-transform: translateX(-5%) rotate(-1deg);
		-ms-transform: translateX(-5%) rotate(-1deg);
		transform: translateX(-5%) rotate(-1deg);
	}

	100%
	{
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}
}

.wobble
{
	animation-fill-mode: both;
	animation-duration: 0.5s;
	-webkit-animation-name: wobble;
	animation-name: wobble;
}

@-webkit-keyframes bouncein
{
	0%
	{
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3);
	}

	50%
	{
		opacity: 1;
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}

	70%
	{
		-webkit-transform: scale(.9);
		transform: scale(.9);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes bouncein
{
	0%
	{
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
	}

	50%
	{
		opacity: 1;
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}

	70%
	{
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

.bouncein
{
	animation-fill-mode: both;
	animation-duration: 0.5s;
	-webkit-animation-name: bouncein;
	animation-name: bouncein;
}

@-webkit-keyframes bouncein-down
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}

	60%
	{
		opacity: 1;
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
	}

	80%
	{
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	100%
	{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes bouncein-down
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}

	60%
	{
		opacity: 1;
		-webkit-transform: translateY(30px);
		-ms-transform: translateY(30px);
		transform: translateY(30px);
	}

	80%
	{
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	100%
	{
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.bouncein-down
{
	animation-fill-mode: both;
	animation-duration: 0.5s;
	-webkit-animation-name: bouncein-down;
	animation-name: bouncein-down;
}

@-webkit-keyframes bouncein-left
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}

	60%
	{
		opacity: 1;
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
	}

	80%
	{
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}

	100%
	{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes bouncein-left
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}

	60%
	{
		opacity: 1;
		-webkit-transform: translateX(30px);
		-ms-transform: translateX(30px);
		transform: translateX(30px);
	}

	80%
	{
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px);
	}

	100%
	{
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.bouncein-left
{
	animation-fill-mode: both;
	animation-duration: 0.5s;
	-webkit-animation-name: bouncein-left;
	animation-name: bouncein-left;
}

@-webkit-keyframes bouncein-right
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px);
	}

	60%
	{
		opacity: 1;
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px);
	}

	80%
	{
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}

	100%
	{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes bouncein-right
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px);
	}

	60%
	{
		opacity: 1;
		-webkit-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		transform: translateX(-30px);
	}

	80%
	{
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px);
	}

	100%
	{
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.bouncein-right
{
	animation-fill-mode: both;
	animation-duration: 0.5s;
	-webkit-animation-name: bouncein-right;
	animation-name: bouncein-right;
}

@-webkit-keyframes bouncein-up
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px);
	}

	60%
	{
		opacity: 1;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	80%
	{
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}

	100%
	{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes bouncein-up
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px);
	}

	60%
	{
		opacity: 1;
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	80%
	{
		-webkit-transform: translateY(10px);
		-ms-transform: translateY(10px);
		transform: translateY(10px);
	}

	100%
	{
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.bouncein-up
{
	animation-fill-mode: both;
	animation-duration: 0.5s;
	-webkit-animation-name: bouncein-up;
	animation-name: bouncein-up;
}

@-webkit-keyframes bounceout
{
	0%
	{
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	25%
	{
		-webkit-transform: scale(.95);
		transform: scale(.95);
	}

	50%
	{
		opacity: 1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3);
	}
}

@keyframes bounceout
{
	0%
	{
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	25%
	{
		-webkit-transform: scale(.95);
		-ms-transform: scale(.95);
		transform: scale(.95);
	}

	50%
	{
		opacity: 1;
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
	}
}

.bounceout
{
	-webkit-animation-name: bounceout;
	animation-name: bounceout;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes bounceout-down
{
	0%
	{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	20%
	{
		opacity: 1;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px);
	}
}

@keyframes bounceout-down
{
	0%
	{
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	20%
	{
		opacity: 1;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px);
	}
}

.bounceout-down
{
	-webkit-animation-name: bounceout-down;
	animation-name: bounceout-down;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes bounceout-left
{
	0%
	{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	20%
	{
		opacity: 1;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}
}

@keyframes bounceout-left
{
	0%
	{
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	20%
	{
		opacity: 1;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}
}

.bounceout-left
{
	-webkit-animation-name: bounceout-left;
	animation-name: bounceout-left;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes bounceout-right
{
	0%
	{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	20%
	{
		opacity: 1;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px);
	}
}

@keyframes bounceout-right
{
	0%
	{
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	20%
	{
		opacity: 1;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px);
	}
}

.bounceout-right
{
	-webkit-animation-name: bounceout-right;
	animation-name: bounceout-right;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes bounceout-up
{
	0%
	{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	20%
	{
		opacity: 1;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
}

@keyframes bounceout-up
{
	0%
	{
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	20%
	{
		opacity: 1;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
}

.bounceout-up
{
	-webkit-animation-name: bounceout-up;
	animation-name: bounceout-up;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadein
{
	0%
	{
		opacity: 0;
	}

	100%
	{
		opacity: 1;
	}
}

@keyframes fadein
{
	0%
	{
		opacity: 0;
	}

	100%
	{
		opacity: 1;
	}
}

.fadein
{
	-webkit-animation-name: fadein;
	animation-name: fadein;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadein-down
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadein-down
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.fadein-down
{
	-webkit-animation-name: fadein-down;
	animation-name: fadein-down;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadein-downbig
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadein-downbig
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.fadein-downbig
{
	-webkit-animation-name: fadein-downbig;
	animation-name: fadein-downbig;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadein-left
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadein-left
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fadein-left
{
	-webkit-animation-name: fadein-left;
	animation-name: fadein-left;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadein-leftbig
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadein-leftbig
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fadein-leftbig
{
	-webkit-animation-name: fadein-leftbig;
	animation-name: fadein-leftbig;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadein-right
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadein-right
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fadein-right
{
	-webkit-animation-name: fadein-right;
	animation-name: fadein-right;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadein-rightbig
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadein-rightbig
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fadein-rightbig
{
	-webkit-animation-name: fadein-rightbig;
	animation-name: fadein-rightbig;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadein-up
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadein-up
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.fadein-up
{
	-webkit-animation-name: fadein-up;
	animation-name: fadein-up;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadein-upbig
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadein-upbig
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.fadein-upbig
{
	-webkit-animation-name: fadein-upbig;
	animation-name: fadein-upbig;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadeout
{
	0%
	{
		opacity: 1;
	}

	100%
	{
		opacity: 0;
	}
}

@keyframes fadeout
{
	0%
	{
		opacity: 1;
	}

	100%
	{
		opacity: 0;
	}
}

.fadeout
{
	-webkit-animation-name: fadeout;
	animation-name: fadeout;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadeout-down
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
}

@keyframes fadeout-down
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}
}

.fadeout-down
{
	-webkit-animation-name: fadeout-down;
	animation-name: fadeout-down;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadeout-downbig
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px);
	}
}

@keyframes fadeout-downbig
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px);
	}
}

.fadeout-downbig
{
	-webkit-animation-name: fadeout-downbig;
	animation-name: fadeout-downbig;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadeout-left
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}
}

@keyframes fadeout-left
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px);
	}
}

.fadeout-left
{
	-webkit-animation-name: fadeout-left;
	animation-name: fadeout-left;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadeout-leftbig
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}
}

@keyframes fadeout-leftbig
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}
}

.fadeout-leftbig
{
	-webkit-animation-name: fadeout-leftbig;
	animation-name: fadeout-leftbig;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadeout-right
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}
}

@keyframes fadeout-right
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
	}
}

.fadeout-right
{
	-webkit-animation-name: fadeout-right;
	animation-name: fadeout-right;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadeout-rightbig
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px);
	}
}

@keyframes fadeout-rightbig
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px);
	}
}

.fadeout-rightbig
{
	-webkit-animation-name: fadeout-rightbig;
	animation-name: fadeout-rightbig;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadeout-up
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}

@keyframes fadeout-up
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}

.fadeout-up
{
	-webkit-animation-name: fadeout-up;
	animation-name: fadeout-up;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadeout-upbig
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
}

@keyframes fadeout-upbig
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
}

.fadeout-upbig
{
	-webkit-animation-name: fadeout-upbig;
	animation-name: fadeout-upbig;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes flip
{
	0%
	{
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40%
	{
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50%
	{
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80%
	{
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100%
	{
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

@keyframes flip
{
	0%
	{
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40%
	{
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50%
	{
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80%
	{
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100%
	{
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

.flip
{
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes flipinx
{
	0%
	{
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}

	40%
	{
		-webkit-transform: perspective(400px) rotateX(-10deg);
		transform: perspective(400px) rotateX(-10deg);
	}

	70%
	{
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
	}

	100%
	{
		-webkit-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
}

@keyframes flipinx
{
	0%
	{
		-webkit-transform: perspective(400px) rotateX(90deg);
		-ms-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}

	40%
	{
		-webkit-transform: perspective(400px) rotateX(-10deg);
		-ms-transform: perspective(400px) rotateX(-10deg);
		transform: perspective(400px) rotateX(-10deg);
	}

	70%
	{
		-webkit-transform: perspective(400px) rotateX(10deg);
		-ms-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
	}

	100%
	{
		-webkit-transform: perspective(400px) rotateX(0deg);
		-ms-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
}

.flipinx
{
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipinx;
	animation-name: flipinx;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes flipiny
{
	0%
	{
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}

	40%
	{
		-webkit-transform: perspective(400px) rotateY(-10deg);
		transform: perspective(400px) rotateY(-10deg);
	}

	70%
	{
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
	}

	100%
	{
		-webkit-transform: perspective(400px) rotateY(0deg);
		transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes flipiny
{
	0%
	{
		-webkit-transform: perspective(400px) rotateY(90deg);
		-ms-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}

	40%
	{
		-webkit-transform: perspective(400px) rotateY(-10deg);
		-ms-transform: perspective(400px) rotateY(-10deg);
		transform: perspective(400px) rotateY(-10deg);
	}

	70%
	{
		-webkit-transform: perspective(400px) rotateY(10deg);
		-ms-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
	}

	100%
	{
		-webkit-transform: perspective(400px) rotateY(0deg);
		-ms-transform: perspective(400px) rotateY(0deg);
		transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}
}

.flipiny
{
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipiny;
	animation-name: flipiny;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes flipoutx
{
	0%
	{
		-webkit-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}

	100%
	{
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
}

@keyframes flipoutx
{
	0%
	{
		-webkit-transform: perspective(400px) rotateX(0deg);
		-ms-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}

	100%
	{
		-webkit-transform: perspective(400px) rotateX(90deg);
		-ms-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
}

.flipoutx
{
	-webkit-animation-name: flipoutx;
	animation-name: flipoutx;
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes flipouty
{
	0%
	{
		-webkit-transform: perspective(400px) rotateY(0deg);
		transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}

	100%
	{
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
}

@keyframes flipouty
{
	0%
	{
		-webkit-transform: perspective(400px) rotateY(0deg);
		-ms-transform: perspective(400px) rotateY(0deg);
		transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}

	100%
	{
		-webkit-transform: perspective(400px) rotateY(90deg);
		-ms-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
}

.flipouty
{
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipouty;
	animation-name: flipouty;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes lightin
{
	0%
	{
		-webkit-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0;
	}

	60%
	{
		-webkit-transform: translateX(-20%) skewX(30deg);
		transform: translateX(-20%) skewX(30deg);
		opacity: 1;
	}

	80%
	{
		-webkit-transform: translateX(0%) skewX(-15deg);
		transform: translateX(0%) skewX(-15deg);
		opacity: 1;
	}

	100%
	{
		-webkit-transform: translateX(0%) skewX(0deg);
		transform: translateX(0%) skewX(0deg);
		opacity: 1;
	}
}

@keyframes lightin
{
	0%
	{
		-webkit-transform: translateX(100%) skewX(-30deg);
		-ms-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0;
	}

	60%
	{
		-webkit-transform: translateX(-20%) skewX(30deg);
		-ms-transform: translateX(-20%) skewX(30deg);
		transform: translateX(-20%) skewX(30deg);
		opacity: 1;
	}

	80%
	{
		-webkit-transform: translateX(0%) skewX(-15deg);
		-ms-transform: translateX(0%) skewX(-15deg);
		transform: translateX(0%) skewX(-15deg);
		opacity: 1;
	}

	100%
	{
		-webkit-transform: translateX(0%) skewX(0deg);
		-ms-transform: translateX(0%) skewX(0deg);
		transform: translateX(0%) skewX(0deg);
		opacity: 1;
	}
}

.lightin
{
	-webkit-animation-name: lightin;
	animation-name: lightin;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes lightout
{
	0%
	{
		-webkit-transform: translateX(0%) skewX(0deg);
		transform: translateX(0%) skewX(0deg);
		opacity: 1;
	}

	100%
	{
		-webkit-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0;
	}
}

@keyframes lightout
{
	0%
	{
		-webkit-transform: translateX(0%) skewX(0deg);
		-ms-transform: translateX(0%) skewX(0deg);
		transform: translateX(0%) skewX(0deg);
		opacity: 1;
	}

	100%
	{
		-webkit-transform: translateX(100%) skewX(-30deg);
		-ms-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0;
	}
}

.lightout
{
	-webkit-animation-name: lightout;
	animation-name: lightout;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes rotatein
{
	0%
	{
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0;
	}

	100%
	{
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotatein
{
	0%
	{
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		-ms-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0;
	}

	100%
	{
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

.rotatein
{
	-webkit-animation-name: rotatein;
	animation-name: rotatein;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes rotatein-downleft
{
	0%
	{
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}

	100%
	{
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotatein-downleft
{
	0%
	{
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}

	100%
	{
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

.rotatein-downleft
{
	-webkit-animation-name: rotatein-downleft;
	animation-name: rotatein-downleft;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes rotatein-downright
{
	0%
	{
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}

	100%
	{
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotatein-downright
{
	0%
	{
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}

	100%
	{
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

.rotatein-downright
{
	-webkit-animation-name: rotatein-downright;
	animation-name: rotatein-downright;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes rotatein-upleft
{
	0%
	{
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}

	100%
	{
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotatein-upleft
{
	0%
	{
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}

	100%
	{
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

.rotatein-upleft
{
	-webkit-animation-name: rotatein-upleft;
	animation-name: rotatein-upleft;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes rotatein-upright
{
	0%
	{
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}

	100%
	{
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotatein-upright
{
	0%
	{
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}

	100%
	{
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

.rotatein-upright
{
	-webkit-animation-name: rotatein-upright;
	animation-name: rotatein-upright;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes rotateout
{
	0%
	{
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100%
	{
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateout
{
	0%
	{
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100%
	{
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(200deg);
		-ms-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0;
	}
}

.rotateout
{
	-webkit-animation-name: rotateout;
	animation-name: rotateout;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes rotateout-downleft
{
	0%
	{
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100%
	{
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateout-downleft
{
	0%
	{
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100%
	{
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateout-downleft
{
	-webkit-animation-name: rotateout-downleft;
	animation-name: rotateout-downleft;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes rotateout-downright
{
	0%
	{
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100%
	{
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateout-downright
{
	0%
	{
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100%
	{
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateout-downright
{
	-webkit-animation-name: rotateout-downright;
	animation-name: rotateout-downright;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes rotateout-upleft
{
	0%
	{
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100%
	{
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateout-upleft
{
	0%
	{
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100%
	{
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateout-upleft
{
	-webkit-animation-name: rotateout-upleft;
	animation-name: rotateout-upleft;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes rotateout-upright
{
	0%
	{
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100%
	{
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateout-upright
{
	0%
	{
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100%
	{
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateout-upright
{
	-webkit-animation-name: rotateout-upright;
	animation-name: rotateout-upright;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes slidein-down
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}

	100%
	{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes slidein-down
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}

	100%
	{
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.slidein-down
{
	-webkit-animation-name: slidein-down;
	animation-name: slidein-down;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes slidein-left
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}

	100%
	{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slidein-left
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}

	100%
	{
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.slidein-left
{
	-webkit-animation-name: slidein-left;
	animation-name: slidein-left;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes slidein-right
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px);
	}

	100%
	{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slidein-right
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px);
	}

	100%
	{
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.slidein-right
{
	-webkit-animation-name: slidein-right;
	animation-name: slidein-right;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes slideout-left
{
	0%
	{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}
}

@keyframes slideout-left
{
	0%
	{
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}
}

.slideout-left
{
	-webkit-animation-name: slideout-left;
	animation-name: slideout-left;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes slideout-right
{
	0%
	{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px);
	}
}

@keyframes slideout-right
{
	0%
	{
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px);
	}
}

.slideout-right
{
	-webkit-animation-name: slideout-right;
	animation-name: slideout-right;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes slideout-up
{
	0%
	{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
}

@keyframes slideout-up
{
	0%
	{
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
}

.slideout-up
{
	-webkit-animation-name: slideout-up;
	animation-name: slideout-up;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes slidein-up
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes slidein-up
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.slidein-up
{
	-webkit-animation-name: slidein-up;
	animation-name: slidein-up;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes slideout-down
{
	0%
	{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px);
	}
}

@keyframes slideout-down
{
	0%
	{
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px);
	}
}

.slideout-down
{
	-webkit-animation-name: slideout-down;
	animation-name: slideout-down;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes hinge
{
	0%
	{
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%,60%
	{
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%
	{
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	80%
	{
		-webkit-transform: rotate(60deg) translateY(0);
		transform: rotate(60deg) translateY(0);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	100%
	{
		-webkit-transform: translateY(700px);
		transform: translateY(700px);
		opacity: 0;
	}
}

@keyframes hinge
{
	0%
	{
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%,60%
	{
		-webkit-transform: rotate(80deg);
		-ms-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%
	{
		-webkit-transform: rotate(60deg);
		-ms-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	80%
	{
		-webkit-transform: rotate(60deg) translateY(0);
		-ms-transform: rotate(60deg) translateY(0);
		transform: rotate(60deg) translateY(0);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	100%
	{
		-webkit-transform: translateY(700px);
		-ms-transform: translateY(700px);
		transform: translateY(700px);
		opacity: 0;
	}
}

.hinge
{
	animation-fill-mode: both;
	animation-duration: 2s;
	-webkit-animation-name: hinge;
	animation-name: hinge;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes rollin
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
		transform: translateX(0px) rotate(0deg);
	}
}

@keyframes rollin
{
	0%
	{
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		-ms-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg);
	}

	100%
	{
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
		-ms-transform: translateX(0px) rotate(0deg);
		transform: translateX(0px) rotate(0deg);
	}
}

.rollin
{
	-webkit-animation-name: rollin;
	animation-name: rollin;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes rollout
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
		transform: translateX(0px) rotate(0deg);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
		transform: translateX(100%) rotate(120deg);
	}
}

@keyframes rollout
{
	0%
	{
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
		-ms-transform: translateX(0px) rotate(0deg);
		transform: translateX(0px) rotate(0deg);
	}

	100%
	{
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
		-ms-transform: translateX(100%) rotate(120deg);
		transform: translateX(100%) rotate(120deg);
	}
}

.rollout
{
	-webkit-animation-name: rollout;
	animation-name: rollout;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes zoomin
{
	0%
	{
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3);
	}

	50%
	{
		opacity: 1;
	}
}

@keyframes zoomin
{
	0%
	{
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
	}

	50%
	{
		opacity: 1;
	}
}

.zoomin
{
	-webkit-animation-name: zoomin;
	animation-name: zoomin;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes zoomin-down
{
	0%
	{
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	60%
	{
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

@keyframes zoomin-down
{
	0%
	{
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		-ms-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	60%
	{
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		-ms-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

.zoomin-down
{
	-webkit-animation-name: zoomin-down;
	animation-name: zoomin-down;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes zoomin-left
{
	0%
	{
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	60%
	{
		opacity: 1;
		-webkit-transform: scale(.475) translateX(48px);
		transform: scale(.475) translateX(48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

@keyframes zoomin-left
{
	0%
	{
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		-ms-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	60%
	{
		opacity: 1;
		-webkit-transform: scale(.475) translateX(48px);
		-ms-transform: scale(.475) translateX(48px);
		transform: scale(.475) translateX(48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

.zoomin-left
{
	-webkit-animation-name: zoomin-left;
	animation-name: zoomin-left;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes zoomin-right
{
	0%
	{
		opacity: 0;
		-webkit-transform: scale(.1) translateX(2000px);
		transform: scale(.1) translateX(2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	60%
	{
		opacity: 1;
		-webkit-transform: scale(.475) translateX(-48px);
		transform: scale(.475) translateX(-48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

@keyframes zoomin-right
{
	0%
	{
		opacity: 0;
		-webkit-transform: scale(.1) translateX(2000px);
		-ms-transform: scale(.1) translateX(2000px);
		transform: scale(.1) translateX(2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	60%
	{
		opacity: 1;
		-webkit-transform: scale(.475) translateX(-48px);
		-ms-transform: scale(.475) translateX(-48px);
		transform: scale(.475) translateX(-48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

.zoomin-right
{
	-webkit-animation-name: zoomin-right;
	animation-name: zoomin-right;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes zoomin-up
{
	0%
	{
		opacity: 0;
		-webkit-transform: scale(.1) translateY(2000px);
		transform: scale(.1) translateY(2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	60%
	{
		opacity: 1;
		-webkit-transform: scale(.475) translateY(-60px);
		transform: scale(.475) translateY(-60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

@keyframes zoomin-up
{
	0%
	{
		opacity: 0;
		-webkit-transform: scale(.1) translateY(2000px);
		-ms-transform: scale(.1) translateY(2000px);
		transform: scale(.1) translateY(2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	60%
	{
		opacity: 1;
		-webkit-transform: scale(.475) translateY(-60px);
		-ms-transform: scale(.475) translateY(-60px);
		transform: scale(.475) translateY(-60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

.zoomin-up
{
	-webkit-animation-name: zoomin-up;
	animation-name: zoomin-up;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes zoomout
{
	0%
	{
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50%
	{
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3);
	}

	100%
	{
		opacity: 0;
	}
}

@keyframes zoomout
{
	0%
	{
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	50%
	{
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
	}

	100%
	{
		opacity: 0;
	}
}

.zoomout
{
	-webkit-animation-name: zoomout;
	animation-name: zoomout;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes zoomout-down
{
	40%
	{
		opacity: 1;
		-webkit-transform: scale(.475) translateY(-60px);
		transform: scale(.475) translateY(-60px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	100%
	{
		opacity: 0;
		-webkit-transform: scale(.1) translateY(2000px);
		transform: scale(.1) translateY(2000px);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
	}
}

@keyframes zoomout-down
{
	40%
	{
		opacity: 1;
		-webkit-transform: scale(.475) translateY(-60px);
		-ms-transform: scale(.475) translateY(-60px);
		transform: scale(.475) translateY(-60px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	100%
	{
		opacity: 0;
		-webkit-transform: scale(.1) translateY(2000px);
		-ms-transform: scale(.1) translateY(2000px);
		transform: scale(.1) translateY(2000px);
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		transform-origin: center bottom;
	}
}

.zoomout-down
{
	-webkit-animation-name: zoomout-down;
	animation-name: zoomout-down;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes zoomout-left
{
	40%
	{
		opacity: 1;
		-webkit-transform: scale(.475) translateX(42px);
		transform: scale(.475) translateX(42px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	100%
	{
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}
}

@keyframes zoomout-left
{
	40%
	{
		opacity: 1;
		-webkit-transform: scale(.475) translateX(42px);
		-ms-transform: scale(.475) translateX(42px);
		transform: scale(.475) translateX(42px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	100%
	{
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		-ms-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
	}
}

.zoomout-left
{
	-webkit-animation-name: zoomout-left;
	animation-name: zoomout-left;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes zoomout-right
{
	40%
	{
		opacity: 1;
		-webkit-transform: scale(.475) translateX(-42px);
		transform: scale(.475) translateX(-42px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	100%
	{
		opacity: 0;
		-webkit-transform: scale(.1) translateX(2000px);
		transform: scale(.1) translateX(2000px);
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}
}

@keyframes zoomout-right
{
	40%
	{
		opacity: 1;
		-webkit-transform: scale(.475) translateX(-42px);
		-ms-transform: scale(.475) translateX(-42px);
		transform: scale(.475) translateX(-42px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	100%
	{
		opacity: 0;
		-webkit-transform: scale(.1) translateX(2000px);
		-ms-transform: scale(.1) translateX(2000px);
		transform: scale(.1) translateX(2000px);
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
	}
}

.zoomout-right
{
	-webkit-animation-name: zoomout-right;
	animation-name: zoomout-right;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes zoomout-up
{
	40%
	{
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	100%
	{
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-transform-origin: center top;
		transform-origin: center top;
	}
}

@keyframes zoomout-up
{
	40%
	{
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		-ms-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	100%
	{
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		-ms-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-transform-origin: center top;
		-ms-transform-origin: center top;
		transform-origin: center top;
	}
}

.zoomout-up
{
	-webkit-animation-name: zoomout-up;
	animation-name: zoomout-up;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@keyframes switchin 
{
	0% 
	{
		opacity: 0;
		filter: blur(20px);
		transform: scale(12);
	}

	100% 
	{
		opacity: 1;
		filter: blur(0);
		transform: scale(1);
	}
}

.switchin
{
	-webkit-animation-name: switchin;
	animation-name: switchin;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@keyframes switchout 
{
	0% 
	{
		opacity: 1;
		filter: blur(0);
		transform: scale(.9);
	}

	100% 
	{
		opacity: 0;
		filter: blur(10px);
		transform: scale(.1);
	}
}

.switchout
{
	-webkit-animation-name: switchout;
	animation-name: switchout;
	animation-fill-mode: both;
	animation-duration: 0.5s;
}

@-webkit-keyframes fadein-slider
{
	0%
	{
		z-index: 1;
		opacity: 0;
	}

	100%
	{
		opacity: 1;
		z-index: 1;
	}
}

@keyframes fadein-slider
{
	0%
	{
		z-index: 1;
		opacity: 0;
	}

	100%
	{
		opacity: 1;
		z-index: 1;
	}
}

.fadein-slider
{
	animation-fill-mode: both;
	animation-duration: 2s;
	animation-name: fadein-slider;
}

@-webkit-keyframes fadeout-slider
{
	0%
	{
		z-index: 1;
		opacity: 1;
	}

	100%
	{
		z-index: -1;
		opacity: 0;
	}
}

@keyframes fadeout-slider
{
	0%
	{
		z-index: 1;
		opacity: 1;
	}

	100%
	{
		z-index: -1;
		opacity: 0;
	}
}

.fadeout-slider
{
	animation-fill-mode: both;
	animation-duration: 2s;
	animation-name: fadeout-slider;
}

@charset "UTF-8";

html,
body,
*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border-collapse: collapse;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html,
body
{
	font-size: 62.5%;
	letter-spacing: 0.1rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: rgb(241,244,249);
	height: 100%;
	padding: 0;
	margin: 0;
}

body,
.title-font,
.title-font-all,
.title-font-all *,
.bold-font-after::after
{
	font-family: 'Noto Sans Mono CJK SC', 
				'envycode',
				'system-ui',
				'-apple-system',
				'PingFang SC', 
				'Hiragino Sans GB', 
				'Microsoft YaHei',
				'sans-serif';
	font-variant: tabular-nums;
	font-feature-settings: "tnum"
}

.scale3
{
	height: -moz-calc((100% - 32px) / 3);
	height: -webkit-calc((100% - 32px) / 3);
	height: calc((100% - 32px) / 3);
	background-color: rgba(0, 0, 0, 0.4);
	padding: 10px;
}

.scale2
{
	height: -moz-calc((100% - 17px) / 2);
	height: -webkit-calc((100% - 17px) / 2);
	height: calc((100% - 17px) / 2);
	background-color: rgba(0, 0, 0, 0.4);
	padding: 10px;
}

h1,h2,h3,h4,h5,h6
{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	font-family: inherit;
	text-align: center;
	line-height: 100%;
	letter-spacing: 0.1rem;
	text-decoration: none;
	border-image-width: 0;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;
	color: inherit;
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
}

h1,h2,h3,h4,h5,h6
{
	font-weight: bold;
	letter-spacing: 0.2rem;
	text-align: center;
	color: #343a40;
}

h1
{
	font-size: 5.6rem;
	margin-bottom: 50px;
}

h1[data-remark]:after
{
	font-size: 1.4rem;
	opacity: 0.8;
	margin: 5px 0 0 0;
}

h1[data-left],
h1[data-right]
{
	font-size: 2.4rem;
	line-height: 100%;
	letter-spacing: 0.5rem;
	height: 75px;
	color: #333;
	padding: 15px 24px 24px 24px;
	margin: 0;
}

h1[data-left]:before,
h1[data-right]:after
{
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 100%;
	width: auto;
	height: auto;
	bottom: 6px;
	position: absolute;
	display: inline-block;
	color: inherit;
}

h1[data-left]:before
{
	content: "NO." attr(data-left);
	left: 6px;
}

h1[data-right]:after
{
	content: attr(data-right);
	right: 6px;
}

h2
{
	font-size: 2.4rem;
	letter-spacing: 0.3rem;
}

h2[data-remark]:after
{
	font-size: 1.6rem;
	margin: 15px 0 0 0;
}

h3
{
	font-size: 2.2rem;
}

h3[data-remark]:after
{
	font-family: 'orbitron';
	font-size: 1.2rem;
	color: inherit;
	text-align: left;
	margin: 10px 0 0 0;
}

h4
{
	font-size: 1.8rem;
}

h4[data-remark]:after
{
	font-size: 1.5rem;
	margin: 12px 0 0 0;
}

h5
{
	font-size: 1.6rem;
	font-weight: normal;
}

h5[data-remark]:after
{
	font-size: 1.4rem;
}

h6
{
	font-weight: normal;
	font-size: 1.2rem;
	letter-spacing: 0.01rem;
	text-align: left;
}

h6[data-remark]:after
{
	font-size: 1.0rem;
	letter-spacing: 0.01rem;
	text-align: left;
}

h6[data-left],
h6[data-right]
{
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: 0.05rem;
	line-height: 100%;
	color: #333;
	padding: 6px 6px 15px 6px;
	margin: 0;
}

h6[data-left]:before,
h6[data-right]:after
{
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: 0.05rem;
	line-height: 100%;
	width: auto;
	height: auto;
	display: inline-block;
	color: inherit;
}

h6[data-left]:before
{
	content: attr(data-left);
	position: relative;
	margin: 0 8px 0 0;
}

h6[data-right]:after
{
	content: attr(data-right);
	position: absolute;
	top: 6px;
	right: 6px;
}
		
body.htmldata
{
	display: none !important;
}
		
#mainframe_htmldata
{
	display: none !important;
}

body.error
{
	font-family: 'electrolize';
	background-color: darkRed;
	color: white;
	text-align: center;
	vertical-align: middle;
	padding: 64px 64px;
	background-repeat: repeat;
	background-image: url("/images/backtile/cell.png");
}

body.error .error-box
{
	height: 100%;
	display: table;
	table-layout: fixed;
}

body.error .error-cell
{
	width: 100%;
	height: 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

body.error h1 
{
	font-family: 'bebas';
	font-size: 20.0rem;
	letter-spacing: 0.5rem;
	line-height: 110%;
	text-shadow: 3px 3px 6px darkslategray;
	color: inherit;
}

body.error h2 
{
	font-size: 5.0rem;
	text-shadow: 2px 2px 4px darkslategray;
	color: inherit;
	margin: 50px 0 80px 0;
}

body.error h3 
{
	font-size: 3.2rem;
	line-height: 120%;
	color: inherit;
	margin: 35px 0;
}

body.error h4 
{
	font-size: 1.6rem;
	line-height: 200%;
	color: rgba(255,255,255,0.8);
}

body.mobile.error
{
	padding: 30px 20px;
}

body.mobile.error h1 
{
	font-size: 12.0rem;
}

body.mobile.error h2 
{
	font-size: 2.8rem;
	line-height: 150%;
	letter-spacing: 0.01rem;
	word-wrap: break-word;
	white-space: normal;
	margin: 30px 0 50px 0;
}

body.mobile.error h3 
{
	font-size: 1.8rem;
	line-height: 150%;
	letter-spacing: 0.01rem;
	word-wrap: break-word;
	white-space: normal;
	margin: 10px 0;
}

body.mobile.error h4 
{
	font-size: 1.2rem;
	word-wrap: break-word;
	white-space: normal;
	letter-spacing: 0.0rem;
}

li.hidden
{
	display: none !important;
}

.homeblock.iconfont-box
{
	text-align: left;
}

.iconfont-box > li 
{
	width: 190px;
	height: auto;
	display: inline-block;
	position: relative;
	text-align: left;
	overflow: hidden;
	border-color: inherit;
	color: #333;
	margin: 15px 10px;
	padding: 0 0 0 42px;
}

.iconfont-box > li::before
{
	top: 3px;
	left: 0;
	display: inline-block;
	position: absolute;
	font-size: 3.0rem;
	line-height: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
	color: #111;
}

.iconfont-box > li:hover::before,
.iconfont-box > li:active::before
{
	color: inherit;
}

.iconfont-box > li > input
{
	padding: 10px;
	border-color: #999;
}

.iconfont-box > li:hover > input,
.iconfont-box > li:active > input
{
	border-color: inherit;
}

.color-zone > li
{
	width: 350px;
	height: 700px;
	position: relative;
	display: inline-block;
	font-style: normal;
	color: #fff;
	font-size: 1.2rem;
	line-height: 100%;
	text-align: left;
	margin: 15px;
}

.color-zone > li > .msgbox
{
	width: 100%;
	background-image: none;
}

.color-box,
.color-bar 
{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}

.color-box 
{
	width: auto;
	height: auto;;
	display: inline-block;
	padding: 10px;
}

.color-bar 
{
	padding: 10px;
	margin: 5px 0;
}

.color-center
{
	width: 150px;
	height: 150px;
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: middle;
}

.color-center > span
{
	font-size: 5.0rem;
	line-height: 100%;
	width: 100%;
	height: auto;
	top: calc(50% - 2.9rem);
	display: block;
	position: absolute;
	text-align: center;
}

div,
span,
header,
main,
footer,
nav,
section,
article,
figure,
figcaption,
aside,
canvas,
audio,
video,
blockquote,
details,
form,
legend,
fieldset,
ul,
ol,
li,
p,
pre,
a,
sub,sup,
code,
mark,
address,
small,
cite,
center,
button,
label,
select,
optgroup,
option,
meter,
progress,
output,
textarea,
input,
iframe
{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	text-align: left;
	font-family: inherit;
	font-size: 1.4rem;
	line-height: 100%;
	letter-spacing: 0.1rem;
	text-decoration: none;
	box-sizing: border-box;
	background-color: transparent;
	color: inherit;
	border-radius: unset;
	border-image-width: 0;
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
}

meter
{
	height: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

meter::-webkit-meter-bar,
meter::-moz-meter-bar
{
	-webkit-appearance: none;
	background: rgba(255,255,255,0.1);
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

meter::-webkit-meter-optimum-value,
meter::-moz-meter-optimum-value
{
	background: mediumseagreen;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

main
{
	top: 0;
	bottom: 0;
	position: fixed;
	min-width: 1366px;
}

main#mainframe_htmlview
{
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	vertical-align: top;	
	background-repeat: repeat;
	background-image: url("/images/backtile/cell.png");
}

audio.full-audio,
video.full-video
{
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: fill;
	position: absolute;
}

video.hidden,
audio.hidden
{
	display: none;
}

nav
{
	background-color: rgba(0,0,0,0.4);
	z-index: 10;
}

span
{
	font-size: 1.2rem;
	letter-spacing: 0.02rem;
	width: auto;
	display: inline-block;
}

textarea
{
	resize: none;
}

table,
caption,
thead,
tfoot,
tbody,
tr
{
	width: 100%;
	position: relative;
	text-align: left;
	vertical-align: middle;
	background-color: transparent;
	border-radius: unset;
	border-image-width: 0;
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
}

table
{
	width: 100%;
	word-break: break-word;
	word-wrap: break-word;
	table-layout: fixed;
	border-collapse: collapse;
}

thead
{
	border-top: 1px solid rgb(115,115,136);
	border-bottom: 1px dotted rgb(115,115,136);
	background-color: rgb(236,239,246);
	color: #333;
}

.board-view.selects thead
{
	border-top: 1px solid rgb(200,200,208);
	border-bottom: 1px dotted rgb(200,200,208);
}

thead.hidden,
thead.hidden th
{
	border-image-width: 0 !important;
	border: none !important;
	font-size: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	opacity: 0 !important;
}

tbody.editor > tr + tr
{
	border-top: 1px dotted rgb(115,115,136);
}

tbody.editor > tr:first-child
{
	border-top: 1px solid rgb(115,115,136);
}

tbody.editor > tr:last-child
{
	border-bottom: 1px solid rgb(115,115,136);
}

tbody.editor > tr.block-zone
{
	border-top: 1px solid rgb(115,115,136);
}

.board-view.selects tbody.editor > tr:first
{
	border-color: rgb(200,200,208);
}

tbody.editor.detail tr:last-child
{
	border-bottom: none;
}

tbody.editor td.image-logo
{
	background-position: right center !important;
}

tbody.editor td:has([data-key])
{
	background-color: rgba(255,255,255,0.5);
}

tbody.editor td:has([readonly])
{
	background-color: transparent;
	cursor: none;
}

tbody.editor td:has([disabled])
{
	background-color: transparent;
	cursor: none;
}

tbody.editor td:has([data-key]):not(.btn-box)
{
	-webkit-user-select: text;
	-moz-user-select: text;
	user-select: text;
}

tbody.editor td:has([data-key])::before
{
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	position: absolute;
	background-color: rgba(255,255,255,0.02);
	border: 1px solid transparent;
}

tbody.editor td:has([disabled])::before
{
	display: none;
}

tbody.editor td:has([data-key]):hover::before
{
	border-color: rgb(127,192,128);
}

tbody.editor td:has([data-key]):focus::before,
tbody.editor td:has([data-key]):active::before,
tbody.editor td:has([data-key]).active::before
{
	border-color: rgb(127,192,128);
}

tr + tr
{
	border-top: 1px dotted rgb(115,115,136);
}

.board-view.selects tr + tr
{
	border-top: 1px dotted rgb(200,200,208);
}

tr.block-zone
{
	border-top: 1px solid rgb(115,115,136);
}

.board-view.selects tr.block-zone
{
	border-top: 1px solid rgb(200,200,208);
}

th,
td
{
	position: relative;
	width: auto;
	font-size: 1.2rem;
	line-height: 3.5rem;
	letter-spacing: 0.1rem;
	word-wrap: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
	background-color: transparent;
	color: inherit;
	border-radius: unset;
	border-image-width: 0;
	border: none;
	outline: none;
	padding: 0 10px;
	margin: 0;
}

th
{
	font-weight: normal;
	letter-spacing: 0.1rem;
	color: #111;
}

th + th
{
	border-left: 1px dotted rgb(115,115,136);
}

.board-view.selects th + th
{
	border-left-width: 0px;
}

footer thead
{
	border: none;
	background-color: transparent;
}

footer thead th
{
	text-align: left;
}

th.grid-noid
{
	text-align: center;
	width: 50px;
}

th.grid-noid.checkbox
{
	width: 70px;
}

th.grid-name
{
	min-width: 150px;
/*	width: 150px;*/
}

th.grid-code
{
	width: 132px;
}

th.grid-addr
{
	width: 165px;
}

th.grid-date
{
	width: 110px;
}

th.grid-time
{
	width: 155px;
}

th.grid-kind
{
	width: 105px;
}

th.grid-rate
{
	text-align: center;
	width: 90px;
}

th.grid-type
{
	width: 105px;
}

th.grid-rank
{
	width: 85px;
}

th.grid-cord
{
	width: 85px;
}

th.grid-price
{
	width: 105px;
}

th.grid-desc
{
	min-width: 105px;
}

th.grid-stat
{
	text-align: center;
	width: 80px;
}

th.grid-auto
{
	width: -webkit-fit-content;
	width: -moz-fit-content;	
	width: fit-content;
}

td + td
{
	border-left: 1px dotted rgb(115,115,136);
}

.board-view.selects td + td
{
	border-left-width: 0px;
}

td > meter
{
	height: 12px;
}

td.stat-icon > i
{
	font-size: 1.4rem;
	line-height: 100%;
	margin: 0 5px 0 0;
}

td.stat-price
{
	font-family: 'bebas' !important;
	letter-spacing: 0;
	color: rgb(229,20,0) !important;
}

td.stat-date
{
	font-family: 'bebas' !important;
	letter-spacing: 0;
	color: rgb(0,143,89) !important;
}

td.rowspan-2
{
	height: 72px;
}

td.rowspan-3
{
	height: 108px;
}

td.rowspan-4
{
	height: 144px;
}

td.rowspan-5
{
	height: 180px;
}

td.rowspan-6
{
	height: 216px;
}

td.rowspan-7
{
	height: 252px;
}

td.rowspan-8
{
	height: 288px;
}

td.rowspan-9
{
	height: 324px;
}

td.rowspan-10
{
	height: 360px;
}

td.rowspan-11
{
	height: 396px;
}

td.rowspan-12
{
	height: 432px;
}

td.rowspan-13
{
	height: 468px;
}

td.rowspan-14
{
	height: 504px;
}

td.rowspan-15
{
	height: 540px;
}

td.rowspan-16
{
	height: 576px;
}

th.width-1,
td.width-1
{
	width: 32px;
}

th.width-2,
td.width-2
{
	width: 48px;
}

th.width-3,
td.width-3
{
	width: 62px;
}

th.width-4,
td.width-4
{
	width: 76px;
}

th.width-5,
td.width-5
{
	width: 90px;
}

th.width-6,
td.width-6
{
	width: 104px;
}

th.width-7,
td.width-7
{
	width: 118px;
}

th.width-8,
td.width-8
{
	width: 132px;
}

th.width-9,
td.width-9
{
	width: 146px;
}

th.width-10,
td.width-10
{
	width: 160px;
}

th.width-qrcode,
td.width-qrcode
{
	width: 180px;
}

th.width-datetime,
td.width-datetime
{
	width: 146px;
}

th.width-date,
td.width-date
{
	width: 110px;
}

th.width-month,
td.width-month
{
	width: 100px;
}

th.width-week,
td.width-week
{
	width: 130px;
}

th.width-time,
td.width-time
{
	width: 70px;
}

th.width-full,
td.width-full
{
	width: 100%;
}

td[colspan]
{
	vertical-align: top;
}

td.border-none,
td[colspan]:first-child,
td.title
{
	border-left: none;
}

td.title
{
	font-weight: normal;
	color: inherit;
	padding-left: 32px;
	padding-right: 32px;
}

td.title::before
{
	content: attr(data-index);
	font-family: 'bebas';
	font-size: 1.6rem;
	font-weight: normal;
	color: rgb(0,164,255);
	position: absolute;
	display: inline-block;
	left: 6px;
	top: 0;
}

td.title::after
{
	content: "";
	font-family: 'iconfont';
	font-size: 1.6rem;
	font-weight: normal;
	position: absolute;
	display: inline-block;
	right: 6px;
	top: 0;
}

td.title.fg-warn::after
{
	content: "\e7d8";
}

td.title.fg-error::after
{
	content: "\e7cf";
}

td.title.fg-done::after
{
	content: "\e7c3";
}

td.code-back
{
	background-color: #FFF;
}

td.code
{
	text-align: center;
}

td[rowspan]:first-child,
td[class*="rowspan"]:first-child
{
	width: 30px;
	text-align: left;
	overflow: hidden;
	white-space: normal;
	word-break: break-word;
	word-wrap: break-word;
	letter-spacing: 0;
	line-height: 150%;
	padding: 9px 8px;
	border-right: 1px dotted rgb(115,115,136);
}

.board-view.selects td[rowspan]:first-child,
.board-view.selects td[class*="rowspan"]:first-child
{
	border-right: 1px dotted rgb(200,200,208);
}

td[class*="image-"]
{
	padding: 0;
}

td[class*="image-"]::before
{
	content: "点击选择图片";
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 120%;
	letter-spacing: 0.1rem;
	text-align: center;
	display: block;
	position: absolute;
	width: 100%;
	top: calc(50% - 0.8rem);
	color: #333;
	opacity: 0.4;
	margin: 0;
	display: none;
}

td.chart-box,
td.text-box,
td.text
{
	font-weight: normal;
	padding: 6px 6px;
	letter-spacing: 0.05rem;
	white-space: normal;
	line-height: 200%;
	color: #111;
}

td.chart-box,
td.text-box
{
	text-align: left;
	vertical-align: top;
}

td.text-box > *
{
	min-height: 54px;
}

td.image-box
{
	text-align: left;
	vertical-align: top;
	white-space: normal;
	word-break: break-word;
	word-wrap: break-word;
	padding: 0 0 10px 10px;
}

td.image-box > .image-back,
td.image-box > .image-thumb
{
	display: inline-block;
	position: relative;
	aspect-ratio: 4 / 3;
	width: calc( 25% - 10px );
	text-align: left;
	vertical-align: top;
	background-color: rgba(0,0,0,0.05);
	padding: 0;
	margin: 10px 10px 0 0;
	cursor: pointer;
}

td.image-box.col-5 > .image-back,
td.image-box.col-5 > .image-thumb
{
	width: calc( 20% - 10px );
}

td.image-box > [data-title]::before,
td.image-box > [data-remark]::after
{
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: 0.05rem;
	line-height: 100%;
	text-align: left;
	vertical-align: top;
	display: inline-block;
	position: relative;
	padding: 5px 6px;
	background-color: rgba(0,0,0,0.6);
	color: #fff;
}

td.image-box > [data-remark]::after
{
	display: block;
	position: absolute;
	width: auto;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
}

td.chart-box div
{
	width: auto;
}

td.chart-box *
{
	font-size: 1.2rem !important;
}

td.btn-box
{
	text-align: center;
	padding: 0 9px;
	background-color: rgba(0,146,238,0.8);
	cursor: pointer;
}

td.btn-box:hover
{
	background-color: rgba(0,146,238,0.9);
}

td.btn-box:active,
td.btn-box.active
{
	background-color: rgba(0,146,238,1.0);
}

td[data-remark]::after
{
	font-size: 1.2rem;
	line-height: 120%;
	letter-spacing: 0.01rem;
	display: inline-block;
	position: absolute;
	right: 6px;
	top: 9px;
	width: auto;
	margin: 0;
}

td[data-remark] > input
{
	display: inline-block;
	width: calc(100% - 40px);
}

pre,p
{
	font-size: 1.6rem;
	line-height: 200%;
	text-align: left;
	text-indent: 3.4rem;
	white-space: normal;
	color: #333;
}

small,cite
{
	font-size: 1.2rem;
	width: auto;
	display: inline-block;
	vertical-align: middle;
	color: inherit;
}

cite
{
	font-style: italic;
}

blockquote 
{
	border-left: 4px solid rgba(192, 192, 192, 0.35);
	color: #666;
	padding: 0 0 0 10px;
}

blockquote > .quote-badge
{
	font-size: 1.2rem;
	width: auto;
	display: inline-block;
	background-color: #999;
	color: #FFF;
	padding: 5px;
}

blockquote > pre
{
	font-size: 1.4rem;
	text-indent: 0;
	color: inherit;
}

blockquote > small
{
	font-size: 1.4rem;
	display: block;
}

blockquote > small:before 
{
	content: "\2014 \00A0";
}

blockquote >small > cite
{
	font-size: 1.4rem;
	margin-left: 15px;
}

sup
{
	width: auto;
	display: inline-block;
	vertical-align: top;
}

sub
{
	width: auto;
	display: inline-block;
	vertical-align: bottom;
}

input,
select,
option
{
	font-size: 1.2rem;
	line-height: 100%;
	border: none;
	outline: none;
	color: inherit;
	padding: 0;
}

input
{
	letter-spacing: 0;
	border: 1px solid transparent;
	-webkit-user-select: text;
	-moz-user-select: text;
	user-select: text;
	outline: none;
}

input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="color"],
input[type="range"]
{
	cursor: pointer;
} 

input[type="range"]
{
	height: 0.3rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	background-color: darkgreen;
}

input[type="range"]::-webkit-slider-thumb, 
input[type="range"]::-moz-slider-thumb 
{
	width: 0.8rem;
	height:1.6rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; 
	outline: none;
	border: none;
	/*-webkit-box-shadow:0 0 1px;*/
	background-color: rgb(0,146,238);
	background-size: cover;
}

table input
{
	color: #111;
}

table input[type="password"]
{
	color: brown;
}

table input[type="number"]
{
	color: darkgreen;
}

table input[type="datetime-local"],
table input[type="date"],
table input[type="month"],
table input[type="week"],
table input[type="time"]
{
	color: teal;
} 

table select
{
	color: #111;
}

select 
{
	border: none;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	background: url("/images/backbox/arrow.png") no-repeat scroll right center transparent;
	padding-right: 12px !important;
	cursor: pointer;
}

select:focus,
textarea:focus
{
	border-color: inherit;
	outline: 0;
}

select:disabled,
textarea:disabled
{
	outline: 0;
}

select:disabled
{
	cursor: auto;
}

/*这是控制下拉小箭头的*/
::-webkit-calendar-picker-indicator
{
	background: url("/images/backbox/arrow.png") no-repeat scroll right center transparent;
	margin: 0 0 0 2px;
	padding: 0;
}

::-moz-focus-inner,
button::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner 
{
	outline: none;
	border: none;
    border-color: transparent;
	padding: 0;
}

input[type="radio"],
input[type="checkbox"]
{
	width: auto !important;
	height: 16px !important;
	display: inline-block;
	font-size: inherit;
	line-height: 100%;
	outline: none;
	white-space: nowrap;
	word-wrap:normal;
	vertical-align: middle;
	cursor: pointer;
	appearance: none;
	padding: 0 0 0 18px !important
}

input[type="radio"]::before,
input[type="checkbox"]::before
{
	content: attr(text);
	font-size: inherit;
	line-height: 120%;
	display: block;
	position: relative;
	text-align: left;
}

input[type='radio']:after,
input[type='checkbox']:after 
{
	content: '';
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	position: absolute;
	display: inline-block;
	border: 1px solid #999;
	box-sizing: border-box;
	padding: 0 0 0 2px;
}

input[type='radio']:after
{
	border-radius: 50%;
}

input[type='radio']:checked:after 
{
	content: '\25AA';
	padding: 0 0 4px 3px;
}

input[type='checkbox']:checked:after 
{
	content: '\2713';
}

input[type="checkbox"]:focus ~ .check,
input[type="radio"]:focus ~ .check
{
	outline: 0;
}

ul.checklist
{
	font: inherit;
	font-size: inherit;
	text-align: left;
	vertical-align: top;
	word-break: break-word;
	word-wrap: break-word;
	white-space: normal;
	overflow: auto;
}

ul.checklist > li.check-box
{
	font: inherit;
	font-size: inherit;
	vertical-align: middle;
	width: auto;
	display: inline-block;
	padding: 0;
	margin: 0 10px 0 0;
}

input[data-show="intermediate"] ~ .check:after,
input[data-show="intermediate"]:checked ~ .check:after
{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background-color: #647687;
	margin: 3px;
}

input[data-show="intermediate"]:disabled ~ .check:after
{
	background-color: #8a8a8a;
}

.input-control.file
{
	overflow: hidden;
}

input[type="file"]
{
	position: absolute;
	opacity: 0;
	bottom: 0;
	right: 0;
	top: 0;
	cursor: pointer;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-moz-inner-spin-button,
input[type=number]::-moz-outer-spin-button
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

mark
{
	width: auto;
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 0;
	overflow: hidden;
	font-size: 2.8rem;
	color: inherit;
}

a
{
	cursor: pointer;
}

ul,ol,li
{
	list-style: none;
	vertical-align: top;
}

ul,ol
{
	font-size: 0;
	letter-spacing: 0;
}

ol
{
	letter-spacing: 0.1rem;
	counter-reset:item;
	list-style-type: none;
}

ol > li
{
	font-size: 1.3rem;
	line-height: 2.0rem;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;
	display: block;
	position: relative;
	width: auto;
	height: auto;
	text-align: left;
	color: #555;
	padding: 0 64px 0 35px;
	margin: 0;
}

ol > li::before
{
	content: counter(item);
	counter-increment: item;
	font-size: 1.2rem;
	line-height: 1.6rem;
	display: inline-block;
	position: absolute;
	left: 0;
	width: 16px;
	height: 16px;
	text-align: center;
	color: #555;
	padding: 2px;
	background-color: rgb(236,239,246);
	border-radius: 50%;
}

ol > li[data-remark]::after
{
	font-family: "bebas";
	font-size: 1.2rem;
	display: inline-block;
	position: absolute;
	width: auto;
	height: auto;
	top: 3px;
	right: 2px;
	text-align: right;
	color: #555;
	opacity: 1.0;
	margin: 0;
}

ol > li:nth-child(1)::before
{
	color: #fff;
	background-color: rgb(252,104,104);
}

ol > li:nth-child(2)::before
{
	color: #fff;
	background-color: rgb(255,130,25);
}

ol > li:nth-child(3)::before
{
	color: #fff;
	background-color: rgb(60,182,145);
}

ol > li + li
{
	margin-top: 10px;
}

button,
.button
{
	width: auto;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 0.2rem;
	line-height: 110%;
	border: 1px solid rgba(255,255,255,0.3);
	padding: 7px 28px;
	cursor: pointer;
}

button.radius-corner,
.button.radius-corner
{
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
	-ms-border-radius: 25px;
	border-radius: 25px;
}

button.btn-icon,
.button.btn-icon
{
	letter-spacing: 0.2rem;
	background-color: transparent;
	border-color: transparent;
	color: inherit;
	padding: 8px;
}

button.btn-icon [class*="icon-"],
.button.btn-icon [class*="icon-"]
{
	display: inline-block;
	position: relative;
	text-align: left;
	vertical-align: middle;
	font-size: 1.6rem;
	line-height: 100%;
	color: inherit;
	border: none;
}

.button.see-more
{
	font-size: 1.5rem;
	letter-spacing: 0.05rem;
	position: absolute;
	right: 0;
	bottom: 30px;
	padding: 13px 25px;
}

button.btn-close,
.button.btn-close
{
	top: 4px;
	right: 2px;
	position: absolute;
	border: none;
	background-color: transparent;
	padding: 4px;
}

button.btn-close:before,
.button.btn-close:before
{
	content: "\e870";
	font-family: 'iconlinear';
	font-size: 1.4rem;
	line-height: 100%;
	display: block;
	position: relative;
	text-align: center;
	margin: 0 0 0 2px;
}

button.btn-float
{
	background-color: transparent !important;
	border-color: transparent !important;
	position: absolute;
	color: inherit;
	opacity: 0;
	z-index: 9;
}

button.btn-float:hover,
button.btn-float:active,
button.btn-float.active
{
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadein;
	animation-name: fadein;
}

button.btn-focus,
.button.btn-focus
{
	border: none;
}

article
{
	text-align: center;
}

section
{
	text-align: center;
}

img
{
	height: auto;
	display: block;
	position: relative;
	text-align: center;
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
	border-image: none;
	border: none;
	outline: none;
	margin: 0;
}

.content-empty
{
	font-size: 1.2rem;
	line-height: 200%;
	letter-spacing: 0.1rem;
	color: #ccc;
	text-align: center;
	padding: 30% 0;
}

.content-empty > i
{
	font-size: 10.0rem;
	color: #ddd;
}

::-webkit-scrollbar 
{/*滚动条整体样式*/
	width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}

::-webkit-scrollbar-thumb 
{/*滚动条里面小方块*/
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
	background: #AAA;
	border-radius: 5px;
}

::-webkit-scrollbar-track 
{/*滚动条里面轨道*/

	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
	background: #EDEDED;
}

:-moz-placeholder
{
	font-family: inherit;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;
	color: inherit !important;
	opacity: 0.4;
}

::-webkit-input-placeholder,
::-moz-placeholder
{
	font-family: inherit;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;
	color: inherit !important;
	opacity: 0.4;
}

::input-placeholder
{
	font-family: inherit;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;
	color: inherit !important;
	opacity: 0.4;
}

/*=======================================================================
// Created: 2015-2-9 18:01:31
// Author:  Johnson Wen 
// Comment: foreground color
//=======================================================================*/
.number-info
{
	color: rgb(60,182,145) !important;
}

.number-warn
{
	color: rgb(255,128,0) !important;
}

.number-error
{
	color: rgb(252,104,104) !important;
}

.fg-black
{
	color: #000 !important;
}

.fg-111
{
	color: #111 !important;
}

.fg-222
{
	color: #222 !important;
}

.fg-333
{
	color: #333 !important;
}

.fg-555
{
	color: #555 !important;
}

.fg-666
{
	color: #555 !important;
}

.fg-777
{
	color: #777 !important;
}

.fg-888
{
	color: #888 !important;
}

.fg-999
{
	color: #999 !important;
}

.fg-gray
{
	color: #4C4C4C !important;
}

.fg-dark
{
	color: #1B1B1C !important;
}

.fg-red,
.fg-error
{
	color: rgb(217,4,41) !important;
}

.fg-orange,
.fg-warn
{
	color: rgb(242,91,32) !important;
}

.fg-green,
.fg-done
{
	color: rgb(0,143,89) !important;
}

.fg-info
{
	color: rgb(18,167,170) !important;
}

.fg-quiz
{
	color: rgb(242,91,32) !important;
}

.fg-white
{
	color: #FFF !important;
}

.fg-gold
{
	color: #FCBF49 !important;
}

.bg-tile1
{
	background-color: rgb(241,244,249) !important;
}

.bg-tile2
{
	background-color: rgb(236,239,246) !important;
}

.bg-footer 
{
	background-color: rgb(43,43,43) !important;
	background-color: rgb(38,47,54) !important;
}


.bg-quote,
.bg-quote::before,
.bg-quote::after
{
	background-color: rgb(227,231,243) !important;
}

.image-note.place-left::after
{
	border-left-color: rgb(223,230,245);
}

.image-note.place-right::after
{
	border-right-color: rgb(227,231,243);
}

.bg-lighter
{
	background: -webkit-linear-gradient(right,rgb(219,227,243),rgb(242,245,250),rgb(215,224,241)) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right,rgb(219,227,243),rgb(242,245,250),rgb(215,224,241)) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right,rgb(219,227,243),rgb(242,245,250),rgb(215,224,241)) !important; /* Firefox 3.6 - 15 */
	background: linear-gradient(to right,rgb(219,227,243),rgb(242,245,250),rgb(215,224,241)) !important; /* 标准的语法 */
}

.bg-radial
{
	background: -webkit-radial-gradient(rgb(242,245,250),rgb(215,224,241)) !important; /* Safari 5.1 - 6.0 */
	background: -o-radial-gradient(rgb(242,245,250),rgb(215,224,241)) !important; /* Opera 11.1 - 12.0 */
	background: -moz-radial-gradient(rgb(242,245,250),rgb(215,224,241)) !important; /* Firefox 3.6 - 15 */
	background: radial-gradient(rgb(242,245,250),rgb(215,224,241)) !important; /* 标准的语法 */
}

.bg-whiter 
{
	background-color: #F0F1F3 !important;
}

.bg-darker
{
	background-color: #343A40 !important;
}

.bg-white80
{
	background-color: rgba(255,255,255,0.8) !important;
}

.bd-white80
{
	border-color: rgba(255,255,255,0.8) !important;
}

/*=======================================================================
// Created: 2015-2-9 18:01:31
// Author:  Johnson Wen 
// Comment: text
//=======================================================================*/

/**************** graden color ********************/

.grad-horiz-left-red
{
	background: -webkit-linear-gradient(left,rgba(229, 20, 0,0.8),transparent 60%) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right,rgba(229, 20, 0,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right,rgba(229, 20, 0,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right,rgba(229, 20, 0,0.8),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to right,brown 70%,transparent) !important; /* 标准的语法 */
}

.grad-horiz-right-red
{
	background: -webkit-linear-gradient(right,rgba(229, 20, 0,0.8),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left,rgba(229, 20, 0,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left,rgba(229, 20, 0,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to left,rgba(229, 20, 0,0.8),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to left,rgba(229, 20, 0,0.8),transparent) !important; /* 标准的语法 */
}

.grad-horiz-left-orange
{
	background: -webkit-linear-gradient(left,rgba(230,126,34, 0,0.8),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right,rgba(230,126,34,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right,rgba(230,126,34,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right,rgba(230,126,34,0.8),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to right,rgba(230,126,34,0.8),transparent) !important; /* 标准的语法 */
}

.grad-horiz-right-orange
{
	background: -webkit-linear-gradient(right,rgba(230,126,34,0.8),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left,rgba(230,126,34,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left,rgba(230,126,34,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to left,rgba(230,126,34,0.8),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to left,rgba(230,126,34,0.8),transparent) !important; /* 标准的语法 */
}

.grad-horiz-left-yellow
{
	background: -webkit-linear-gradient(left,rgba(243,156,18,0.8),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right,rgba(243,156,18,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right,rgba(243,156,18,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right,rgba(243,156,18,0.8),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to right,rgba(243,156,18,0.8),transparent) !important; /* 标准的语法 */
}

.grad-horiz-right-yellow
{
	background: -webkit-linear-gradient(right,rgba(243,156,18,0.8),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left,rgba(243,156,18,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left,rgba(243,156,18,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to left,rgba(243,156,18,0.8),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to left,rgba(243,156,18,0.8),transparent) !important; /* 标准的语法 */
}

.grad-horiz-left-green
{
	background: -webkit-linear-gradient(left,rgba(0,138,0,0.8),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right,rgba(0,138,0,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right,rgba(0,138,0,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right,rgba(0,138,0,0.8),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to right,rgba(0,138,0,0.8),transparent) !important; /* 标准的语法 */
}

.grad-horiz-right-green
{
	background: -webkit-linear-gradient(right,rgba(0,138,0,0.8),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left,rgba(0,138,0,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left,rgba(0,138,0,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to left,rgba(0,138,0,0.8),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to left,rgba(0,138,0,0.8),transparent) !important; /* 标准的语法 */
}

.grad-horiz-left-teal
{
	background: -webkit-linear-gradient(left,rgba(22,160,133,0.8),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right,rgba(22,160,133,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right,rgba(22,160,133,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right,rgba(22,160,133,0.8),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to right,rgba(22,160,133,0.8),transparent) !important; /* 标准的语法 */
}

.grad-horiz-right-teal
{
	background: -webkit-linear-gradient(right,rgba(22,160,133,0.8),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left,rgba(22,160,133,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left,rgba(22,160,133,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to left,rgba(22,160,133,0.8),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to left,rgba(22,160,133,0.8),transparent) !important; /* 标准的语法 */
}

.grad-horiz-left-blue
{
	background: -webkit-linear-gradient(left,rgba(27,110,174,0.8),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right,rgba(27,110,174,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right,rgba(27,110,174,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right,rgba(27,110,174,0.8),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to right,rgba(27,110,174,0.8),transparent) !important; /* 标准的语法 */
}

.grad-horiz-right-blue
{
	background: -webkit-linear-gradient(right,rgba(27,110,174,0.8),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left,rgba(27,110,174,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left,rgba(27,110,174,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to left,rgba(27,110,174,0.8),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to left,rgba(27,110,174,0.8),transparent) !important; /* 标准的语法 */
}

.grad-horiz-left-sky
{
	background: -webkit-linear-gradient(left,rgba(41,128,185,0.8),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right,rgba(41,128,185,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right,rgba(41,128,185,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right,rgba(41,128,185,0.8),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to right,rgba(41,128,185,0.8),transparent) !important; /* 标准的语法 */
}

.grad-horiz-right-sky
{
	background: -webkit-linear-gradient(right,rgba(41,128,185,0.8),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left,rgba(41,128,185,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left,rgba(41,128,185,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to left,rgba(41,128,185,0.8),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to left,rgba(41,128,185,0.8),transparent) !important; /* 标准的语法 */
}

.grad-horiz-left-amethyst
{
	background: -webkit-linear-gradient(left,rgba(142,68,173,0.8),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right,rgba(142,68,173,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right,rgba(142,68,173,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right,rgba(142,68,173,0.8),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to right,rgba(142,68,173,0.8),transparent) !important; /* 标准的语法 */
}

.grad-horiz-right-amethyst
{
	background: -webkit-linear-gradient(right,rgba(142,68,173,0.8),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left,rgba(142,68,173,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left,rgba(142,68,173,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to left,rgba(229, 20, 0,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: linear-gradient(to left,rgba(229, 20, 0,0.8),transparent) !important; /* 标准的语法 */
}

.grad-horiz-left-pink
{
	background: -webkit-linear-gradient(left,rgba(216,0,115,0.8),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right,rgba(216,0,115,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right,rgba(216,0,115,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right,rgba(216,0,115,0.8),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to right,rgba(216,0,115,0.8),transparent) !important; /* 标准的语法 */
}

.grad-horiz-right-pink
{
	background: -webkit-linear-gradient(right,rgba(216,0,115,0.8),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left,rgba(216,0,115,0.8),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left,rgba(216,0,115,0.8),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to left,rgba(216,0,115,0.8),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to left,rgba(216,0,115,0.8),transparent) !important; /* 标准的语法 */
}

.grad-horiz-left-gray
{
	background: -webkit-linear-gradient(left,rgba(0, 0, 0,0.5),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right,rgba(0, 0, 0,0.5),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right,rgba(0, 0, 0,0.5),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right,rgba(0, 0, 0,0.5),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to right,rgba(0, 0, 0,0.5),transparent) !important; /* 标准的语法 */
}

.grad-horiz-right-gray
{
	background: -webkit-linear-gradient(right,rgba(0, 0, 0,0.5),transparent) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left,rgba(0, 0, 0,0.5),transparent) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left,rgba(0, 0, 0,0.5),transparent) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to left,rgba(0, 0, 0,0.5),transparent) !important; /* 标准的语法 */
	background: linear-gradient(to left,rgba(0, 0, 0,0.5),transparent) !important; /* 标准的语法 */
}

.grad-horiz-left45-red
{
	background: -webkit-linear-gradient(left top,#e51400,#ff2d19) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right bottom,#e51400,#ff2d19) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right bottom,#e51400,#ff2d19) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right bottom,#e51400,#ff2d19) !important; /* 标准的语法 */
	background: linear-gradient(to right bottom,#e51400,#ff2d19) !important; /* 标准的语法 */
}

.grad-horiz-left45-orange
{
	background: -webkit-linear-gradient(left top,#fa6800,#f0a30a) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right bottom,#fa6800,#f0a30a) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right bottom,#fa6800,#f0a30a) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right bottom,#fa6800,#f0a30a) !important; /* 标准的语法 */
	background: linear-gradient(to right bottom,#fa6800,#f0a30a) !important; /* 标准的语法 */
}

.grad-horiz-left45-yellow
{
	background: -webkit-linear-gradient(left top,#f39c12,#f1c40f) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right bottom,#f39c12,#f1c40f) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right bottom,#f39c12,#f1c40f) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right bottom,#f39c12,#f1c40f) !important; /* 标准的语法 */
	background: linear-gradient(to right bottom,#f39c12,#f1c40f) !important; /* 标准的语法 */
}

.grad-horiz-left45-green
{
	background: -webkit-linear-gradient(left top,#27ae60,#2ecc71) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right bottom,#27ae60,#2ecc71) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right bottom,#27ae60,#2ecc71) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right bottom,#27ae60,#2ecc71) !important; /* 标准的语法 */
	background: linear-gradient(to right bottom,#27ae60,#2ecc71) !important; /* 标准的语法 */
}

.grad-horiz-left45-teal
{
	background: -webkit-linear-gradient(left top,#16a085,#1abc9c) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right bottom,#16a085,#1abc9c) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right bottom,#16a085,#1abc9c) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right bottom,#16a085,#1abc9c) !important; /* 标准的语法 */
	background: linear-gradient(to right bottom,#16a085,#1abc9c) !important; /* 标准的语法 */
}

.grad-horiz-left45-blue
{
	background: -webkit-linear-gradient(left top,#2980b9,#3498db) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right bottom,#2980b9,#3498db) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right bottom,#2980b9,#3498db) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right bottom,#2980b9,#3498db) !important; /* 标准的语法 */
	background: linear-gradient(to right bottom,#2980b9,#3498db) !important; /* 标准的语法 */
}

.grad-horiz-left45-purple,
.grad-horiz-left45-amethyst
{
	background: -webkit-linear-gradient(left top,#8E44AD,#9b59b6) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right bottom,#8E44AD,#9b59b6) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right bottom,#8E44AD,#9b59b6) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right bottom,#8E44AD,#9b59b6) !important; /* 标准的语法 */
	background: linear-gradient(to right bottom,#8E44AD,#9b59b6) !important; /* 标准的语法 */
}

.grad-horiz-left45-pink
{
	background: -webkit-linear-gradient(left top,#dc4fad,#f472d0) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right bottom,#dc4fad,#f472d0) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right bottom,#dc4fad,#f472d0) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right bottom,#dc4fad,#f472d0) !important; /* 标准的语法 */
	background: linear-gradient(to right bottom,#dc4fad,#f472d0) !important; /* 标准的语法 */
}

.grad-horiz-left45-brown
{
	background: -webkit-linear-gradient(left top,#63362f,#825a2c) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right bottom,#63362f,#825a2c) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right bottom,#63362f,#825a2c) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right bottom,#63362f,#825a2c) !important; /* 标准的语法 */
	background: linear-gradient(to right bottom,#63362f,#825a2c) !important; /* 标准的语法 */
}

.grad-horiz-left45-crimson
{
	background: -webkit-linear-gradient(left top,#81003c,#d80073) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right bottom,#81003c,#d80073) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right bottom,#81003c,#d80073) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right bottom,#81003c,#d80073) !important; /* 标准的语法 */
	background: linear-gradient(to right bottom,#81003c,#d80073) !important; /* 标准的语法 */
}

.grad-horiz-left45-gray,
.grad-horiz-left45-black
{
	background: -webkit-linear-gradient(left top,#444,#555) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right bottom,#444,#555) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right bottom,#444,#555) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right bottom,#444,#555) !important; /* 标准的语法 */
	background: linear-gradient(to right bottom,#444,#555) !important; /* 标准的语法 */
}

.grad-horiz-left45-white
{
	background: rgba(255,255,255,0.2) !important;
}

.grad-horiz-left45-darkwhite
{
	background: rgba(255,255,255,0.9) !important;
}

.grad-horiz-left90-gray
{
	background: -webkit-linear-gradient(left top,rgba(51,51,51,0.8),rgba(68,68,68,0.8)) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right bottom,rgba(51,51,51,0.8),rgba(68,68,68,0.8)) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right bottom,rgba(51,51,51,0.8),rgba(68,68,68,0.8)) !important; /* Firefox 3.6 - 15 */
	background: -ms-linear-gradient(to right bottom,rgba(51,51,51,0.8),rgba(68,68,68,0.8)) !important; /* 标准的语法 */
	background: linear-gradient(to right bottom,rgba(51,51,51,0.8),rgba(68,68,68,0.8)) !important; /* 标准的语法 */
}

.ribbed-group
{
	background-color: rgba(48, 48, 48, 0.7) !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-black
{
	background-color: #000000 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-white
{
	background-color: #ffffff !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-lime
{
	background-color: #a4c400 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-green
{
	background-color: #60a917 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-emerald
{
	background-color: #008a00 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-teal
{
	background-color: #00aba9 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-cyan
{
	background-color: #1ba1e2 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-cobalt
{
	background-color: #0050ef !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-indigo
{
	background-color: #6a00ff !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-violet
{
	background-color: #aa00ff !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-pink
{
	background-color: #dc4fad !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-magenta
{
	background-color: #d80073 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-crimson
{
	background-color: #a20025 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-red
{
	background-color: #e51400 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-orange
{
	background-color: #fa6800 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.panel.talkroom .panel-header.active,
.ribbed-amber
{
	background-color: #f0a30a !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-yellow
{
	background-color: #e3c800 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-brown
{
	background-color: #825a2c !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-olive
{
	background-color: #6d8764 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-steel
{
	background-color: #647687 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-mauve
{
	background-color: #76608a !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-taupe
{
	background-color: #87794e !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-dark
{
	background-color: #647687 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-darkBrown
{
	background-color: #63362f !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-darkCrimson
{
	background-color: #640024 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-darkMagenta
{
	background-color: #81003c !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-darkIndigo
{
	background-color: #4b0096 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-darkCyan
{
	background-color: #1b6eae !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-darkCobalt
{
	background-color: #00356a !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-darkTeal
{
	background-color: #004050 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-darkEmerald
{
	background-color: #003e00 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-darkGreen
{
	background-color: #128023 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-darkOrange
{
	background-color: #bf5a15 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-darkRed
{
	background-color: #9a1616 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-darkPink
{
	background-color: #9a165a !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-darkViolet
{
	background-color: #57169a !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-darkBlue
{
	background-color: #16499a !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-lightTeal
{
	background-color: #45fffd !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-lightOlive
{
	background-color: #78aa1c !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-lightOrange
{
	background-color: #c29008 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-lightPink
{
	background-color: #f472d0 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-lightRed
{
	background-color: #ff2d19 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-lightGreen
{
	background-color: #7ad61d !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-grayed
{
	background-color: #585858 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-grayDarker
{
	background-color: #222222 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-gray
{
	background-color: #555555 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-grayLight
{
	background-color: #999999 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-grayLighter
{
	background-color: #eeeeee !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.ribbed-blue
{
	background-color: #00aff0 !important;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.grad-blue-brown
{
	width: 100%;
	height: 100%;
	-ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid: DXImageTransform.Microsoft.gradient(startcolorstr=rgba(89, 146, 235, 1.0), endcolorstr=rgba(218, 137, 72, 1.0), gradientType=0);
	filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid: DXImageTransform.Microsoft.gradient(startcolorstr=rgba(89, 146, 235, 1.0), endcolorstr=rgba(218, 137, 72, 1.0), gradientType=0);
	background: -moz-linear-gradient(top, rgba(89, 146, 235, 0.5), rgba(218, 137, 72, 1.0));
	background: -webkit-linear-gradient(linear, 0 0, 0 bottom, from(rgba(89, 146, 235, 1.0)), to(rgba(218, 137, 72, 1.0)));
	background: rgba(89, 146, 235, 1.0);
}

.radial-themeRose::before
{
	background: -o-radial-gradient(transparent,rgba(186,3,13,0.5) 66%) !important;
	background: -moz-radial-gradient(transparent,rgba(186,3,13,0.5) 66%) !important;
	background: -ms-radial-gradient(transparent,rgba(186,3,13,0.5) 66%) !important;
	background: -webkit-radial-gradient(transparent,rgba(186,3,13,0.5) 66%) !important;
	background: radial-gradient(transparent,rgba(186,3,13,0.5) 66%) !important;
}

.colors-group .color-box-1 .color-item,
.colors-group .color-box-1.color-item,
.colors-group .color-box-1 .color-font,
.colors-group .color-box-1.color-font
{
	border-color: rgb(254,97,148);
	background-color: rgb(254,97,148);
}

.colors-group .color-box-1 .color-mask,
.colors-group .color-box-1.color-mask
{
	border-color: rgba(254,97,148,0.3);
	background-color: rgba(254,97,148,0.3);
}

.colors-group .color-box-1 .color-film,
.colors-group .color-box-1.color-film
{
	border-color: rgba(254,97,148,0.9);
	background-color: rgba(254,97,148,0.9);
}

.colors-group .color-box-1 .color-font,
.colors-group .color-box-1.color-font
{
	color: rgb(254,97,148);
}

.colors-group .color-box-2 .color-item,
.colors-group .color-box-2.color-item,
.colors-group .color-box-2 .color-font,
.colors-group .color-box-2.color-font
{
	border-color: rgb(255,185,74);
	background-color: rgb(255,185,74);
}

.colors-group .color-box-2 .color-mask,
.colors-group .color-box-2.color-mask
{
	border-color: rgba(255,185,74,0.3);
	background-color: rgba(255,185,74,0.3);
}

.colors-group .color-box-2 .color-film,
.colors-group .color-box-2.color-film
{
	border-color: rgba(255,185,74,0.9);
	background-color: rgba(255,185,74,0.9);
}

.colors-group .color-box-2 .color-font,
.colors-group .color-box-2.color-font
{
	color: rgb(255,185,74);
}

.colors-group .color-box-3 .color-item,
.colors-group .color-box-3.color-item,
.colors-group .color-box-3 .color-font,
.colors-group .color-box-3.color-font
{
	border-color: rgb(195,195,95);
	background-color: rgb(195,195,95);
}

.colors-group .color-box-3 .color-mask,
.colors-group .color-box-3.color-mask
{
	border-color: rgba(195,195,95,0.3);
	background-color: rgba(195,195,95,0.3);
}

.colors-group .color-box-3 .color-film,
.colors-group .color-box-3.color-film
{
	border-color: rgba(195,195,95,0.9);
	background-color: rgba(195,195,95,0.9);
}

.colors-group .color-box-3 .color-font,
.colors-group .color-box-3.color-font
{
	color: rgb(195,195,95);
}

.colors-group .color-box-4 .color-item,
.colors-group .color-box-4.color-item,
.colors-group .color-box-4 .color-font,
.colors-group .color-box-4.color-font
{
	border-color: rgb(61,182,191);
	background-color: rgb(61,182,191);
}

.colors-group .color-box-4 .color-mask,
.colors-group .color-box-4.color-mask
{
	border-color: rgba(61,182,191,0.3);
	background-color: rgba(61,182,191,0.3);
}

.colors-group .color-box-4 .color-film,
.colors-group .color-box-4.color-film
{
	border-color: rgba(61,182,191,0.9);
	background-color: rgba(61,182,191,0.9);
}

.colors-group .color-box-4 .color-font,
.colors-group .color-box-4.color-font
{
	color: rgb(61,182,191);
}

.colors-group .color-box-5 .color-item,
.colors-group .color-box-5.color-item,
.colors-group .color-box-5 .color-font,
.colors-group .color-box-5.color-font
{
	border-color: rgb(63,189,229);
	background-color: rgb(63,189,229);
}

.colors-group .color-box-5 .color-mask,
.colors-group .color-box-5.color-mask
{
	border-color: rgba(63,189,229,0.3);
	background-color: rgba(63,189,229,0.3);
}

.colors-group .color-box-5 .color-film,
.colors-group .color-box-5.color-film
{
	border-color: rgba(63,189,229,0.9);
	background-color: rgba(63,189,229,0.9);
}

.colors-group .color-box-5 .color-font,
.colors-group .color-box-5.color-font
{
	color: rgb(63,189,229);
}

.colors-group .color-box-6 .color-item,
.colors-group .color-box-6.color-item,
.colors-group .color-box-6 .color-font,
.colors-group .color-box-6.color-font
{
	border-color: rgb(198,134,184);
	background-color: rgb(198,134,184);
}

.colors-group .color-box-6 .color-mask,
.colors-group .color-box-6.color-mask
{
	border-color: rgba(198,134,184,0.3);
	background-color: rgba(198,134,184,0.3);
}

.colors-group .color-box-6 .color-film,
.colors-group .color-box-6.color-film
{
	border-color: rgba(198,134,184,0.9);
	background-color: rgba(198,134,184,0.9);
}

.colors-group .color-box-6 .color-font,
.colors-group .color-box-6.color-font
{
	color: rgb(198,134,184);
}

.colors-group .color-lighter
{
	border-color: rgb(255,255,255);
	background-color: rgb(255,255,255);
}

.colors-group .color-darker
{
	border-color: rgb(76,76,77);
	background-color: rgb(76,76,77);
}

/*=======================================================================
// Created: 2015-2-9 18:01:31
// Author:  Johnson Wen 
// Comment: radius
//=======================================================================*/
.radius-50
{
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	-ms-border-radius: 50% !important;
	-o-border-radius: 50% !important;
	border-radius: 50% !important;
}

.radius-30
{
	-webkit-border-radius: 30% !important;
	-moz-border-radius: 30% !important;
	-ms-border-radius: 30% !important;
	-o-border-radius: 30% !important;
	border-radius: 30% !important;
}

.radius-10px
{
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-ms-border-radius: 10px !important;
	-o-border-radius: 10px !important;
	border-radius: 10px !important;
}

.radius-5px
{
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-ms-border-radius: 5px !important;
	-o-border-radius: 5px !important;
	border-radius: 5px !important;
}

.radius-2px
{
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	-ms-border-radius: 2px !important;
	-o-border-radius: 2px !important;
	border-radius: 2px !important;
}

.shadow-4
{
	-webkit-box-shadow: 0 0 4px rgb(0 0 0 / 10%);
	-moz-box-shadow: 0 0 4px rgb(0 0 0 / 10%);
	-o-box-shadow: 0 0 4px rgb(0 0 0 / 10%);
	box-shadow: 0 0 4px rgb(0 0 0 / 10%);
}

.shadow-6
{
	-webkit-box-shadow: 0 0 6px rgb(0 0 0 / 20%);
	-moz-box-shadow: 0 0 6px rgb(0 0 0 / 20%);
	-o-box-shadow: 0 0 6px rgb(0 0 0 / 20%);
	box-shadow: 0 0 6px rgb(0 0 0 / 20%);
}

/*=======================================================================
// Created: 2015-2-9 18:01:31
// Author:  Johnson Wen 
// Comment: clip      width=height*1.73205080/2
//=======================================================================*/
.clip-sixbox-box
{
	overflow: hidden;
	-webkit-clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
	-moz-clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
	-ms-clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
	-o-clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
	clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}

/*width=height*1.73205080/2*/
.clip-treebox-box
{
	overflow: hidden;
	-webkit-clip-path: polygon(0 100%, 50% 0, 100% 100%);
	-moz-clip-path: polygon(0 100%, 50% 0, 100% 100%);
	-ms-clip-path: polygon(0 100%, 50% 0, 100% 100%);
	-o-clip-path: polygon(0 100%, 50% 0, 100% 100%);
	clip-path: polygon(0 100%, 50% 0, 100% 100%);
}

.clip-circle-box
{
	overflow: hidden;
	-webkit-clip-path: circle(50% at 50% 50%);
	-moz-clip-path: circle(50% at 50% 50%);
	-ms-clip-path: circle(50% at 50% 50%);
	-o-clip-path: circle(50% at 50% 50%);
	clip-path: circle(50% at 50% 50%);
}

.clip-inset-box
{
	overflow: hidden;
	-webkit-clip-path: inset(0 0 round 0 25%);
	-moz-clip-path: inset(0 0 round 0 25%);
	-ms-clip-path: inset(0 0 round 0 25%);
	-o-clip-path: inset(0 0 round 0 25%);
	clip-path: inset(0 0 round 0 25%);
}

.clip-square-box
{
	overflow: hidden;
	-webkit-clip-path: inset(0 0 round 5% 5%);
	-moz-clip-path: inset(0 0 round 5% 5%);
	-ms-clip-path: inset(0 0 round 5% 5%);
	-o-clip-path: inset(0 0 round 5% 5%);
	clip-path: inset(0 0 round 5% 5%);
}

[class*=tile-transform-]
{
	-webkit-transition: all 0.22s;
	transition: all 0.22s;
}

.rotate-left
{
	transform-origin: left;
	transform: perspective(200rem) rotateY(30deg);	
}

.rotate-right
{
	transform-origin: right;
	transform: perspective(200rem) rotateY(-30deg);
}

.tile-transform-right
{
	-webkit-transform-origin: left 50%;
	-moz-transform-origin: left 50%;
	-ms-transform-origin: left 50%;
	-o-transform-origin: left 50%;
	transform-origin: left 50%;
	-webkit-transform: perspective(500px) rotateY(0.138372rad);
	-moz-transform: perspective(500px) rotateY(0.138372rad);
	-ms-transform: perspective(500px) rotateY(0.138372rad);
	-o-transform: perspective(500px) rotateY(0.138372rad);
	transform: perspective(500px) rotateY(0.138372rad);
}

.tile.double.tile-transform-right
{
	-webkit-transform: perspective(500px) rotateY(0.069186rad);
	-moz-transform: perspective(500px) rotateY(0.069186rad);
	-ms-transform: perspective(500px) rotateY(0.069186rad);
	-o-transform: perspective(500px) rotateY(0.069186rad);
	transform: perspective(500px) rotateY(0.069186rad);
}

.tile.triple.tile-transform-right
{
	-webkit-transform: perspective(500px) rotateY(0.046124rad);
	-moz-transform: perspective(500px) rotateY(0.046124rad);
	-ms-transform: perspective(500px) rotateY(0.046124rad);
	-o-transform: perspective(500px) rotateY(0.046124rad);
	transform: perspective(500px) rotateY(0.046124rad);
}

.tile.quadro.tile-transform-right
{
	-webkit-transform: perspective(500px) rotateY(0.034593rad);
	-moz-transform: perspective(500px) rotateY(0.034593rad);
	-ms-transform: perspective(500px) rotateY(0.034593rad);
	-o-transform: perspective(500px) rotateY(0.034593rad);
	transform: perspective(500px) rotateY(0.034593rad);
}

.tile.half.tile-transform-right
{
	-webkit-transform: perspective(500px) rotateY(0.276744rad);
	-moz-transform: perspective(500px) rotateY(0.276744rad);
	-ms-transform: perspective(500px) rotateY(0.276744rad);
	-o-transform: perspective(500px) rotateY(0.276744rad);
	transform: perspective(500px) rotateY(0.276744rad);
}

.tile-transform-left
{
	-webkit-transform-origin: right 50%;
	-moz-transform-origin: right 50%;
	-ms-transform-origin: right 50%;
	-o-transform-origin: right 50%;
	transform-origin: right 50%;
	-webkit-transform: perspective(500px) rotateY(-0.138372rad);
	-moz-transform: perspective(500px) rotateY(-0.138372rad);
	-ms-transform: perspective(500px) rotateY(-0.138372rad);
	-o-transform: perspective(500px) rotateY(-0.138372rad);
	transform: perspective(500px) rotateY(-0.138372rad);
}

.tile.double.tile-transform-left
{
	-webkit-transform: perspective(500px) rotateY(-0.069186rad);
	-moz-transform: perspective(500px) rotateY(-0.069186rad);
	-ms-transform: perspective(500px) rotateY(-0.069186rad);
	-o-transform: perspective(500px) rotateY(-0.069186rad);
	transform: perspective(500px) rotateY(-0.069186rad);
}

.tile.triple.tile-transform-left
{
	-webkit-transform: perspective(500px) rotateY(-0.046124rad);
	-moz-transform: perspective(500px) rotateY(-0.046124rad);
	-ms-transform: perspective(500px) rotateY(-0.046124rad);
	-o-transform: perspective(500px) rotateY(-0.046124rad);
	transform: perspective(500px) rotateY(-0.046124rad);
}

.tile.quadro.tile-transform-left
{
	-webkit-transform: perspective(500px) rotateY(-0.034593rad);
	-moz-transform: perspective(500px) rotateY(-0.034593rad);
	-ms-transform: perspective(500px) rotateY(-0.034593rad);
	-o-transform: perspective(500px) rotateY(-0.034593rad);
	transform: perspective(500px) rotateY(-0.034593rad);
}

.tile.half.tile-transform-left
{
	-webkit-transform: perspective(500px) rotateY(-0.276744rad);
	-moz-transform: perspective(500px) rotateY(-0.276744rad);
	-ms-transform: perspective(500px) rotateY(-0.276744rad);
	-o-transform: perspective(500px) rotateY(-0.276744rad);
	transform: perspective(500px) rotateY(-0.276744rad);
}

.tile-transform-top
{
	-webkit-transform-origin: 50% bottom;
	-moz-transform-origin: 50% bottom;
	-ms-transform-origin: 50% bottom;
	-o-transform-origin: 50% bottom;
	transform-origin: 50% bottom;
	-webkit-transform: perspective(500px) rotateX(0.138372rad);
	-moz-transform: perspective(500px) rotateX(0.138372rad);
	-ms-transform: perspective(500px) rotateX(0.138372rad);
	-o-transform: perspective(500px) rotateX(0.138372rad);
	transform: perspective(500px) rotateX(0.138372rad);
}

.tile.double.tile-transform-top
{
	-webkit-transform: perspective(500px) rotateX(0.069186rad);
	-moz-transform: perspective(500px) rotateX(0.069186rad);
	-ms-transform: perspective(500px) rotateX(0.069186rad);
	-o-transform: perspective(500px) rotateX(0.069186rad);
	transform: perspective(500px) rotateX(0.069186rad);
}

.tile.triple.tile-transform-top
{
	-webkit-transform: perspective(500px) rotateX(0.046124rad);
	-moz-transform: perspective(500px) rotateX(0.046124rad);
	-ms-transform: perspective(500px) rotateX(0.046124rad);
	-o-transform: perspective(500px) rotateX(0.046124rad);
	transform: perspective(500px) rotateX(0.046124rad);
}

.tile.quadro.tile-transform-top
{
	-webkit-transform: perspective(500px) rotateX(0.034593rad);
	-moz-transform: perspective(500px) rotateX(0.034593rad);
	-ms-transform: perspective(500px) rotateX(0.034593rad);
	-o-transform: perspective(500px) rotateX(0.034593rad);
	transform: perspective(500px) rotateX(0.034593rad);
}

.tile.half.tile-transform-top
{
	-webkit-transform: perspective(500px) rotateX(0.276744rad);
	-moz-transform: perspective(500px) rotateX(0.276744rad);
	-ms-transform: perspective(500px) rotateX(0.276744rad);
	-o-transform: perspective(500px) rotateX(0.276744rad);
	transform: perspective(500px) rotateX(0.276744rad);
}

.tile-transform-bottom
{
	-webkit-transform-origin: 50% top;
	-moz-transform-origin: 50% top;
	-ms-transform-origin: 50% top;
	-o-transform-origin: 50% top;
	transform-origin: 50% top;
	-webkit-transform: perspective(500px) rotateX(-0.138372rad);
	-moz-transform: perspective(500px) rotateX(-0.138372rad);
	-ms-transform: perspective(500px) rotateX(-0.138372rad);
	-o-transform: perspective(500px) rotateX(-0.138372rad);
	transform: perspective(500px) rotateX(-0.138372rad);
}

.tile.double.tile-transform-bottom
{
	-webkit-transform: perspective(500px) rotateX(-0.069186rad);
	-moz-transform: perspective(500px) rotateX(-0.069186rad);
	-ms-transform: perspective(500px) rotateX(-0.069186rad);
	-o-transform: perspective(500px) rotateX(-0.069186rad);
	transform: perspective(500px) rotateX(-0.069186rad);
}

.tile.triple.tile-transform-bottom
{
	-webkit-transform: perspective(500px) rotateX(-0.046124rad);
	-moz-transform: perspective(500px) rotateX(-0.046124rad);
	-ms-transform: perspective(500px) rotateX(-0.046124rad);
	-o-transform: perspective(500px) rotateX(-0.046124rad);
	transform: perspective(500px) rotateX(-0.046124rad);
}

.tile.quadro.tile-transform-bottom
{
	-webkit-transform: perspective(500px) rotateX(-0.034593rad);
	-moz-transform: perspective(500px) rotateX(-0.034593rad);
	-ms-transform: perspective(500px) rotateX(-0.034593rad);
	-o-transform: perspective(500px) rotateX(-0.034593rad);
	transform: perspective(500px) rotateX(-0.034593rad);
}

.tile.half.tile-transform-bottom
{
	-webkit-transform: perspective(500px) rotateX(-0.276744rad);
	-moz-transform: perspective(500px) rotateX(-0.276744rad);
	-ms-transform: perspective(500px) rotateX(-0.276744rad);
	-o-transform: perspective(500px) rotateX(-0.276744rad);
	transform: perspective(500px) rotateX(-0.276744rad);
}

[data-title]:before
{
	content: attr(data-title);
	font-family: inherit;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 110%;
	letter-spacing: 0.1rem;
	position: relative;
	display: block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;
	color: inherit;
	margin: 0 0 12px 0;
}

[data-remark]:after
{
	content: attr(data-remark);
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 120%;
	letter-spacing: 0.1rem;
	display: block;
	position: relative;
	color: inherit;
	margin: 8px 0 0 0;
}

/*=======================================================================
// Created: 2015-2-9 18:01:31
// Author:  Johnson Wen 
// Comment: background
//=======================================================================*/
.image-back,
.image-mask,
.image-logo,
.image-thumb,
.flex-col-image,
.flex-row-image,
.image-footer,
.image-round,
.zonemask,
.image-slide,
.image-note,
.title-image,
.title-image:after,
.shelf-tray:after,
.shelf-banner,
.image-poster,
.image-poster:before,
.image-poster:after
{
	-webkit-background-attachment: scroll !important;
	-moz-background-attachment: scroll !important;
	-o-background-attachment: scroll !important;
	background-attachment: scroll !important;

	-webkit-background-origin: border-box !important;
	-moz-background-origin: border-box !important;
	-o-background-origin: border-box !important;
	background-origin: border-box !important;

	background-repeat: no-repeat !important;
	background-position: center center !important;

	overflow: hidden !important;
}

.image-note,
.image-mask,
.image-back,
.image-slide
{
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

.image-logo,
.image-thumb,
.flex-col-image,
.flex-row-image,
.image-footer,
.image-round,
.zonemask,
.title-image,
.title-image:after,
.shelf-tray:after,
.shelf-banner,
.image-poster,
.image-poster:before,
.image-poster:after
{
	-webkit-background-size: contain !important;
	-moz-background-size: contain !important;
	-o-background-size: contain !important;
	background-size: contain !important;
}

.image-footer
{
	background-position: bottom center !important;
}

.image-footer.left
{
	background-position: bottom left !important;
}

.image-footer.right
{
	background-position: bottom right !important;
}

.zonemask
{
	background-image: url(/images/backimg/blackgrid.png);
}

.image-slide
{
	background-color: rgb(241,244,249) !important;
	/*
	background-repeat: repeat !important;
	background-image: url(/images/backtile/grid-gray.png);
	*/
	background-image: url(/images/backimg/blackgrid.png);
}

.image-round.platred
{
	margin-top: 30px;
	height: 50px;
	background-image: url(/images/backimg/platred.png);
}

.image-round.left
{
	background-image: url(/images/backmsk/mask-back-left.jpg);
	padding: 64px 0;
}

.image-round.right
{
	background-image: url(/images/backmsk/mask-back-right.jpg);
	padding: 64px 0;
}

.zonemask,
.image-round
{
	background-size: 100% 100% !important;
}

.image-place-left-top,
.image-logo.place-left-top,
.image-thumb.place-left-top
{
	background-position: left top !important;
}

.image-place-left-center,
.image-logo.place-left-center,
.image-thumb.place-left-center
{
	background-position: left center !important;
}

.image-place-left-bottom,
.image-logo.place-left-bottom,
.image-thumb.place-left-bottom
{
	background-position: left bottom !important;
}

.image-place-right-top,
.image-logo.place-right-top,
.image-thumb.place-right-top
{
	background-position: right top !important;
}

.image-place-right-center,
.image-logo.place-right-center,
.image-thumb.place-right-center,
.image-thumb.qrcode
{
	background-position: right center !important;
}

.image-place-right-bottom,
.image-logo.place-right-bottom,
.image-thumb.place-right-bottom
{
	background-position: right bottom !important;
}

.image-place-center-top,
.image-logo.place-center-top,
.image-thumb.place-center-top
{
	background-position: center top !important;
}

.image-place-center-bottom,
.image-logo.place-center-bottom,
.image-thumb.place-center-bottom
{
	background-position: center bottom !important;
}

.image-place-center,
.image-logo.place-center,
.image-thumb.place-center
{
	background-position: center center !important;
}

.image-note::after
{
	content: "";
	top: calc(50% - 10px);
	display: inline-block;
	position: absolute;
	border: 10px solid transparent;
}

.image-note.place-left::after
{
	left: 0px;
}

.image-note.place-right::after
{
	right: 0px;
}

.title-image:after,
.shelf-tray:after,
.image-poster:before,
.image-poster:after
{
	content: "";
	left: 0;
	right: 0;
	height: 100%;
	display: block;
	position: absolute;
}

.image-poster:before
{
	top: 0;
	background-position: top center !important;
}

.title-image:after,
.shelf-tray:after,
.image-poster:after
{
	bottom: 0;
	background-position: bottom center !important;
}

.image-back.backgray
{
	background-image: url(/images/backimg/backgray.jpg);
}

.title-image:after
{
	background-image: url(/images/backbox/bottoms-white.png);
}

.shelf-tray:after
{
	background-image: url(/images/backbox/bottoms-white.png);
}

.shelf-tray[class*="flag-"]:after,
.shelf-tray[class*="type-"]:after
{
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	z-index: 3;
	opacity: 1.0 !important;
	display: inline-block;
}

.shelf-tray[class*="type-"]:after
{
	left: auto;
	right: 0;
}

.shelf-tray[class*="flag-active"]:after,
.shelf-tray[class*="type-active"]:after
{
	width: 48px;
	height: 48px;
}

.shelf-tray.flag-active:after
{
	background-image: url(/images/backimg/hotml.png);
}

.shelf-tray.type-active:after
{
	background-image: url(/images/backimg/hotmr.png);
}

.shelf-tray.flag-none:after
{
	background-image: none;
}

.shelf-tray.type-none:after
{
	background-image: none;
}

.shelf-tray.flag-hot:after
{
	background-image: url(/images/backimg/hotl.png);
}

.shelf-tray.flag-eco:after
{
	background-image: url(/images/backimg/ecol.png);
}

.shelf-tray.flag-new:after
{
	background-image: url(/images/backimg/newl.png);
}

.shelf-tray.flag-tot:after
{
	background-image: url(/images/backimg/totl.png);
}

.shelf-tray.flag-spi:after
{
	background-image: url(/images/backimg/spil.png);
}

.shelf-tray.flag-spx:after
{
	background-image: url(/images/backimg/spxl.png);
}

.shelf-tray.flag-spc:after
{
	background-image: url(/images/backimg/spcl.png);
}

.shelf-tray.flag-pci:after
{
	background-image: url(/images/backimg/pcil.png);
}

.shelf-tray.flag-aos:after
{
	background-image: url(/images/backimg/aosl.png);
}

.shelf-tray.flag-ios:after
{
	background-image: url(/images/backimg/iosl.png);
}

.shelf-tray.flag-html5:after
{
	background-image: url(/images/backimg/html5l.png);
}

.shelf-tray.flag-ms:after
{
	background-image: url(/images/backimg/msl.png);
}

.shelf-tray.type-hot:after
{
	background-image: url(/images/backimg/hotr.png);
}

.shelf-tray.type-eco:after
{
	background-image: url(/images/backimg/ecor.png);
}

.shelf-tray.type-new:after
{
	background-image: url(/images/backimg/newr.png);
}

.shelf-tray.type-tot:after
{
	background-image: url(/images/backimg/totr.png);
}

.shelf-tray.type-spi:after
{
	background-image: url(/images/backimg/spir.png);
}

.shelf-tray.type-spx:after
{
	background-image: url(/images/backimg/spxr.png);
}

.shelf-tray.type-spc:after
{
	background-image: url(/images/backimg/spcr.png);
}

.shelf-tray.type-pci:after
{
	background-image: url(/images/backimg/pcir.png);
}

.shelf-tray.type-aos:after
{
	background-image: url(/images/backimg/aosr.png);
}

.shelf-tray.type-ios:after
{
	background-image: url(/images/backimg/iosr.png);
}

.shelf-tray.type-html5:after
{
	background-image: url(/images/backimg/html5r.png);
}

.shelf-tray.type-ms:after
{
	background-image: url(/images/backimg/msr.png);
}

.shelf-banner
{
	background-position: left center !important;
}

.line-text,
.title-image,
.title-text
{
	width: auto;
	max-height: 100%;
	font-size: 1.4rem;
	line-height: 150%;
	letter-spacing: 0.1rem;
	overflow: hidden;
	color: inherit;
	z-index: 2;
}

.line-text
{
	line-height: 120%;
}

.line-text.price
{
	font-family: 'bebas','PingFang SC','Microsoft YaHei' !important;
	font-size: 1.6rem;
	letter-spacing: 0;
	display: block;
	color: rgb(229,20,0) !important;
}

.line-text.price.large
{
	font-size: 2.0rem;;
}

.line-index
{
	font-family: 'bebas' !important;
	font-size: 4.6rem;
	letter-spacing: 0;
	line-height: 120%;
	width: auto;
	display: inline-block;
	position: absolute;
	color: rgba(0,0,0,0.08) !important;
	margin: 0;
	padding: 0;
}

.line-index.white
{
	color: rgba(255,255,255,0.2) !important;
}

.line-text > span
{
	font-size: 1.2rem;
	position: absolute;
	right: 20px;
	bottom: 2px;
	color: #555;
}

.title-text.large-mode
{
	font-size: 1.6rem;
	letter-spacing: 0.1rem;
	line-height: 200%;
}

.title-text.large-mode:before
{
	font-size: 2.2rem;
	font-weight: normal;
	letter-spacing: 0.3rem;
	margin: 20px 0 15px 0;
}

.title-image
{
	min-height: 20%;
	max-height: 50%;
	padding: 10px 20px 50px 20px;
	background-repeat: repeat !important;
}

.shelf-tray
{
	background-color: inherit;
	background-repeat: repeat;
	cursor: pointer;
}

.shelf-tray > [class*=image-],
.shelf-tray > [class*=title],
.shelf-tray > [class*=text]
{
	width: auto;
	z-index: 2;
}

.shelf-poster.flex-col-box:hover,
.shelf-banner:hover,
.shelf-tray:not(.hover-none):hover,
.shelf-tray:not(.hover-none):active
{
	-webkit-filter:brightness(1.015);
	-o-filter:brightness(1.015);
	-moz-filter:brightness(1.015);
	filter:brightness(1.015);	
}

.shelf-poster.flex-col-box:hover,
.shelf-tray:not(.hover-none):hover,
.shelf-tray:not(.hover-none):active
{
	-webkit-box-shadow: 0 0 8px rgb(0 0 0 / 10%);
	-moz-box-shadow: 0 0 8px rgb(0 0 0 / 10%);
	-o-box-shadow: 0 0 8px rgb(0 0 0 / 10%);
	box-shadow: 0 0 8px rgb(0 0 0 / 10%);
}

.image-mask
{
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	position: absolute !important;
	/*
	filter: blur(10px) !important;
	*/
	opacity: 0.20 !important;
}

.image-mask,
.sadness,
.grayscale
{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
}

[class*="image-box-"]
{
	cursor: pointer;
}

[class*="image-box-"]:hover
{
	-webkit-filter:brightness(1.015);
	-o-filter:brightness(1.015);
	-moz-filter:brightness(1.015);
	filter:brightness(1.015);	
	cursor: pointer;
}

img.tour-size
{
	width: 100% !important;
}

img[class*=mask-size]
{
	width: 100% !important;
	z-index: -1 !important;
}

img.mask-size2x3
{
	content: url(/images/backimg/size2x3.png);
}

img.mask-size3x2
{
	content: url(/images/backimg/size3x2.png);
}

img.mask-size3x4
{
	content: url(/images/backimg/size3x4.png);
}

img.mask-size4x3
{
	content: url(/images/backimg/size4x3.png);
}

img.mask-size4x4
{
	content: url(/images/backimg/size4x4.png);
}

img.mask-size16x9
{
	content: url(/images/backimg/size16x9.png);
}

img.mask-size16x10
{
	content: url(/images/backimg/size16x10.png);
}

img.mask-size21x9
{
	content: url(/images/backimg/size21x9.png);
}

img.mask-size27x9
{
	content: url(/images/backimg/size27x9.png);
}

img.mask-size-red3
{
	content: url(/images/3d/size-red3.png);
	z-index: 0 !important;
}

img.medal-gold
{
	content: url(/images/backimg/medal-gold.png);
}

img.medal-silver
{
	content: url(/images/backimg/medal-silver.png);
}

img.medal-bronze
{
	content: url(/images/backimg/medal-bronze.png);
}

[class*="mask-blur-"]
{
	width: auto;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

[class*="mask-blur-"] > img
{
	width: auto;
	height: 100%;
	display: block;
}

[class*="mask-blur-"]:after
{
	content: "";
	width: 50%;
	top: 0;
	bottom: 0;
	display: inline-block;
	position: absolute;
}

.mask-blur-left:after
{
	left: 0;
}

.mask-blur-right:after
{
	right: 0;
}

[class*="absolute-"],
.absolute,
.image-mask
{
	width: auto !important;
	position: absolute !important;
	display: block !important;
}

.image-remark
{
	top: 0;
	right: 0;
	bottom: 0;
	width: 28%;
	display: inline-block;
	position: absolute;
	color: inherit;
	padding: 0;
}

.image-remark.left
{
	left: 0;
	right: auto;
}

.image-remark.label-left
{
	left: 50px;
	right: auto;
}

.image-remark.label-right
{
	left: auto;
	right: 50px;
}

.image-remark > h5
{
	font-size: 1.6rem;
	line-height: 200%;
	letter-spacing: 0.2rem;
	top: 0;
	left: 0;
	right: 0;
	bottom: 64px;
	width: auto;
	position: absolute;
	white-space: normal;
	text-align: left;
}

.image-remark > .button
{
	font-size: 1.5rem;
	letter-spacing: 0.05rem;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 13px 25px;
}

.flex-row-box
{
	-webkit-flex-flow: row nowrap !important;
	flex-flow: row nowrap !important;
	display: -webkit-flex !important;
	display: flex !important;
}

.flex-row-box > .flex-row-head,
.flex-row-box > .flex-row-foot,
.flex-row-box > .flex-row-index,
.flex-row-box > .flex-row-icon,
.flex-row-box > .flex-row-title,
.flex-row-box > .flex-row-shrink
{
	-webkit-flex: 0 1 auto;
	-moz-flex: 0 1 auto;  
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: auto;
	position: relative !important;
	display: inline-block !important;
}

.flex-row-box > .flex-row-text,
.flex-row-box > .flex-row-image,
.flex-row-box > .flex-row-grow
{
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;  
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: auto;
	position: relative !important;
	display: inline-block !important;
}

.flex-col-box
{
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	display: -webkit-flex !important;
	display: flex !important;
}

.flex-col-box > .flex-col-head,
.flex-col-box > .flex-col-foot,
.flex-col-box > .flex-col-index,
.flex-col-box > .flex-col-icon,
.flex-col-box > .flex-col-title,
.flex-col-box > .flex-col-shrink
{
	-webkit-flex: 0 1 auto;
	-moz-flex: 0 1 auto;  
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	position: relative !important;
	display: block;
	width: auto !important;
}

.flex-col-box > .flex-col-text,
.flex-col-box > .flex-col-image,
.flex-col-box > .flex-col-grow
{
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;  
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	position: relative !important;
	display: block;
	width: auto !important;
}

.absolute-0,
.absolute
{
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
}

.absolute-1
{
	top: 1px !important;
	left: 1px !important;
	right: 1px !important;
	bottom: 1px !important;
}

.absolute-4
{
	top: 4px !important;
	left: 4px !important;
	right: 4px !important;
	bottom: 4px !important;
}

.absolute-5
{
	top: 5px !important;
	left: 5px !important;
	right: 5px !important;
	bottom: 5px !important;
}

.absolute-10
{
	top: 10px !important;
	left: 10px !important;
	right: 10px !important;
	bottom: 10px !important;
}

.absolute-12
{
	top: 12px !important;
	left: 12px !important;
	right: 12px !important;
	bottom: 12px !important;
}

.absolute-15
{
	top: 15px !important;
	left: 15px !important;
	right: 15px !important;
	bottom: 15px !important;
}

.padding-1
{
	padding: 1px !important;
}

.padding-4
{
	padding: 4px !important;
}

.padding-5
{
	padding: 5px !important;
}

.padding-10
{
	padding: 10px !important;
}

.padding-12
{
	padding: 12px !important;
}

.padding-15
{
	padding: 15px !important;
}

.margin-1
{
	margin: 1px !important;
}

.margin-4
{
	margin: 4px !important;
}

.margin-5
{
	margin: 5px !important;
}

.margin-10
{
	margin: 10px !important;
}

.margin-12
{
	margin: 12px !important;
}

.margin-15
{
	margin: 15px !important;
}

/*=======================================================================
// Created: 2015-2-9 18:01:31
// Author:  Johnson Wen 
// Comment: text
//=======================================================================*/
.text,
.medit,
.msgbox-text
{
	font-weight: normal !important;
	font-size: 1.2rem;
	letter-spacing: 0.05rem !important;
	text-align: left !important;
	vertical-align: top !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	white-space: normal !important;
	word-break: break-word !important;
	word-wrap: break-word !important;
	line-height: 200% !important;
	-webkit-user-select: text;
	-moz-user-select: text;
	user-select: text;
	color: #111;
}

textarea.text,
.medit,
.msgbox-text
{
	width: auto;
	height: auto;
	top: 5px;
	bottom: 5px;
	left: 0;
	right: 0;
	position: absolute;
	letter-spacing: 0.1rem;
	padding: 0 10px;
	resize: none;
	line-height: 170% !important;
	-webkit-user-modify: read-write-plaintext-only !important;
	-moz-user-modify: read-write-plaintext-only !important;
}

.line-text,
.text-ellipsis
{
	overflow: hidden !important;
	white-space: nowrap !important;
	-o-text-overflow: ellipsis !important;
	text-overflow: ellipsis !important;
	word-break: break-word !important;
	word-wrap: break-word !important;
}

.text-ellipsis-line2,
.text-ellipsis-line3,
.text-ellipsis-line4,
.text-ellipsis-line5,
.text-ellipsis-line6,
.text-ellipsis-line7,
.text-ellipsis-line8,
.text-ellipsis-line9,
.text-ellipsis-line10,
.text-ellipsis-line11,
.text-ellipsis-line12,
.text-ellipsis-line13,
.text-ellipsis-line14,
.text-ellipsis-line15,
.text-ellipsis-line16
{
	text-align: left;
	white-space: -webkit-normal;
	white-space: -moz-normal;
	white-space: -ms-normal;
	white-space: -normal;
	white-space: -o-normal;
	white-space: normal;
	word-break: break-word;
	word-wrap: break-word;
	display: -o-box;
	display: -moz-box;
	display: -webkit-box;
	-o-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

[class*="text-ellipsis-line"]
{
	line-height: 200%;
	letter-spacing: 0.1rem;
	position: relative;
	color: inherit;
}

.text-ellipsis-line2
{
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-o-line-clamp: 2;
	line-clamp: 2;
}

.text-ellipsis-line3
{
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3;
	-o-line-clamp: 3;
	line-clamp: 3;
}

.text-ellipsis-line4
{
	-webkit-line-clamp: 4;
	-moz-line-clamp: 4;
	-o-line-clamp: 4;
	line-clamp: 4;
}

.text-ellipsis-line5
{
	-webkit-line-clamp: 5;
	-moz-line-clamp: 5;
	-o-line-clamp: 5;
	line-clamp: 5;
}

.text-ellipsis-line6
{
	-webkit-line-clamp: 6;
	-moz-line-clamp: 6;
	-o-line-clamp: 6;
	line-clamp: 6;
}

.text-ellipsis-line7
{
	-webkit-line-clamp: 7;
	-moz-line-clamp: 7;
	-o-line-clamp: 7;
	line-clamp: 7;
}

.text-ellipsis-line8
{
	-webkit-line-clamp: 8;
	-moz-line-clamp: 8;
	-o-line-clamp: 8;
	line-clamp: 8;
}

.text-ellipsis-line9
{
	-webkit-line-clamp: 9;
	-moz-line-clamp: 9;
	-o-line-clamp: 9;
	line-clamp: 9;
}

.text-ellipsis-line10
{
	-webkit-line-clamp: 10;
	-moz-line-clamp: 10;
	-o-line-clamp: 10;
	line-clamp: 10;
}

.text-ellipsis-line11
{
	-webkit-line-clamp: 11;
	-moz-line-clamp: 11;
	-o-line-clamp: 11;
	line-clamp: 11;
}

.text-ellipsis-line12
{
	-webkit-line-clamp: 12;
	-moz-line-clamp: 12;
	-o-line-clamp: 12;
	line-clamp: 12;
}

.text-ellipsis-line13
{
	-webkit-line-clamp: 13;
	-moz-line-clamp: 13;
	-o-line-clamp: 13;
	line-clamp: 13;
}

.text-ellipsis-line14
{
	-webkit-line-clamp: 14;
	-moz-line-clamp: 14;
	-o-line-clamp: 14;
	line-clamp: 14;
}

.text-ellipsis-line15
{
	-webkit-line-clamp: 15;
	-moz-line-clamp: 15;
	-o-line-clamp: 15;
	line-clamp: 15;
}

.text-ellipsis-line16
{
	-webkit-line-clamp: 16;
	-moz-line-clamp: 16;
	-o-line-clamp: 16;
	line-clamp: 16;
}

.toolbar
{
	font-size: 1.2rem;
	display: block;
	-webkit-flex: 0 1 auto;
	-moz-flex: 0 1 auto;  
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	z-index: 2;
	color: #fff;
	min-height: 36px;
	background-color: rgba(255,255,255,0.1);
	background-color: rgb(108,124,88);
/*	border-top: 1px solid rgb(255,255,255,0.1);*/
}

.toolbar.hidden,
.toolbar:empty
{
	display: none !important;
}

.toolbar > li
{
	font-size: 1.2rem;
	line-height: 2.6rem;
	text-align: center;
	vertical-align: middle;
	width: auto;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;

	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	display: -webkit-flex;
	display: flex;
	margin: 2px 2px 0 2px;
}

.toolbar > li:empty
{
	display: none !important;
}

.toolbar > li.tool-extend
{
	white-space: normal;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

.toolbar > li.tools
{
	min-height: 3.2rem;
}

.toolbar > li:last-child
{
	margin-bottom: 2px;
}

.toolbar > li > * + *
{
	margin-left: 2px;
}

.region > input
{
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	display: block;
	position: absolute;
	padding: 0 5px;
}

table .region > input
{
	padding: 0;
}

.region > .listbox
{
	top: 33px;
	left: 0;
	width: auto;
	height: auto;
	max-height: 360px;
	overflow-x: auto;
	overflow-y: scroll;
	position: absolute;
	display: none;
	z-index: 2;
	background-color: #fff;
	border: 1px solid #bbb;
	border-top: none;
	color: #111;
	padding: 5px;
}

.region > .listbox.active
{
	display: block;
}

.region > .listbox > table
{
	table-layout: auto;
	color: inherit;
}

.region > .listbox > table tr > td:last-child
{
	display: none;
}

.region > .listbox > table tbody > tr:hover
{
	background-color: deepskyblue;
	color: #fff;
}

.region > .listbox > table tbody > tr:focus,
.region > .listbox > table tbody > tr:active,
.region > .listbox > table tbody > tr.active
{
	background-color: deepskyblue;
	color: #fff;
}

.toolbar > li > input,
.toolbar > li > select,
.toolbar > li > button,
.toolbar > li > span,
.toolbar > li > .region
{
	-webkit-flex: 0 1 auto;
	-moz-flex: 0 1 auto;  
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	height: 3.2rem;
	line-height: 120%;
	border: 1px solid rgba(255,255,255,0.1);
	padding: 0 5px;
}

.toolbar > li > .region
{
	width: 120px;
}

.toolbar > li option
{
	color: #111
}

.toolbar > li > span
{
	line-height: 110%;
	border: none;
	padding: 10px 0 10px 1px;
}

.toolbar > li > button
{
	font-size: 1.2rem;
	line-height: 2.6rem;
	letter-spacing: 0.01rem;
	min-width: 2.4rem;
	background-color: rgba(0,146,238,0.8);
	background-color: rgb(115,168,78);
	border: 1px solid rgba(255,255,255,0.1);
	padding: 0 6px;
	color: #fff;
}

.toolbar > li > button[class*="icon-"]
{
	font-size: 1.4rem;
	width: auto;
	padding: 0px;
}

.toolbar > li > button.fixed
{
	position: absolute;
	right: 0;
}

.toolbar > li > select
{
	width: 160px;
	background-position: calc(100% - 5px);
	padding-right: 17px !important;
	background-image: url("/images/backbox/warrow.png");
}

.toolbar > li > select[title="操作类型"],
.toolbar > li > select[title="属性类型"]
{
	position: absolute;
	right: 1px;
}

.toolbar ::-webkit-calendar-picker-indicator
{
	background: url("/images/backbox/warrow.png") no-repeat scroll right center transparent;
}

.toolbar > li > select.tiny
{
	width: 40px;
} 

.toolbar > li > select.small
{
	width: 90px;
} 

.toolbar > li > select.normal
{
	width: 120px;
} 

.toolbar > li > select.seek-type
{
	width: 90px;
} 

.toolbar > li > select.seek-type.hidden
{
	display: none;
} 

.toolbar > li > select.detail
{
	width: 140px;
} 

.toolbar > li > select.large
{
	width: 223px;
} 

.toolbar > li > input[type="datetime-local"]
{
	width: 150px;
} 

.toolbar > li > input[type="date"]
{
	width: 100px;
} 

.toolbar > li > input[type="month"]
{
	width: 100px;
}

.toolbar > li > input[type="week"]
{
	width: 130px;
} 

.toolbar > li > input[type="time"]
{
	width: 66px;
} 

.toolbar > li > input[type="text"]
{
	width: 64px;
} 

.toolbar > li > .stretch
{
	width: auto;
	-webkit-flex: 1 0 auto;
	-moz-flex: 1 0 auto;   
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

.toolbar > li > input:hover,
.toolbar > li > select:hover
{
	background-color: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.2);
}

.toolbar > li > input:active,
.toolbar > li > select:active,
.toolbar > li > input.active,
.toolbar > li > select.active
{
	background-color: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.3);
}

.toolbar > li > button:hover
{
	filter: brightness(1.1);
}

.toolbar > li > button:active,
.toolbar > li > button.active
{
	filter: brightness(1.2);
}

.pagebar
{
	font-size: 1.2rem;
	text-align: center;
	white-space: nowrap;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	position: absolute;
	display: block;
	overflow: hidden;
	z-index: 2;
	border-top: 1px solid rgb(0,0,0,0.04);
	background-color: rgb(236,239,246);
	color: inherit;
	padding: 3px;
}

.pagebar:empty
{
	display: none;
}

.pagebar > li
{
	font-size: 1.2rem;
	line-height: 2.6rem;
	letter-spacing: 0.01rem;
	text-align: center;
	vertical-align: middle;
	width: 28px;
	white-space: nowrap;
	word-wrap: normal;
	display: inline-block;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid rgba(255,255,255,0.5);
	cursor: pointer;
}

.pagebar > li[class*="icon-"]
{
	font-size: 1.2rem;
}

.pagebar > li:hover
{
	filter: brightness(1.1);
	color: #FFF;
}

.pagebar > li:active,
.pagebar > li.active
{
	color: #FFF;
}

.pagebar > li + li
{
	margin-left: 4px;
}

table input,
table select,
table textarea,
table .region
{
	letter-spacing: 0.05rem;
	line-height: 150%;
	display: block;
	width: 100%;
	height: 3.4rem;
	margin: 0;
	color: #111;
}

table input[type="file"]
{
	height: auto;
}

table textarea
{
	height: 100%;
}

table.grid
{
	border-collapse: collapse;
	table-layout: fixed;
}

table.grid tbody > tr
{
	background-color: rgba(255,255,255,0.6);
}

table.grid tbody > tr:nth-child(even)
{
	background-color: rgba(255,255,255,1.0);
}

table.grid tbody > tr[data-guid]:hover
{
	background-color: #fefff9 !important;
}

table.grid tbody > tr[data-guid]:focus,
table.grid tbody > tr[data-guid]:active,
table.grid tbody > tr[data-guid].active
{
	background-color: #eef6bd !important;
}

table.grid-large td
{
	padding: 12px 10px;
}

table.grid td
{
	overflow: hidden;
	cursor: pointer;
}

table.grid td.stat-icon
{
	padding-left: 24px;
	color: rgb(0,164,255);
}

table.grid td.stat-icon > i
{
	font-size: 1.4rem;
	line-height: 110%;
	position: absolute;
	top: 9px;
	left: 6px;
	color: #003e00;
}

table.grid tr:hover td.stat-icon,
table.grid tr:hover td.stat-icon > i
{
	color: orangered;
}

table.grid tr:active td.stat-icon,
table.grid tr.active td.stat-icon
{
	font-weight: bold;
	color: orangered;
}

table.grid tr:active td.stat-icon > i,
table.grid tr.active td.stat-icon > i
{
	color: orangered;
}

table.grid td.stat-icon > input
{
	margin: 0 0 4px 0;
	color: inherit;
}

table.grid td.grid-name
{
	color: #111;
}

table.grid td.grid-rate
{
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
	color: transparent !important;
}

table.grid td.grid-rate::before
{
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	border-radius: 2px;
	background-color: #ccc;
}

table.grid td.grid-rate::after
{
	content: attr(data-rate) "%";
	font-size: 1.2rem;
	text-align: center;
	vertical-align: middle;
	line-height: 100%;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
	display: block;
	position: absolute;
	top: 7px;
	bottom: 7px;
	left: 10px;
	right: 10px;
	padding: 4px 5px;
	color: #fff;
}

table.grid td.grid-rate > meter::-webkit-meter-bar,
table.grid td.grid-rate > meter::-moz-meter-bar
{
	background: rgba(255,255,255,0.1);
	-webkit-border-radius: 2px;
	border-radius: 2px;
	height: 100%;
}

table.grid td.grid-rate > meter::-webkit-meter-optimum-value,
table.grid td.grid-rate > meter::-moz-meter-optimum-value
{
	background: rgb(60,182,145);
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

table.grid td.grid-rate > meter
{
	display: inline-block;
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	bottom: 0;
	left: 10px;
	right: 10px;
	border-radius: 2px;
	padding: 0 0;
}

table.grid td.grid-stat
{
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
	color: transparent !important;
}

table.grid td.grid-stat::after
{
	content: attr(data-stat);
	font-size: 1.2rem;
	text-align: center;
	vertical-align: middle;
	line-height: 100%;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
	display: inline-block;
	position: absolute;
	top: 7px;
	bottom: 7px;
	left: 10px;
	right: 10px;
	border-radius: 1px;
	padding: 4px 5px;
	background-color: rgb(60,182,145);
	color: #fff;
}

table.grid td.grid-stat.fg-done::after
{
	background-color: rgb(60,182,145);
}

table.grid td.grid-stat.fg-warn::after
{
	background-color: rgb(255,130,25);
}

table.grid td.grid-stat.fg-error::after
{
	background-color: rgb(252,104,104);
}

table.grid td.grid-desc,
table.grid td.grid-auto
{
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
}

table.panel tbody
{
	border: none;
	cursor: pointer;
	background-color: rgba(255,255,255,0.6);
}

table.panel tbody + tbody
{
	border-top: 1px solid rgb(200,200,208);
}

table.panel tbody.divider
{
	height: 1px;
	background-color: transparent;
}

table.panel tbody.divider[data-noid="01-dev"]
{
	display: none;
}

table.panel tbody:hover
{
	background-color: rgba(255,255,255,0.9);
}

table.panel tbody:focus,
table.panel tbody:active,
table.panel tbody.active
{
	background-color: #f7f8f2;
}

table.panel tbody:focus td.title::before,
table.panel tbody:active td.title::before,
table.panel tbody.active td.title::before
{
	color: rgba(242,91,32,1.0);
}

table.panel tbody > tr.block-zone
{
	border: none;
}

table.calendar
{
	table-layout: fixed;
	color: #555;
	width: 100%;
}

table.calendar tbody
{
	border: none;
}

table.calendar td
{
	text-align: center;
	vertical-align: top;
	height: 60px;
	cursor: pointer;
	padding: 4px 0;
}

table.calendar th
{
	text-align: center;
}

table.calendar td::before
{
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	position: absolute;
	border: 1px solid transparent;
	background-color: transparent;
}

table.calendar[data-type="year"] td,
table.calendar[data-type="date"] td
{
	height: 54px;
	padding: 6px 0;
}

table.calendar td.date-mark::before
{
	background-color: rgba(255,255,255,0.05);
}

table.calendar td.date-mark,
table.calendar td.date-mark *
{
	opacity: 1.0 !important;
}

table.calendar td.date-today::before
{
	background-color: rgb(209,232,212);
	border-color: transparent;
}

table.calendar td.date-pass,
table.calendar td.date-pass *
{
	opacity: 0.8;
}

table.calendar th:first-child,
table.calendar td:first-child
{
	border-left: none;
}

table.calendar td.date-footer
{
	text-align: left;
	vertical-align: middle;
	height: 33px;
	padding: 0 4px;
	color: #333 !important;
}

table.calendar td:hover::before
{
	border-color: rgb(127,192,128);
}

table.calendar td:focus::before,
table.calendar td:active::before,
table.calendar td.active::before
{
	border-color: rgb(127,192,128);
}

table.calendar td.date-footer:hover::before,
table.calendar td.date-footer:focus::before,
table.calendar td.date-footer:active::before,
table.calendar td.date-footer.active::before
{
	background-color: transparent;
	border-color: transparent;
}

table.calendar th:nth-last-child(2),
table.calendar td:nth-last-child(2)
{
	color: rgb(21,164,8);
}

table.calendar th:nth-last-child(1),
table.calendar td:nth-last-child(1)
{
	color: rgb(171,1,8);
}

table.calendar td > .date-box
{
	display: table;
	table-layout: fixed;
}

table.calendar td .date-cell
{
	width: auto;
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding: 2px 0;
}

table.calendar td .date-year,
table.calendar td .date-month,
table.calendar td .date-day
{
	display: table-cell;
	font-family: 'bebas';
	font-size: 2.6rem;
	line-height: 100%;
	letter-spacing: 0.01rem;
	white-space: nowrap;
	text-align: center;
	vertical-align: top;
	color: inherit;
}

table.calendar td .date-year
{
	font-size: 2.0rem;
	width: 100%;
}

table.calendar td .date-month
{
	width: 60%;
	text-align: right;
	padding: 0 5px 0 0;
}

table.calendar td .date-day
{
	width: 36%;
}

table.calendar td .solar-day,
table.calendar td .sunar-month,
table.calendar td .lunar-year,
table.calendar td .lunar-day,
table.calendar td .lunar-month,
table.calendar td .holiday
{
	font-size: 1.2rem;
	line-height: 120%;
	min-height: 14px;
	letter-spacing: 0.01rem;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap ;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;
	color: #333;
}

table.calendar td .solar-day
{
	text-align: right;
	color: rgb(21,164,8);
}

table.calendar td .sunar-month
{
	text-align: right;
}

table.calendar td > .holiday
{
	text-align: center;
	margin-top: 2px;
}

table.calendar td > .lunar-year
{
	text-align: center;
	margin-top: 6px;
}

table.calendar td > .holiday:empty,
table.calendar td > .tasklist:empty
{
	display: none;
}

aside.side-box
{
	top: 37px;
	bottom: 0;
	right: 0;
	width: calc(30% - 38px);
	display: block;
	position: fixed;
	border-left: 1px solid rgba(255,255,255,0.2);
	background-color: rgb(75,75,75);
	background-repeat: repeat;
	background-image: url(/images/backtile/cloth.png);
	-webkit-box-shadow: 0 0 8px rgb(0 0 0 / 10%);
	-moz-box-shadow: 0 0 8px rgb(0 0 0 / 10%);
	-o-box-shadow: 0 0 8px rgb(0 0 0 / 10%);
	box-shadow: 0 0 8px rgb(0 0 0 / 10%);
	padding: 10px 5px 0 5px;
	z-index: -1;
	opacity: 0;
}

aside.talk-mode
{
	font-family: inherit;
	padding: 0;
}

aside.active
{
	z-index: 7;
	opacity: 1;
}

.side-box .btn-focus
{
	font-size: 1.2rem;
	line-height: 2.6rem;
	letter-spacing: 0.03rem;
	top: 0;
	right: 50px;
	min-width: 2.4rem;
	position: absolute;
	background-color: rgb(115,168,78);
	border: 1px solid rgba(255,255,255,0.2);
	padding: 0 12px;
	z-index: 3;
	color: #fff;
}

.side-box .btn-focus.update
{
	right: 108px;
}

.side-box .btn-focus.create
{
	right: 166px;
}

.side-box .btn-focus:hover
{
	filter: brightness(1.1);
}

.side-box .btn-focus:active,
.side-box .btn-focus.active
{
	filter: brightness(1.2);
}

.side-box .btn-close
{
	font-weight: bold;
	top: 0;
	right: 0;
	position: absolute;
	z-index: 3;
	color: #333;
}

.side-box.talk-mode .btn-close
{
	top: 5px;
	right: 5px;
}

.side-box .flex-col-head > h1
{
	font-size: 1.4rem;
	line-height: 100%;
	letter-spacing: 0.05rem;
	text-align: left;
	padding: 5px 5px 10px 5px;
	margin: 0;
}

.side-box .flex-col-head > h1::before
{
	font-size: 1.6rem;
	font-weight: normal;
	top: -1px;
	position: relative;
	margin: 0 5px 0 0;
}

.side-box .board-frame
{
	background-color: transparent;
}

.side-box tbody.editor,
.side-box tbody:last-child,
.side-box thead,
.side-box tr,
.side-box th,
.side-box td,
.side-box td[rowspan]:first-child, 
.side-box td[class*="rowspan"]:first-child
{
	border-color: rgb(255,255,255,0.3);
	border-color: inherit;
	color: #333;
}

.user-zone,
.talk-zone
{
	top: 0;
	left: 0;
	bottom: 0;
	width: 160px;
	position: absolute;
}

.user-zone
{
	background-color: rgba(0,0,0,0.1);
}

.talk-zone
{
	left: 160px;
	right: 0;
	width: auto;
}

.user-search
{
	top: 0;
	height: 60px;
	position: absolute;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.user-search ul.search
{
	width: auto;
	border: 1px solid rgba(0,0,0,0.2);
	margin: 12px 10px;
}

.user-search ul.search > li.input > input
{
	font-size: 1.2rem;
	color: #333;
}

.user-list
{
	top: 60px;
	bottom: 0;
	position: absolute;
	overflow: auto;
}

.user-item
{
	height: 60px;
	padding: 14px 10px 12px 60px;
}

.user-item::before,
.user-item::after
{
	font-size: 1.2rem;
	line-height: 120%;
	text-align: left;
	letter-spacing: 0.05rem;
	opacity: 1.0;
	margin-top: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333;
}

.user-item::before
{
	font-weight: bold;
	margin-bottom: 5px;
}

.user-item:hover
{
	filter: brightness(1.0);
	background-repeat: repeat;
	background-image: url(/images/backtile/cloth.png);
}

.user-item:active,
.user-item.active
{
	background-repeat: repeat;
	background-image: url(/images/backtile/cloth.png);
}

.user-item > .image-back
{
	top: 10px;
	left: 10px;
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	overflow: visible !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}

.user-item > .image-back::before
{
	content: "";
	top: -3px;
	right: -3px;
	width: 10px;
	height: 10px;
	background-color: red;
	display: none;
	position: absolute;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.user-item.info > .image-back::before
{
	display: inline-block;
}

.talk-head
{
	height: 60px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding: 12px 40px 12px 60px;
}

.talk-head > .image-back
{
	top: 10px;
	left: 10px;
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
}

.talk-head::before,
.talk-head::after
{
	line-height: 120%;
	text-align: left;
	margin-top: 0;
	letter-spacing: 0.05rem;
	color: #333;
}

.talk-head::before
{
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 5px;
}

.talk-head::after
{
	font-size: 1.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

.talk-list
{
	top: 60px;
	bottom: 175px;
	position: absolute;
	overflow: auto;
}

.talk-list > .talk-left,
.talk-list > .talk-right
{
	font-size: 1.2rem;
	width: auto;
	min-height: 40px;
	padding: 0 70px;
	margin: 15px 0;
}

.talk-list > .talk-right
{
	text-align: right;
}

.talk-list > li > .image-back
{
	top: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}

.talk-list > .talk-left > .image-back
{
	left: 20px;
}

.talk-list > .talk-right > .image-back
{
	right: 20px;
}

.talk-text
{
	font-size: 1.4rem;
	line-height: 150%;
	width: auto;
	display: inline-block;
	white-space: normal;
	word-break: break-word;
	word-wrap: break-word;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-user-select: text;
	-moz-user-select: text;
	user-select: text;
	color: #333;
}

.talk-text:hover
{
	-webkit-filter:brightness(0.95);
	-o-filter:brightness(0.95);
	-moz-filter:brightness(0.95);
	filter:brightness(0.95);	
}

.talk-text:active
{
	-webkit-filter:brightness(0.90);
	-o-filter:brightness(0.90);
	-moz-filter:brightness(0.90);
	filter:brightness(0.90);	
}

.talk-text::before
{
	content: "";
	top: 15px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	display: inline-block;
	position: absolute;
}

.talk-list > .talk-left > .talk-text
{
	background-color: #FFF;
	border-color: #FFF;
}

.talk-list > .talk-right > .talk-text
{
	font-size: 1.2rem;
	background-color: lawngreen;
	border-color: lawngreen;
}

.talk-list > .talk-left > .talk-text::before
{
	left: -5px;
	border-left: none;
	border-right-color: inherit;
}

.talk-list > .talk-right > .talk-text::before
{
	right: -5px;
	border-right: none;
	border-left-color: inherit;
}

.talk-tool
{
	bottom: 136px;
	position: absolute;
	border-top: 1px solid rgba(0,0,0,0.2);
	padding: 0 5px;
}

.talk-tool > button.btn-icon [class*="icon-"]
{
	font-size: 1.8rem;
	color: #333;
}

.talk-send
{
	bottom: 0;
	height: 136px;
	position: absolute;
	padding: 5px 20px 50px 20px;
	color: #333;
}

.talk-send > .talk-edit
{
	font-size: 1.2rem;
	height: 100%;
	line-height: 150%;
	overflow: auto;
}

.talk-send > button
{
	font-size: 1.2rem;
	bottom: 10px;
	right: 20px;
	position: absolute;
	padding: 8px 20px;
	background-color: rgba(0,0,0,0.1);
	border-color: rgba(0,0,0,0.1);
}

.talk-send > button:hover,
.talk-send > button:active
{
	background-color: rgba(0,0,0,0.15);
}

.weather
{
	font-family: "orbitron";
	font-size: 2.0rem;
	font-weight: normal;
	line-height: 130%;
	text-align: right;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;
	height: 55px;
	padding: 24px 0 8px 96px;
	color: aqua;
}

.weather::before
{
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	height: 55px;
	width: auto;
	aspect-ratio: 16 / 9;
	display: inline-block;
	position: absolute;
	background-attachment: scroll;
	background-origin: border-box;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
	background-image: url(/images/weather/weather-sun.png);
}

.weather.cloud::before
{
	background-image: url(/images/weather/weather-cloud.png);
}

.weather.high::before
{
	background-image: url(/images/weather/weather-high.png);
}

.weather.low::before
{
	background-image: url(/images/weather/weather-low.png);
}

.weather.rain::before
{
	background-image: url(/images/weather/weather-rain.png);
}

.weather.rainl::before
{
	background-image: url(/images/weather/weather-rainl.png);
}

.weather.sand::before
{
	background-image: url(/images/weather/weather-sand.png);
}

.weather.smog::before
{
	background-image: url(/images/weather/weather-smog.png);
}

.weather.snow::before
{
	background-image: url(/images/weather/weather-snow.png);
}

.weather.snowrain::before
{
	background-image: url(/images/weather/weather-snowrain.png);
}

.weather.suncloud::before
{
	background-image: url(/images/weather/weather-suncloud.png);
}

.weather.sunsnow::before
{
	background-image: url(/images/weather/weather-sunsnow.png);
}

.weather.sunrain::before
{
	background-image: url(/images/weather/weather-sunrain.png);
}

.weather.thund::before
{
	background-image: url(/images/weather/weather-thund.png);
}

.weather.wind::before
{
	background-image: url(/images/weather/weather-wind.png);
}

.weather.typhoon::before
{
	background-image: url(/images/weather/weather-typhoon.png);
}

.weather.typhoon::before
{
	background-image: url(/images/weather/weather-storm.png);
}

.preload-list
{
	font-family: "orbitron";
	width: 100%;
	height: 0;
	position: absolute;
	display: block;
	z-index: -1;
	opacity: 0;
	overflow: hidden;
}

.preload-list img,
.preload-list audio,
.preload-list video
{
	width: 0;
	height: 0;
	position: absolute;
	display: block;
}

/********************************UI FRAME***********************************/
.system-msgbox,
.system-notify,
.system-notebox,
.system-loginbox
{
	display: block;
	position: fixed;
	font-size: 1.4rem;
	line-height: 150%;
	text-align: left;
	color: #fff;
	z-index: -1;
}

.system-msgbox.fadein,
.system-notebox.fadein-down
{
	z-index: 999;
}

.system-notify.fadein-up
{
	z-index: 900;
}

.system-loginbox.active
{
	z-index: 101;
}

.system-msgbox,
.system-notebox
{
	top: 0;
	bottom: 0;
}

.system-notify
{
	bottom: 0;
	padding: 0;
}

.system-loginbox
{
	top: 0;
	bottom: 0;
	padding: 0;
}

.msgbox > figcaption
{
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 110%;
	color: #fff;
	letter-spacing: 0.1rem;
	padding: 10px 100px 10px 36px;
}

.msgbox.info > .msgbox-bottom
{
	border-color: rgb(255,153,51);
}
.msgbox.info > .msgbox-bottom > button,
.msgbox.info > figcaption,
.notify.info
{
	background-color: rgb(255,153,51);
}

.msgbox.warn > .msgbox-bottom
{
	border-color: rgb(242,91,32);
}
.msgbox.warn > .msgbox-bottom > button,
.msgbox.warn > figcaption,
.notify.warn
{
	background-color: rgb(242,91,32);
}

.msgbox.quiz > .msgbox-bottom
{
	border-color: rgb(242,91,32);
}
.msgbox.quiz > .msgbox-bottom > button,
.msgbox.quiz > figcaption,
.notify.quiz
{
	background-color: rgb(242,91,32);
}

.msgbox.error > .msgbox-bottom
{
	border-color: rgb(217,4,41);
}
.msgbox.error > .msgbox-bottom > button,
.msgbox.error > figcaption,
.notify.error
{
	background-color: rgb(217,4,41);
}

.msgbox.done > .msgbox-bottom
{
	border-color: rgb(0,143,89);
}
.msgbox.done > .msgbox-bottom > button,
.msgbox.done > figcaption,
.notify.done
{
	background-color: rgb(0,143,89);
}

.msgbox > figcaption > button.btn-close,
.msgbox > figcaption > .button.btn-close
{
	top: 6px;
	right: 6px;
}

.msgbox > figcaption > .msgbox-icon
{
	top: 8px;
	left: 10px;
	display: inline-block;
	position: absolute;
	padding: 0;
	margin: 0;
	font-size: 1.8rem;
	color: inherit;
}

.msgbox > .msgbox-icon
{
	font-size: 4.6rem;
	left: 12px;
	top: 50px;
	display: inline-block;
	position: absolute;
	padding: 0;
	margin: 0;
	color: inherit;
}

.msgbox.info > .msgbox-icon
{
	color: rgb(255,153,51);
}

.msgbox.quiz > .msgbox-icon
{
	color: rgb(242,91,32);
}

.msgbox.warn > .msgbox-icon
{
	color: rgb(242,91,32);
}

.msgbox.error > .msgbox-icon
{
	color: rgb(217,4,41);
}

.msgbox.done > .msgbox-icon
{
	color: rgb(0,143,89);
}

.msgbox > .msgbox-text
{
	font-size: 1.3rem !important;
	top: 50px;
	bottom: 62px;
	left: 80px;
	right: 15px;
	padding: 0;
	line-height: 170% !important;
}

.msgbox > .msgbox-bottom
{
	width: auto;
	bottom: 0;
	left: 12px;
	right: 12px;
	position: absolute;
	padding: 8px 0;
	border-top: 1px solid transparent;
	border-color: inherit;
	text-align: right;
}

.msgbox > .msgbox-bottom > button 
{
	font-size: 1.2rem;
	letter-spacing: 0.2rem;
	padding: 7px 30px;
	border: 1px solid transparent;
	color: #FFF;
}

.msgbox > .msgbox-bottom > button:hover,
.msgbox > .msgbox-bottom > button:active,
.msgbox > .msgbox-bottom > button.active
{
	-webkit-filter:brightness(1.015);
	-o-filter:brightness(1.015);
	-moz-filter:brightness(1.015);
	filter:brightness(1.015);	
}

.msgbox > .msgbox-bottom > button + button
{
	margin-left: 2px;
}

.notify
{
	font-size: 1.2rem;
	padding: 10px 36px 10px 34px;
}

.notify [class*=icon-]
{
	top: 6px;
	left: 8px;
	display: inline-block;
	position: absolute;
	padding: 0;
	margin: 0;
	font-size: 2.0rem;
}

.notebox
{
	font-size: 1.2rem;
	top: 20vh;
	left: 35%;
	right: 35%;
	bottom: 20vh;
	width: auto;
	display: block;
	position: absolute;
	background-color: rgb(217,4,41);
	padding: 50px 30px;
}

.notebox > figcaption
{
	font-size: 5.0rem;
	line-height: 100%;
	letter-spacing: 1rem;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	margin-bottom: 30px;
	padding: 0 0 40px 0;
}

.notebox > figcaption::after
{
	font-size: 1.2rem;
	line-height: 120%;
	text-align: center;
	display: block;
	position: absolute;
	width: 100%;
	bottom: 5px;
}

.notebox > .btn-close
{
	font-size: 2.4rem;
	top: 15px;
	right: 15px;
}

.notebox > .notebox-body
{
	font-size: 2.0rem;
	line-height: 200%;
	letter-spacing: 0.15rem;
	top: 160px;
	left: 30px;
	right: 30px;
	bottom: 130px;
	width: auto;
	display: block;
	position: absolute;
	overflow: auto;
}

.notebox > .notebox-name,
.notebox > .notebox-date
{
	font-size: 1.6rem;
	line-height: 150%;
	letter-spacing: 0.2rem;
	text-align: right;
	left: 30px;
	right: 30px;
	bottom: 100px;
	width: auto;
	display: block;
	position: absolute;
	overflow: hidden;
}

.notebox > .notebox-date
{
	bottom: 70px;
}

.loginbox
{
	display: inline-block;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	background-color: rgba(32,33,39,0.8);
}

.loginbox h6 
{
	font-size: 1.4rem;
	font-weight: normal;
	letter-spacing: 0.2rem;
	background-color: rgba(32,33,39,0.4);
	color: inherit;
	padding: 20px 40px;
}

.loginbox > .login-stat
{
	bottom: 0;
	position: absolute;
	background-color: rgba(32,33,39,0.4);
	text-align: center;
	padding: 15px 40px 50px 40px;
}

.loginbox > .login-stat > h6.state 
{
	font-size: 1.4rem;
	display: block;
	position: relative;
	white-space: normal;
	line-height: 150%;
	background-color: transparent;
	padding: 0;
}

.loginbox > .login-stat > button
{
	font-size: 1.4rem;
	letter-spacing: 0.15rem;
	background-color: transparent !important;
	border-color: transparent !important;
	padding: 10px 12px;
}

.loginbox > .login-stat > button:hover,
.loginbox > .login-stat > button:active
{
	background-color: rgba(0,0,0,0.1) !important;
	font-weight: normal;
}

.loginbox > .login-stat > button + button
{
	margin-left: 0;
}

.loginbox > .loginput
{
	display: none;
	padding: 0 40px;
}

.loginbox > .loginput.active
{
	display: block;
}

.loginput input
{
	font-size: 1.4rem;
	letter-spacing: 0.15rem;
	color: #FFF;
	background-color: transparent;
	border: 1px solid rgba(255,255,255,0.4);
	width: 100%;
	padding: 8px;
	margin: 15px 0;
}

.loginput .input-code
{
	background-color: transparent;
	width: 100%;
	margin: 20px 0;
}

.loginput input.login-code
{
	font-family: 'envycode';
	font-size: 1.8rem;
	line-height: 110%;
	height: 38px;
	margin: 20px 0;
}

.input-code input.login-code
{
	width: 60%;
	margin: 0;
}

.input-code span
{
	font-size: 1.4rem;
	line-height: 110%;
	text-align: center;
	color: #FFF;
	background-color: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.4);
	position: absolute;
	display: inline-block;
	width: calc(40% - 10px);
	height: 38px;
	right: 0;
	top: 0;
	padding: 10px;
	margin: 0;
	user-select: none;
}

.input-code span.login-codeid
{
	font-family: 'envycode';
	font-size: 1.8rem;
	line-height: 110%;
	letter-spacing: 0.5rem;
	background-color: rgba(255,255,255,0.1);
}

.input-code span.button-codesm
{
	letter-spacing: 0.2rem;
	background-color: royalblue;
	cursor: pointer;
}

.input-code span.button-codesm:active
{
	background-color: dodgerblue;
}

.loginbox > .submit,
.loginbox > .closebox
{
	width: auto;
	font-size: 1.6rem;
	text-align: center;
	letter-spacing: 0.2rem;
	border-radius: 2px;
	cursor: pointer;
	padding: 12px 12px;
	margin: 40px 40px 15px 40px;
}

.loginbox > .submit:hover,
.loginbox > .submit:active
{
	-webkit-filter: brightness(1.015);
	-moz-filter: brightness(1.015);
	-o-filter: brightness(1.015);
	filter: brightness(1.015);
}

.loginbox > .closebox
{
	background-color: rgba(255,255,255,0.25);
	margin-top: 15px;
}

.loginbox > .closebox.disable
{
	display: none;
}

.loginbox > .closebox:hover,
.loginbox > .closebox:active
{
	background-color: rgba(255,255,255,0.3);
}

.notice-box
{
	display: block;
	position: absolute;
	left: 2px;
	right: 2px;
	width: auto;
	top: 0;
	bottom: 00px;
	overflow-x: hidden;
	overflow-y: auto;
}

.notice-list
{
	counter-reset:item;
	list-style-type: none;
}

.notice-list > li
{
	font-size: 1.2rem;
	display: block;
	width: auto;
	height: 66px;
	color: #333;
	padding: 12px 200px 12px 0;
	cursor: pointer;
}

.notice-list > li:last-child
{
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.notice-list.notices > li
{
	padding-right: 240px;
}

.notice-list.selects > li
{
	padding-right: 260px;
}

.notice-list > li:nth-child(even)
{
	background-color: rgba(255,255,255,0.6);
}

.notice-list > li + li
{
	border-top: 1px dotted rgb(200,200,208);
}

.notice-list > li:hover
{
	background-color: #fefff9;
}

.notice-list > li:active,
.notice-list > li.active
{
	background-color: #eef6bd;
}

.notice-list > li::before,
.notice-list > li::after
{
	font-size: 1.2rem;
	line-height: 140%;
	font-weight: normal;
	display: inline-block;
	position: absolute;
	text-align: right;
	letter-spacing: 0.05rem;
	width: auto;
	height: auto;
	top: 12px;
	right: 10px;
	opacity: 1.0;
	margin: 0;
}

.notice-list > li::before
{
	left: 10px;
	right: auto;
}

.notice-list.notices > li::before
{
	top: 10px;
	left: 50px;
}

.notice-list.notices > li::after
{
	right: 5px;
}

.notice-list.selects > li::before
{
	top: auto;
	font-size: 1.4rem;
	line-height: 100%;
	bottom: 12px;
	color: #15aa96;
}

.notice-list.selects > li::after
{
	right: 72px;
}

.notice-list > li > .notice-flag,
.notice-list > li > .notice-flag::before,
.notice-list > li > .notice-flag::after
{
	font-size: 1.2rem;
	line-height: 140%;
	font-weight: normal;
	text-align: center;
	display: inline-block;
	position: relative;
	width: auto;
	height: auto;
	color: #333;
	margin: 0 0 0 10px;
}

.notice-list > li > .notice-flag
{
	position: absolute;
	right: 0;
	bottom: 10px;
	max-width: 220px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;
}

.notice-list > li > .notice-flag::before
{
	font-size: 1.2rem;
	line-height: 140%;
	padding: 0px 0px;
	color: rgb(60,182,145);
	margin: 0 4px 0 0;
}

.notice-list > li > .notice-flag::after
{
	max-width: 48px;
	padding: 0px 3px;
	margin: 0 0 0 8px;
	border-radius: 1px;
	background-color: #15aa96;
	opacity: 1.0;
	color: #fff;
}

.notice-list.notices > li > .notice-flag
{
	right: 5px;
	max-width: 220px;
}

.notice-list.selects > li > .notice-flag
{
	right: 72px;
	max-width: 190px;
}

.notice-list > li > .notice-item
{
	font-size: 1.2rem;
	line-height: 130%;
	text-align: left;
	display: block;
	width: auto;
	height: auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;
	color: #555;
	padding: 0 0 0 60px;
}

.notice-list > li > .notice-item::before
{
	content: attr(data-title) "/" attr(data-code);
	font-size: 1.3rem;
	line-height: 140%;
	letter-spacing: 0.03rem;
	display: block;
	text-align: left;
	width: auto;
	height: auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;
	color: #333;
	margin: 0 0 5px 0;
}

.notice-list > li > .notice-item::after
{
	font-size: 1.4rem;
	line-height: 38px;
	font-weight: bold;
	display: inline-block;
	position: absolute;
	text-align: center;
	width: 40px;
	height: 40px;
	top: 0;
	left: 10px;
	overflow: hidden;
	color: #fff;
	background-color: #0478f9;
	border-radius: 2px;
	margin: 0;
}

.notice-list > li > .notice-item[data-remark*="flag-"]::after
{
	content: "🏁";
}

.notice-list.notices > li > .notice-item
{
	padding: 0 0 0 50px;
}

.notice-list.notices > li > .notice-item::after
{
	left: 0;
}

.notice-list.selects > li > .notice-item
{
	padding-left: 35px;
}

.notice-list.selects > li > .notice-item::before
{
	content: attr(data-title) "/" attr(data-code);
	margin-bottom: 8px;
}

.notice-list.selects > li > .notice-item::after
{
	font-family: 'bebas';
	font-size: 1.4rem;
	line-height: 100%;
	font-weight: normal;
	letter-spacing: 0;
	color: rgb(0,164,255);
	opacity: 1.0;
	top: 2px;
	width: auto;
	height: auto;
	background-color: transparent;
}

.notice-list.selects > li.active > .notice-item::after
{
	color: rgba(242,91,32,1.0);
}

.notice-list > li > .notice-image
{
	top: 10px;
	bottom: 10px;
	right: 10px;
	width: 52px;
	display: inline-block;
	position: absolute;
}

.board-statis
{
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px 96px 15px 15px;
	border-radius: 2px;
	background-color: rgb(20, 184, 212);
}

.board-statis + .board-statis
{
	margin-left: 10px;
}

.board-statis::before
{
	font-size: 4.8rem;
	line-height: 120%;
	position: absolute;
	display: inline-block;
	top: 10px;
	right: 12px;
	color: rgba(255,255,255,0.5);
}

.board-statis > .board-data,
.board-statis > .board-data::before,
.board-statis > .board-data::after
{
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: 0.05rem;
	text-align: left;
	line-height: 150%;
	position: relative;
	display: block;
	width: auto;
	padding: 0;
	margin: 0;
}

.board-statis > .board-data
{
	font-family: 'orbitron';
	font-size: 2.2rem;
	color: #fff;
}

.board-statis > .board-data::before
{
	font-size: 1.3rem;
	font-weight: bold;
	color: rgba(255,255,255,0.9);
	margin: 0 0 10px 0;
}

.board-statis > .board-data::after
{
	display: inline-block;
	width: auto;
	margin: 0 0 0 5px;
	color: rgba(255,255,255,0.8);
}

.board-statis.blue,
table.grid td.grid-stat[data-stat*="已读"]::after,
table.grid td.grid-stat[data-stat*="信息"]::after,
table.grid td.grid-stat[data-stat*="审"]::after,
.notice-list > li > .notice-flag[data-remark*="已读"]::after,
.notice-list > li > .notice-flag[data-remark*="信息"]::after,
.notice-list > li > .notice-flag[data-remark*="审"]::after,
.notice-list > li > .notice-item[data-remark="flag-waiting"]::after,
.notice-list > li > .notice-item[data-remark="flag-blog"]::after,
.notice-list > li > .notice-item[data-remark="flag-1"]::after
{
	background-color: #0478f9;
}

.board-statis.green,
table.grid td.grid-stat[data-stat*="提交"]::after,
table.grid td.grid-stat[data-stat*="申"]::after,
table.grid td.grid-stat[data-stat*="报"]::after,
.notice-list > li > .notice-flag[data-remark*="提交"]::after,
.notice-list > li > .notice-flag[data-remark*="申"]::after,
.notice-list > li > .notice-flag[data-remark*="报"]::after,
.notice-list > li > .notice-item[data-remark="flag-submit"]::after,
.notice-list > li > .notice-item[data-remark="flag-2"]::after
{
	background-color: #41c259;
}

.board-statis.cyan,
table.grid td.grid-stat[data-stat*="批复"]::after,
table.grid td.grid-stat[data-stat*="完成"]::after,
table.grid td.grid-stat[data-stat*="成功"]::after,
.notice-list > li > .notice-flag[data-remark*="批复"]::after,
.notice-list > li > .notice-flag[data-remark*="完成"]::after,
.notice-list > li > .notice-flag[data-remark*="成功"]::after,
.notice-list > li > .notice-item[data-remark="flag-done"]::after,
.notice-list > li > .notice-item[data-remark="flag-pass"]::after,
.notice-list > li > .notice-item[data-remark="flag-3"]::after
{
	background-color: rgb(60,182,145);
}

.board-statis.yellow,
table.grid td.grid-stat[data-stat*="警告"]::after,
table.grid td.grid-stat[data-stat*="验"]::after,
.notice-list > li > .notice-flag[data-remark*="警告"]::after,
.notice-list > li > .notice-flag[data-remark*="验"]::after,
.notice-list > li > .notice-item[data-remark="flag-check"]::after,
.notice-list > li > .notice-item[data-remark="flag-4"]::after
{
	background-color: #efbe01;
}

.board-statis.orange,
table.grid td.grid-stat[data-stat*="退"]::after,
.notice-list > li > .notice-flag[data-remark*="退"]::after,
.notice-list > li > .notice-item[data-remark="flag-orign"]::after,
.notice-list > li > .notice-item[data-remark="flag-timeout"]::after,
.notice-list > li > .notice-item[data-remark="flag-warn"]::after,
.notice-list > li > .notice-item[data-remark="flag-reject"]::after,
.notice-list > li > .notice-item[data-remark="flag-delete"]::after,
.notice-list > li > .notice-item[data-remark="flag-5"]::after
{
	background-color: #fa9500;
}

.board-statis.voilet,
table.grid td.grid-stat[data-stat*="异常"]::after,
.notice-list > li > .notice-flag[data-remark*="异常"]::after,
.notice-list > li > .notice-item[data-remark="flag-6"]::after
{
	background-color: #9b59b6;
}

.board-statis.pink,
table.grid td.grid-stat[data-stat*="删除"]::after,
table.grid td.grid-stat[data-stat*="废弃"]::after,
table.grid td.grid-stat[data-stat*="错"]::after,
table.grid td.grid-stat[data-stat*="误"]::after,
table.grid td.grid-stat[data-stat*="未"]::after,
table.grid td.grid-stat[data-stat*="尚"]::after,
table.grid td.grid-stat[data-stat*="待"]::after,
.notice-list > li > .notice-flag[data-remark*="删除"]::after,
.notice-list > li > .notice-flag[data-remark*="废弃"]::after,
.notice-list > li > .notice-flag[data-remark*="错"]::after,
.notice-list > li > .notice-flag[data-remark*="误"]::after,
.notice-list > li > .notice-flag[data-remark*="未"]::after,
.notice-list > li > .notice-flag[data-remark*="尚"]::after,
.notice-list > li > .notice-flag[data-remark*="待"]::after,
.notice-list > li > .notice-item[data-remark="flag-7"]::after
{
	background-color: #f72d53;
}

.board-statis.red,
table.grid td.grid-stat[data-stat*="严重"]::after,
.notice-list > li > .notice-flag[data-remark*="严重"]::after,
.notice-list > li > .notice-item[data-remark="flag-8"]::after
{
	background-color: #fa382e;
}

.board-menu,
.board-tool,
.board-text
{
	font-family: 'envycode','SimSun';
	font-size: 1.2rem;
	text-align: center;
	white-space: nowrap;
	width: auto;
	display: table-cell;
	border: 1px solid transparent;
	padding: 12px 10px 11px 10px;
	color: inherit;
	opacity: 0.9;
}

.board-menu
{
	padding-right: 10px;
	padding-left: 10px;
	overflow: visible;
	cursor: pointer;
}

.board-menu + .board-menu::after
{
	content: "";
	top: 8px;
	bottom: 8px;
	left: 0;
	width: 0;
	display: inline-block;
	position: absolute;
	border-left: 1px solid rgba(255,255,255,0.2);
}

.board-menu > ul.menubar
{
	left: 0;
	top: 26px;
	position: absolute;
}

ul.menubar > .board-menu
{
	text-align: left;
	display: block;
	padding: 12px 30px 12px 42px;
}

ul.menubar > .board-menu:hover,
ul.menubar > .board-menu:active
{
	background-color: rgba(0,0,0,0.5);
}

ul.menubar > .board-menu::after
{
	content: "\e6ea";
	font-family: 'iconios8';
	font-size: 1.2rem;
	line-height: 3.5rem;
	top: 0;
	bottom: 0;
	left: 20px;
	right: 20px;
	width: auto;
	display: block;
	position: absolute;
	border: none;
	border-top: 1px solid rgba(255,255,255,0.2);
}

ul.menubar > .board-menu:first-child::after
{
	border-color: transparent;
}

.board-tool
{
	padding-left: 22px;
	cursor: pointer;
}

.board-menu:hover,
.board-tool:hover
{
	border-bottom: 1px solid darkorange;
	color: deepskyblue;
	opacity: 1.0;
}

.board-menu:active,
.board-menu.active,
.board-tool:active,
.board-tool.active
{
	background-color: rgba(135,206,250,0.1);
	border-bottom: 1px solid darkorange;
	color: #fff !important;
	opacity: 1.0;
}

.board-menu:hover > .menubar,
.board-menu:active > .menubar
{
	display: inline-block;
}

.board-coverbox
{
	top: 0;
	bottom: 0;
	position: absolute;
	text-align: center;
	overflow: visible;
}

.board-cover
{
	top: 0;
	bottom: 0;
	position: absolute;
	text-align: center;
	z-index: -1;
	opacity: 0;
}

.board-cover.active
{
	z-index: 1;
	opacity: 1;
}

.board-cover > .image-mask
{
	opacity: 0.05 !important;
}

.leftview,
.mainview,
.rightview
{
	top: 0;
	bottom: 0;
	position: absolute;
	background-repeat: repeat;
}

.leftview
{
	left: 0;
}

.rightview
{
	right: 0;
}

.board-title
{
	width: auto;
	position: absolute;
	overflow: visible;
	border-bottom: 1px solid transparent;
	border-color: inherit !important;
}

.board-title > h1
{
	font-size: 2.8rem;
	letter-spacing: 0.2rem;
	color: inherit;
	margin: 0;
}

.board-title > h1.banner-font
{
	font-size: 3.3rem;
	letter-spacing: 0.5rem;
	padding: 0;
}

.board-head
{
	width: auto;
	display: block;
	position: absolute;
	border-color: inherit;
}

.board-head > li.board-label
{
	font-size: 1.2rem;
	height: auto;
	width: auto;
	max-width: 140px;
	display: inline-block;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;
	cursor: pointer;
	background-color: rgba(255,255,255,0.03);
	background-color: rgb(71,83,99);
	color: lightskyblue;
	padding: 10px 10px 10px 20px;
	margin: 0 32px 0 0;
}

.board-head > li.board-label::before
{
	font-size: 1.4rem;
	vertical-align: top;
	margin: 0 4px 0 0;
}

.board-head > li.board-label.hidden
{
	display: none;
}

.board-head > li.board-label:hover
{
	background-color: rgba(255,255,255,0.05);
	background-color: rgb(80,92,108);
	color: lightcyan;
}

.board-head > li.board-label:active,
.board-head > li.board-label.active
{
	background-color: rgba(255,255,255,0.1);
	background-color: rgb(108,124,88);
	color: rgba(255,255,255,1.0);
}

.board-head > li.board-toolbox
{
	top: 4px;
	height: auto;
	width: auto;
	display: inline-block;
	position: absolute;
}

.leftview > .board-head > li.board-toolbox,
.mainview > .board-head > li.board-toolbox
{
	right: 0;
}

.rightview > .board-head > li.board-toolbox
{
	left: 0;
}

.board-zone
{
	width: auto;
	font-size: 1.2rem;
	letter-spacing: 0.1rem;
	text-align: left;
	display: block;
	position: absolute;
}

.mainview > .board-zone
{
	left: 0;
	right: 0;
}

.board-page
{
	font-size: 1.2rem;
	letter-spacing: 0.1rem;
	text-align: left;
	position: absolute;
	top: 0;
	bottom: 0;
	opacity: 0;
	z-index: -1;
	color: #333;
}

.board-page.active
{
	opacity: 1;
	z-index: 1;
}

.board-page.hidden
{
	opacity: 0;
	z-index: -1;
}

.board-frame
{
	-webkit-flex: 1 0 auto;
	-moz-flex: 1 0 auto;  
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	background-color: rgb(241,244,249);
	color: #333;
}

.board-page[data-type="statis"] > .board-frame,
.board-page[data-type="xstatis"] > .board-frame
{
	background-color: transparent;
}

.board-view
{
	top: 0;
	bottom: 0;
	position: absolute;
	overflow: auto;
	overflow-x: hidden;
	padding: 0 4px;
}

.board-view.selects
{
	bottom: 35px;
	padding: 0;
}

.board-view.selects[id*="sysdatamsc_ff"]
{
	bottom: 0;
}

.board-foot .board-view.selects
{
	width: auto;
	left: 5px;
	right: 5px;
}

.board-view.statis,
.board-view.xstatis
{
	padding: 0;
}

.board-view[class*="xupdate-"],
.board-view[class*="xresume-"],
.board-view[class*="xreport-"]
{
	bottom: auto;
}

.board-view.xupdate-year,
.board-view.xresume-year,
.board-view.xreport-year
{
	height: calc(100% - 229px);
}

.board-view.xupdate-month,
.board-view.xresume-month,
.board-view.xreport-month
{
	height: calc(100% - 427px);
}

.board-view.xupdate-day,
.board-view.xresume-day,
.board-view.xreport-day
{
	height: calc(100% - 427px);
}

.board-view.xupdate-season,
.board-view.xresume-season,
.board-view.xreport-season
{
	height: calc(100% - 247px);
}

.board-view.xupdate-week,
.board-view.xresume-week,
.board-view.xreport-week
{
	height: calc(100% - 427px);
}

.board-view.detail > table > tbody
{
	border-bottom: none;
}

.board-view[type]:before
{
	content: "";
	right: 0;
	top: 0;
	width: 128px;
	height: 75px;
	display: inline-block;
	position: absolute; 
	text-align: right;
	overflow: hidden !important;

	-webkit-background-attachment: scroll !important;
	-moz-background-attachment: scroll !important;
	-o-background-attachment: scroll !important;
	background-attachment: scroll !important;

	-webkit-background-origin: border-box !important;
	-moz-background-origin: border-box !important;
	-o-background-origin: border-box !important;
	background-origin: border-box !important;

	-webkit-background-size: contain !important;
	-moz-background-size: contain !important;
	-o-background-size: contain !important;
	background-size: contain !important;

	background-repeat: no-repeat !important;
	background-position: center center !important;

	background-color: transparent !important;
}

.board-view[type="flag-orign"]:before
{
	background-image: url(/images/stampimg/stamp-orign.png);
}

.board-view[type="flag-pass"]:before
{
	background-image: url(/images/stampimg/stamp-pass.png);
}

.board-view[type="flag-reject"]:before
{
	background-image: url(/images/stampimg/stamp-reject.png);
}

.board-view[type="flag-submit"]:before
{
	background-image: url(/images/stampimg/stamp-submit.png);
}

.board-view[type="flag-timeout"]:before
{
	background-image: url(/images/stampimg/stamp-timeout.png);
}

.board-view[type="flag-waiting"]:before
{
	background-image: url(/images/stampimg/stamp-waiting.png);
}

.board-view[type="flag-warn"]:before
{
	background-image: url(/images/stampimg/stamp-warn.png);
}

.board-view[type="flag-delete"]:before
{
	background-image: url(/images/stampimg/stamp-delete.png);
}

.board-view[type="flag-blog"]:before
{
	background-image: url(/images/stampimg/stamp-blog.png);
}

.board-view[type="flag-check"]:before
{
	background-image: url(/images/stampimg/stamp-check.png);
}

.board-view[type="flag-done"]:before
{
	background-image: url(/images/stampimg/stamp-done.png);
}

.board-view h1, 
.board-view h6
{
	color: inherit;
}

.board-panel
{
	font-size: 1.2rem;
	letter-spacing: 0.1rem;
	text-align: left;
	height: calc(50% - 4px);
	background-color: rgb(234,237,244);
}

.boardview .board-panel
{
	background-color: transparent;
	background-origin: content-box !important;
	border: 10px solid transparent;
	border-image-slice: 14 fill;/*定义边框图像从什么位置开始分割*/
	border-image-repeat: stretch;/*定义边框图像的平铺方式*/
	border-image-source: url(/images/backbox/siderv-box.png);
}

.board-panel.flex-col-grow
{
	height: auto;
}

.boardview .board-panel + .board-panel
{
	margin-top: 6px;
}

.board-panel > h3,
.board-panel > h5,
.board-panel > input,
.board-panel > select,
.board-panel > button,
.board-panel > .board-chart
{
	font-size: 1.2rem;
	line-height: 120%;
	letter-spacing: 0.1rem;
	text-align: left;
	top: 8px;
	left: 30px;
	right: auto;
	width: auto;
	height: auto;
	display: inline-block;
	position: absolute;
	color: lightskyblue;
	padding: 0;
}

.board-panel > h3
{
	font-family: "bebas";
	font-size: 1.8rem;
	font-weight: normal;
	letter-spacing: 0.01rem;
	left: 0px;
	top: 4px;
	right: auto;
	padding-right: 5px;
	border-color: inherit;
}

/*
.board-panel > h3::after
{
	content: "";
	top: 3px;
	bottom: 0px;
	right: 0;
	width: 0;
	display: inline-block;
	position: absolute;
	border-right: 2px solid rgba(255,255,255,0.1);
}
*/

.board-panel > button
{
	left: auto;
	right: 0;
	width: 65px;
	border: none;
	outline: none;
}

.board-panel > button:hover,
.board-panel > button:active,
.board-panel > button.active
{
	font-weight: bold;
}

.board-panel > select
{
	left: auto;
	right: 80px;
	width: 65px;
	border: none;
	outline: none;
}

.board-panel > input
{
	left: auto;
	right: 160px;
	width: 95px;
	border: none;
	outline: none;
}

.board-panel > select > option
{
	font-size: 1.2rem;
	border: none;
	outline: none;
}

.boardview .board-panel select
{
	background-image: url("/images/backbox/warrow.png");
}

.boardview .board-panel ::-webkit-calendar-picker-indicator
{
	background: url("/images/backbox/warrow.png") no-repeat scroll right center transparent;
}

.boardview .board-panel option
{
	background-color: rgb(6,23,66);
}

.board-panel > .board-chart
{
	left: 0px;
	right: 0px;
	top: 40px;
	bottom: 5px;
}

.mapbox .board-panel > .board-chart
{
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.board-panel > video.board-chart,
.board-panel > .board-chart.image-back,
.board-panel > .board-chart.image-thumb
{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.board-panel > video.board-chart
{
	height: 100%;
	width: 100%;
}

.board-panel > .image-round,
.board-panel > .image-footer
{
	top: 0;
	left: 20%;
	right: 20%;
	bottom: 15%;
	width: auto;
	position: absolute;
	background-image: url(/images/backbox/bottom-site.png);
}

.board-panel > .image-round
{
	left: 10px;
	right: 10px;
	top: 0;
	bottom: 10px;
	opacity: 0.7;
	background-image: url(/images/backimg/whitegrid80.png);
}

.board-panel > .image-footer
{
	display: none;
}

.board-panel > .image-footer.shadow
{
	display: block;
}

.board-panel.image > h5,
.board-panel.movie > h5
{
	right: 50px;
}

.board-panel.image .board-head
{
	top: 5px;
	left: 25px;
	right: 5px;
	height: auto;
	text-align: right;
	overflow: hidden;
	border: none;
	padding: 0;
}

.board-panel.image .board-head > li.board-digit
{
	font-size: 2.0rem;
}

.board-panel.image > .board-chart.thumb-view
{
	top: 32px;
	bottom: 40%;
	left: 10px;
	right: 10px;
}

.board-panel > .board-data
{
	left: 0;
	top: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
}

.board-panel.title-zone,
.board-panel.statis-zone,
.board-panel.notice-zone,
.board-panel.grid-zone
{
	position: absolute;
	display: block;
	width: auto;
	left: 0;
	right: 0;
	top: 0;
	margin: 0;
	background-color: #fff;
	color: #333;
}

.board-panel.title-zone
{
	left: 0px;
	right: 0px;
	top: 0px;
	height: 80px;
	background-image: url(/images/backtile/grid-white.png);
	background-image: url(/images/backtile/label-back-light.png);
}

.board-panel.title-zone.simple
{
	height: 50px;
}

.board-panel.statis-zone
{
	height: auto;
	bottom: 420px;
}

.board-cover.notice .board-panel.statis-zone
{
	bottom: 395px;
}

.board-cover.notice .board-panel.statis-zone.min-zone,
.board-panel.notice-zone
{
	top: auto;
	bottom: 0;
	height: 385px;
	width: calc(50% - 5px);
}

.board-cover.notice .board-panel.statis-zone.min-zone
{
	right: auto;
}

.board-panel.notice-zone
{
	left: auto;
}

.board-panel.grid-zone
{
	top: auto;
	bottom: 0;
	height: 410px;
	overflow-x: hidden;
	overflow-y: auto;
}

.board-panel.title-zone > ul
{
	display: block;
	position: absolute;
	width: auto;
	left: 15px;
	right: 15px;
	top: 15px;
	bottom: 15px;
}

.board-panel.title-zone > ul > li
{
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;
}

.board-panel.title-zone > ul > li + li
{
	border-left: 1px solid rgba(242,91,32,0.2);
}

.board-panel.title-zone > ul > li.flex-row-image
{
	width: auto;
	text-align: left;
}

.board-panel.title-zone > ul > li.flex-row-image > img
{
	display: inline-block;
	width: auto;
	height: 50px;
	text-align: center;
	vertical-align: top;
}

.board-panel.title-zone > ul > li.flex-row-image > img[src*="/images/meta-"]
{
	filter: invert(60%) 
		sepia(40%) 
		saturate(6433%) 
		hue-rotate(0deg) 
		brightness(100%) 
		contrast(101%);
}

.board-panel.title-zone > ul > li.flex-row-image > .logo-title
{
	display: inline-block;
	width: auto;
	padding: 5px 0 0 15px;
}

.board-panel.title-zone > ul > li.flex-row-image > .logo-title::before
{
	font-size: 1.6rem;
	text-align: left;
	margin: 0 0 8px 0;
}

.board-panel.title-zone > ul > li.flex-row-image > .logo-title::after
{
	font-size: 1.3rem;
	text-align: left;
	margin: 0;
}

.board-panel.title-zone > ul > li.flex-row-image > .panel-date
{
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 10px;
	width: 80px;
	height: auto;
	z-index: 2;
	padding: 6px;
	border: 1px solid rgba(0,0,0,0.1);
}

.board-panel.title-zone > ul > li.flex-row-image > .panel-date > select
{
	display: block;
	position: relative;
	width: 100%;
}

.board-panel.title-zone > ul > li.flex-row-index
{
	padding: 2px 40px 0 40px;
}

.board-panel.title-zone > ul.tiny > li.flex-row-index
{
	padding-left: 10px;
	padding-right: 10px;
}


.board-panel.title-zone > ul.small > li.flex-row-index
{
	padding-left: 15px;
	padding-right: 15px;
}

.board-panel.title-zone > ul.normal > li.flex-row-index
{
	padding-left: 20px;
	padding-right: 20px;
}

.board-panel.title-zone > ul.large > li.flex-row-index
{
	padding-left: 30px;
	padding-right: 30px;
}

.board-panel.title-zone > ul > li.flex-row-index::before
{
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 120%;
	margin-bottom: 8px;
	color: #333;
}

.board-panel.title-zone > ul > li > .numer,
.board-panel.title-zone > ul > li > .denom
{
	font-family: 'bebas';
	font-size: 1.9rem;
	letter-spacing: 0.05rem;
	line-height: 150%;
	display: inline-block;
	width: auto;
	color: #999;
}

.board-panel.title-zone > ul > li > .denom
{
	font-size: 1.6rem;
}

.board-panel.title-zone > ul > li > .denom::before
{
	content: "/";
	font-family: inherit;
	font-size: 2.0rem;
	display: inline-block;
	color: rgb(252,104,104);
}

.board-panel.title-zone > ul > li > .denom:empty::before
{
	display: none;
}

.board-panel.title-zone > ul > li > .denom::after
{
	font-size: 1.2rem;
	letter-spacing: 0;
	vertical-align: bottom;
	display: inline-block;
	padding-bottom: 4px;
	padding-left: 3px;
	margin: 0;
	color: #6f5240;
}

.board-panel.title-zone > ul > li > .denom[data-remark=""]::after
{
	display: none;
}

.board-panel.title-zone > ul > li > .denom[data-remark="%"]::after,
.board-panel.title-zone > ul > li > .denom[data-remark="‰"]::after
{
	font-size: 1.3rem;
	font-weight: bold;
	padding-left: 1px;
	color: inherit;
}

.board-panel.title-zone > ul > li > .numer::after
{
	font-size: inherit;
	display: inline-block;
	width: auto;
	margin: 0 0 0 2px;
}

.board-panel.title-zone.simple
{
	left: 0px;
	right: 0px;
	top: 1px;
	height: 50px;
}

.board-panel.title-zone.simple > ul
{
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
}

.board-panel.title-zone.simple > ul > li.flex-row-image > img
{
	height: 30px;
}

.board-panel.title-zone.simple > ul > li.flex-row-image > span.icon
{
	height: 30px;
	width: auto;
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding: 2px 0;
}

.board-panel.title-zone.simple > ul > li.flex-row-image > span.icon > i
{
	font-size: 2.6rem;
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.board-panel.title-zone.simple > ul > li.flex-row-image > .logo-title
{
	padding: 0px 0 0 15px;
}

.board-panel.title-zone.simple > ul > li.flex-row-image > .logo-title::before,
.board-panel.title-zone.simple > ul > li.flex-row-image > .logo-title::after
{
	font-size: 1.4rem;
	line-height: 120%;
	font-weight: bold;
	display: inline-block;
	color: #333;
	margin: 6px 0 0px 0;
}

.board-panel.title-zone.simple > ul > li.flex-row-image > .logo-title::after
{
	font-size: 1.3rem;
	font-weight: normal;
	vertical-align: top;
	margin-left: 10px;
	color: #111;
}

.board-panel.title-zone.simple > ul > li.flex-row-image > .panel-date
{
	right: 20px;
	top: 2px;
}

.board-panel.title-zone.simple > ul > li.flex-row-index
{
	padding-top: 2px;
}

.board-panel.title-zone.simple > ul > li.flex-row-index::before
{
	display: inline-block;
	margin-bottom: 0px;
}

.board-panel.title-zone.simple > ul > li > .numer
{
	font-size: 1.6rem;
	padding-left: 5px;
}

.board-panel.title-zone.simple > ul > li > .denom
{
	font-size: 1.3rem;
}

.board-panel.title-zone.simple > ul > li > .denom::before
{
	font-size: 1.5rem;
}

.board-panel.title-zone.simple > ul > li.flex-row-index > .denom::after
{
	padding-bottom: 3px;
}

.board-panel.title-zone.simple > ul > li.flex-row-image > .denom::after
{
	padding-bottom: 3px;
}

.board-panel ul.panel-title
{
	display: block;
	position: absolute;
	width: auto;
	height: 43px;
	left: 10px;
	right: 10px;
	top: 0;
	text-align: right;
	border-bottom: 1px solid rgba(242,91,32,0.2);
}

.board-panel.grid-zone::before,
.board-panel ul.panel-title::before,
.board-panel ul.panel-title::after
{
	font-size: 1.4rem;
	line-height: 130%;
	display: inline-block;
	position: absolute;
	width: auto;
	height: 30px;
	top: 11px;
	left: 0;
	text-align: left;
	color: #555;
	margin: 0;
}

.board-panel.grid-zone::before
{
	left: 10px;
}

.board-panel ul.panel-title > li
{
	font-size: 1.3rem;
	line-height: 120%;
	display: inline-block;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	padding: 6px 20px;
	color: #333;
}

.board-panel ul.panel-title > li.group-item 
{
	padding-left: 15px;
	padding-right: 15px;
}

.board-panel ul.panel-title > li.tools 
{
	padding: 7px 0px 7px 20px;
}

.board-panel ul.panel-title > li + li::before
{
	content: "";
	display: inline-block;
	position: absolute;
	width: auto;
	height: auto;
	left: 0;
	top: 10px;
	bottom: 10px;
	border-left: 1px solid rgba(242,91,32,0.2);
}

.board-panel ul.panel-title > li.group-item + li.group-item::before
{
	border-left: 1px solid rgba(242,91,32,0.1);
}

.board-panel ul.panel-title > li > select,
.board-panel ul.panel-title > li > input,
.board-panel ul.panel-title > li > button
{
	font-size: 1.3rem;
	line-height: 3.0rem;
	border: none;
}

.board-panel ul.panel-title > li > select
{
	min-inline-size: 80px;
}

.board-panel ul.panel-title > li > input
{
	line-height: 2.8rem;
}

.board-panel ul.panel-title > li > button
{
	line-height: 100%;
	padding: 7px 0;
}

.board-panel ul.panel-title > li > button[class*="icon-"]::before
{
	vertical-align: middle;
	padding: 0 2px 2px 0;
}

.board-panel ul.panel-title > li> button:hover
{
	color: rgba(242,91,32,0.9);
}

.board-panel ul.panel-title > li> button:active,
.board-panel ul.panel-title > li> button.active
{
	color: rgba(242,91,32,1.0);
}

.board-panel.statis-zone .board-chart
{
	left: 10px;
	right: 10px;
	top: 53px;
	bottom: 10px;
	width: auto;
	height: auto;
}

.board-panel.statis-zone:has(.statis-box) .board-chart
{
	right: auto;
	width: calc(100% - 420px);
}

.board-panel.statis-zone .statis-box-none,
.board-panel.statis-zone .statis-box
{
	display: inline-block;
	position: absolute;
	left: auto;
	right: 10px;
	width: 350px;
	top: 80px;
	bottom: 10px;
	overflow-x: hidden;
	overflow-y: auto;
}

.board-panel.statis-zone .statis-box-none
{
	width: 0;
}

.board-panel.statis-zone > .statis-box::before
{
	font-size: 1.4rem;
	display: block;
	position: relative;
	width: auto;
	height: auto;
	text-align: left;
	color: #555;
	margin: 0 0 15px 0;
}

.board-panel.notice-zone .notice-box
{
	top: 43px;
	bottom: 4px;
	left: 10px;
	right: 10px;
}

.board-panel.grid-zone .grid-box
{
	position: absolute;
	display: block;
	width: auto;
	left: 10px;
	right: 10px;
	top: 42px;
	bottom: 4px;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
}

.board-panel.grid-zone .grid-box table.grid th + th,
.board-panel.grid-zone .grid-box table.grid td + td
{
	border-left: 1px dotted rgba(242,91,32,0.3);
}

.board-panel.grid-zone .grid-box table.grid tbody:last-child
{
	border-bottom: 1px solid rgba(242,91,32,0.2);
}

.board-foot
{
	bottom: 0;
	position: absolute;
	padding: 0 4px;
}

.board-foot.flex-col-grow
{
	height: auto;
}

.board-foot > table.calendar tr:last-child
{
	border-bottom: none;
}

.board-foot:empty
{
	border
	: none;
}

.board-foot .pagebar
{
	left: 5px;
	right: 5px;
}

/*=======================================================================
// Created: 2015-2-9 18:01:31
// Author:  Johnson Wen 
// Comment: theme color
//=======================================================================*/
.theme-black
{
	color: lightskyblue !important;
}

.theme-black.fg-color,
.theme-black .fg-color
{
	color: rgb(0,164,255) !important;
}

.theme-black.fg-active,
.theme-black .fg-active
{
	color: rgb(52,55,60) !important;
}

.theme-black.fg-darker,
.theme-black .fg-darker
{
	color: rgb(0,146,238) !important;
}

.theme-black.fg-shade,
.theme-black .fg-shade
{
	color: rgb(0,134,215) !important;
}

.theme-black.fg-outline,
.theme-black .fg-outline,
.theme-black .panel-title > li > button[class*="icon-"]::before
{
	color: rgb(0,164,255) !important;
}

.theme-black.ol-color,
.theme-black .ol-color
{
	outline-color: rgb(0,146,238) !important;
}

.theme-black.ol-active,
.theme-black .ol-active
{
	outline-color: rgb(0,164,255) !important;
}

.theme-black.ol-darker,
.theme-black .ol-darker
{
	outline-color: rgb(230,72,13) !important;
}

.theme-black.ol-shade,
.theme-black .ol-shade
{
	outline-color: rgb(137,44,7) !important;
}

.theme-black.bd-outline,
.theme-black .bd-outline,
.theme-black .bd-outline-before::before,
.theme-black .bd-outline-before::after,
.theme-black.bd-header,
.theme-black .bd-header,
.theme-black .bd-header-before::before,
.theme-black .bd-header-before::after
{
	border-color: rgb(0,146,238) !important;
}

.theme-black.bd-color,
.theme-black .bd-color
{
	border-color: rgb(44,46,54) !important;
}

.theme-black.bd-active,
.theme-black .bd-active
{
	border-color: rgb(52,55,60) !important;
}

.theme-black.bd-darker,
.theme-black .bd-darker
{
	border-color: rgb(32,33,39) !important;
}

.theme-black.bd-shade,
.theme-black .bd-shade
{
	border-color: rgb(26,27,32) !important;
}

.theme-black.bg-outline,
.theme-black .bg-outline
{
	background-color: rgb(0,146,238) !important;
}

.theme-black.bg-color,
.theme-black .bg-color,
.theme-black li.side-menu:active::before,
.theme-black li.side-menu.active::before,
.theme-black ul.side-menusub > li.side-menu:active,
.theme-black ul.side-menusub > li.side-menu.active
{
	background-color: rgb(44,46,54) !important;
}

.theme-black.bg-active,
.theme-black .bg-active
{
	background-color: rgb(52,55,60) !important;
}

.theme-black.adminview table.grid tbody > tr[data-guid]:hover
{
	background-color: rgba(52,55,60,0.2) !important;
}

.theme-black.adminview table.grid tbody > tr[data-guid]:focus,
.theme-black.adminview table.grid tbody > tr[data-guid]:active,
.theme-black.adminview table.grid tbody > tr[data-guid].active
{
	background-color: rgba(52,55,60,1) !important;
}

.theme-black.bg-darker,
.theme-black .bg-darker
{
	background-color: rgb(32,33,39) !important;
}

.theme-black.bg-head,
.theme-black .bg-head
{
	background-color: rgba(32,33,39,0.8) !important;
}

.theme-black.bg-shade,
.theme-black .bg-shade
{
	background-color: rgb(26,27,32) !important;
}

.theme-black .image-poster.bottom1:after,
.theme-black .shelf-tray.bottom1:after
{
	background-image: url(/images/backbox/bottom-blue.png) !important;
}

.theme-black .image-poster.bottom2:after,
.theme-black .shelf-tray.bottom2:after
{
	background-image: url(/images/backbox/bottoms-blue.png) !important;
}

.theme-black .shelf-poster > .title-image
{
	background-image: url(/images/backbox/bottom-bluet.png) !important;
}

.theme-black .shelf-poster > .image-poster:before
{
	background-image: url(/images/backbox/top-blue.png) !important;
}

.theme-black.bg-mask,
.theme-black .bg-mask
{
	background-color: rgba(44,46,54,0.8) !important;
}

.theme-black.bg-masker,
.theme-black .bg-masker
{
	background-color: rgba(44,46,54,0.9) !important;
}

.theme-black li.link > span:hover,
.theme-black li.link > span:active,
.theme-black li.link > span.active
{
	color: rgb(0,146,238) !important;
}

.theme-black.service-box > [class*="service-"]:hover,
.theme-black.service-box > [class*="service-"]:active,
.theme-black.service-box > [class*="service-"].active
{
	background-color: rgb(0,146,238) !important;
	color: #FFF !important;
}

.theme-black .dropdown > .menubar
{
	background-color: rgba(26,27,32,0.95) !important;
}

.theme-black .dropdown > .menubar > li.menu:hover
{
	background-color: rgba(255,255,255,0.1) !important;
	background-color: rgba(0,146,238,0.3) !important;
}

.theme-black .dropdown > .menubar > li.menu:active,
.theme-black .dropdown > .menubar > li.menu.active,
.theme-black .dropdown > .menubar > .board-menu:active,
.theme-black .dropdown > .menubar > .board-menu.active
{
	background-color: rgb(0,146,238) !important;
}

.theme-black li.mark:hover
{
	background-color: rgba(255, 255, 255, 0.6) !important;
}

.theme-black li.mark:active,
.theme-black li.mark.active
{
	background-color: rgb(0,146,238) !important;
	color: #fff !important;
}

.theme-black .button.btn-submit
{
	background-color: rgb(44,46,54) !important;
	cursor: pointer !important;
}

.theme-black .button.btn-submit:hover,
.theme-black .button.btn-submit:active,
.theme-black .button.btn-submit.active
{
	background-color: rgb(52,55,60) !important;
}

.theme-black .button.btn-focus
{
	background-color: rgb(0,146,238) !important;
}

.theme-black .button.btn-focus:hover,
.theme-black .button.btn-focus:active,
.theme-black .button.btn-focus.active
{
	background-color: rgb(0,164,255) !important;
}

.theme-black .button.btn-holo
{
	background-color: transparent !important;
	border-color: rgb(0,146,238) !important;
	color: rgb(0,146,238) !important;
}

.theme-black .button.btn-holo:hover,
.theme-black .button.btn-holo:active,
.theme-black .button.btn-holo.active
{
	background-color: rgb(0,164,255) !important;
	border-color: transparent !important;
	color: #FFF !important;
}

.theme-black .toolbar > li > button,
.theme-black .pagebar > li:hover,
.theme-black .pagebar > li:active,
.theme-black .pagebar > li.active
{
	background-color: rgb(68,122,156) !important;
	background-color: rgb(52,55,60) !important;
	border-color: rgb(52,55,60) !important;
}

.theme-black .table-title::before
{
	border-color: rgb(44,46,54) !important;
	color: rgb(44,46,54) !important;
}

.theme-black .table-title::after
{
	background-color: rgb(44,46,54) !important;
}

.theme-black main::before
{
	background-color: rgb(56,61,66);
}

.theme-black.slideview .board-head.bd-header-before
{
	border-top-color: rgb(56,61,66);
}

.theme-black ::-webkit-scrollbar-thumb 
{/*滚动条里面小方块*/
	background-color: rgba(255,255,255,0.2);
}

.theme-black ::-webkit-scrollbar-track 
{/*滚动条里面轨道*/

	background-color: transparent;
}

.theme-admin
{
	color: rgb(155,155,173) !important;
}

.theme-admin.fg-color,
.theme-admin .fg-color
{
	color: rgb(0,164,255) !important;
}

.theme-admin.fg-active,
.theme-admin .fg-active
{
	color: rgb(52,55,60) !important;
}

.theme-admin.fg-darker,
.theme-admin .fg-darker
{
	color: rgb(0,146,238) !important;
}

.theme-admin.fg-shade,
.theme-admin .fg-shade
{
	color: rgb(0,134,215) !important;
}

.theme-admin.fg-outline,
.theme-admin .fg-outline,
.theme-admin .panel-title > li > button[class*="icon-"]::before
{
	color: rgb(0,164,255) !important;
}

.theme-admin.ol-color,
.theme-admin .ol-color
{
	outline-color: rgb(0,146,238) !important;
}

.theme-admin.ol-active,
.theme-admin .ol-active
{
	outline-color: rgb(0,164,255) !important;
}

.theme-admin.ol-darker,
.theme-admin .ol-darker
{
	outline-color: rgb(230,72,13) !important;
}

.theme-admin.ol-shade,
.theme-admin .ol-shade
{
	outline-color: rgb(137,44,7) !important;
}

.theme-admin.bd-outline,
.theme-admin .bd-outline,
.theme-admin .bd-outline-before::before,
.theme-admin .bd-outline-before::after,
.theme-admin.bd-header,
.theme-admin .bd-header,
.theme-admin .bd-header-before::before,
.theme-admin .bd-header-before::after
{
	border-color: rgb(0,146,238) !important;
}

.theme-admin.bd-color,
.theme-admin .bd-color
{
	border-color: rgb(44,46,54) !important;
}

.theme-admin.bd-active,
.theme-admin .bd-active
{
	border-color: rgb(52,55,60) !important;
}

.theme-admin.bd-darker,
.theme-admin .bd-darker
{
	border-color: rgb(32,33,39) !important;
}

.theme-admin.bd-shade,
.theme-admin .bd-shade
{
	border-color: rgb(26,27,32) !important;
}

.theme-admin.bg-outline,
.theme-admin .bg-outline
{
	background-color: rgb(0,146,238) !important;
}

.theme-admin.bg-color,
.theme-admin .bg-color,
.theme-admin li.side-menu:active::before,
.theme-admin li.side-menu.active::before,
.theme-admin ul.side-menusub > li.side-menu:active,
.theme-admin ul.side-menusub > li.side-menu.active
{
	background-color: rgb(44,46,54) !important;
}

.theme-admin.bg-active,
.theme-admin .bg-active
{
	background-color: rgb(52,55,60) !important;
}

.theme-admin.bg-darker,
.theme-admin .bg-darker
{
	background-color: rgb(32,33,39) !important;
}

.theme-admin.bg-head,
.theme-admin .bg-head
{
	background-color: rgba(32,33,39,0.8) !important;
}

.theme-admin.bg-shade,
.theme-admin .bg-shade
{
	background-color: rgb(26,27,32) !important;
}

.theme-admin .image-poster.bottom1:after,
.theme-admin .shelf-tray.bottom1:after
{
	background-image: url(/images/backbox/bottom-blue.png) !important;
}

.theme-admin .image-poster.bottom2:after,
.theme-admin .shelf-tray.bottom2:after
{
	background-image: url(/images/backbox/bottoms-blue.png) !important;
}

.theme-admin .shelf-poster > .title-image
{
	background-image: url(/images/backbox/bottom-bluet.png) !important;
}

.theme-admin .shelf-poster > .image-poster:before
{
	background-image: url(/images/backbox/top-blue.png) !important;
}

.theme-admin.bg-mask,
.theme-admin .bg-mask
{
	background-color: rgba(44,46,54,0.8) !important;
}

.theme-admin.bg-masker,
.theme-admin .bg-masker
{
	background-color: rgba(44,46,54,0.9) !important;
}

.theme-admin li.link > span:hover,
.theme-admin li.link > span:active,
.theme-admin li.link > span.active
{
	color: rgb(0,146,238) !important;
}

.theme-admin.service-box > [class*="service-"]:hover,
.theme-admin.service-box > [class*="service-"]:active,
.theme-admin.service-box > [class*="service-"].active
{
	background-color: rgb(0,146,238) !important;
	color: #FFF !important;
}

.theme-admin .dropdown > .menubar
{
	background-color: rgba(26,27,32,0.95) !important;
}

.theme-admin .dropdown > .menubar > li.menu:hover
{
	background-color: rgba(255,255,255,0.1) !important;
	background-color: rgba(0,146,238,0.3) !important;
}

.theme-admin .dropdown > .menubar > li.menu:active,
.theme-admin .dropdown > .menubar > li.menu.active,
.theme-admin .dropdown > .menubar > .board-menu:active,
.theme-admin .dropdown > .menubar > .board-menu.active
{
	background-color: rgb(0,146,238) !important;
}

.theme-admin li.mark:hover
{
	background-color: rgba(255, 255, 255, 0.6) !important;
}

.theme-admin li.mark:active,
.theme-admin li.mark.active
{
	background-color: rgb(0,146,238) !important;
	color: #fff !important;
}

.theme-admin .button.btn-submit
{
	background-color: rgb(44,46,54) !important;
	cursor: pointer !important;
}

.theme-admin .button.btn-submit:hover,
.theme-admin .button.btn-submit:active,
.theme-admin .button.btn-submit.active
{
	background-color: rgb(52,55,60) !important;
}

.theme-admin .button.btn-focus
{
	background-color: rgb(0,146,238) !important;
}

.theme-admin .button.btn-focus:hover,
.theme-admin .button.btn-focus:active,
.theme-admin .button.btn-focus.active
{
	background-color: rgb(0,164,255) !important;
}

.theme-admin .button.btn-holo
{
	background-color: transparent !important;
	border-color: rgb(0,146,238) !important;
	color: rgb(0,146,238) !important;
}

.theme-admin .button.btn-holo:hover,
.theme-admin .button.btn-holo:active,
.theme-admin .button.btn-holo.active
{
	background-color: rgb(0,164,255) !important;
	border-color: transparent !important;
	color: #FFF !important;
}

.theme-admin .pagebar > li:hover,
.theme-admin .pagebar > li:active,
.theme-admin .pagebar > li.active
{
	background-color: rgb(108,124,88) !important;
	border-color: rgb(108,124,88) !important;
}

.theme-admin .toolbar > li > button
{
	background-color: rgba(255,255,255,0.1) !important;
}

.theme-admin .toolbar > li > button:hover
{
	backdrop-filter: brightness(1.1);
}

.theme-admin .toolbar > li > button:active,
.theme-admin .toolbar > li > button.active
{
	backdrop-filter: brightness(1.2);
}

.theme-admin .table-title::before
{
	border-color: rgb(44,46,54) !important;
	color: rgb(44,46,54) !important;
}

.theme-admin .table-title::after
{
	background-color: rgb(44,46,54) !important;
}

.theme-admin main::before
{
	background-color: rgb(56,61,66);
	background-color: rgb(53,64,82);
}

.theme-admin.slideview .board-head.bd-header-before
{
	border-top-color: rgb(53,64,82);
}

.theme-admin .board-title
{
	border-bottom-width: 1px;
}

.theme-admin .board-title > h1
{
	line-height: 120%;
	background: linear-gradient(to right, #bbdcf1 0%, white 50%, #bbdcf1 80%);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-o-background-clip: text;
	background-clip: text;
	color: transparent;
}

.theme-admin .board-menu,
.theme-admin .board-tool, 
.theme-admin .board-text
{
	color: lightskyblue;
}

.theme-admin .fg-red,
.theme-admin .fg-error
{
	color: rgb(234,41,35) !important;
}

.theme-admin .fg-orange,
.theme-admin .fg-warn
{
	color: rgb(247,148,29) !important;
}

.theme-admin .fg-green,
.theme-admin .fg-done
{
	color: rgb(21,164,8) !important;
}

.theme-admin ::-webkit-scrollbar-thumb 
{/*滚动条里面小方块*/
	background-color: #999;
}

.theme-admin ::-webkit-scrollbar-track 
{/*滚动条里面轨道*/

	background-color: transparent;
	background-color: #ededed;
}

.theme-board
{
	color: lightskyblue !important;
}

.theme-board.fg-color,
.theme-board .fg-color
{
	color: rgb(0,164,255) !important;
}

.theme-board.fg-active,
.theme-board .fg-active
{
	color: rgb(35,39,69) !important;
}

.theme-board.fg-darker,
.theme-board .fg-darker
{
	color: rgb(0,146,238) !important;
}

.theme-board.fg-shade,
.theme-board .fg-shade
{
	color: rgb(0,134,215) !important;
}

.theme-board.fg-outline,
.theme-board .fg-outline,
.theme-board .panel-title > li > button[class*="icon-"]::before
{
	color: rgb(0,164,255) !important;
}

.theme-board.ol-color,
.theme-board .ol-color
{
	outline-color: rgb(0,146,238) !important;
}

.theme-board.ol-active,
.theme-board .ol-active
{
	outline-color: rgb(0,164,255) !important;
}

.theme-board.ol-darker,
.theme-board .ol-darker
{
	outline-color: rgb(230,72,13) !important;
}

.theme-board.ol-shade,
.theme-board .ol-shade
{
	outline-color: rgb(137,44,7) !important;
}

.theme-board.bd-outline,
.theme-board .bd-outline,
.theme-board .bd-outline-before::before,
.theme-board .bd-outline-before::after,
.theme-board.bd-header,
.theme-board .bd-header,
.theme-board .bd-header-before::before,
.theme-board .bd-header-before::after
{
	border-color: rgb(0,146,238) !important;
}

.theme-board.bd-color,
.theme-board .bd-color
{
	border-color: rgb(24,27,48) !important;
}

.theme-board.bd-active,
.theme-board .bd-active
{
	border-color: rgb(35,39,69) !important;
}

.theme-board.bd-darker,
.theme-board .bd-darker
{
	border-color: rgb(21,24,43) !important;
}

.theme-board.bd-shade,
.theme-board .bd-shade
{
	border-color: rgb(16,18,31) !important;
}

.theme-board.bg-outline,
.theme-board .bg-outline
{
	background-color: rgb(0,146,238) !important;
}

.theme-board.bg-color,
.theme-board .bg-color,
.theme-board li.side-menu:active::before,
.theme-board li.side-menu.active::before,
.theme-board ul.side-menusub > li.side-menu:active,
.theme-board ul.side-menusub > li.side-menu.active
{
	background-color: rgb(24,27,48) !important;
}

.theme-board.bg-active,
.theme-board .bg-active
{
	background-color: rgb(35,39,69) !important;
}

.theme-board.adminview table.grid tbody > tr[data-guid]:hover
{
	background-color: rgba(35,39,69,0.2) !important;
}

.theme-board.adminview table.grid tbody > tr[data-guid]:focus,
.theme-board.adminview table.grid tbody > tr[data-guid]:active,
.theme-board.adminview table.grid tbody > tr[data-guid].active
{
	background-color: rgba(35,39,69,1) !important;
}

.theme-board.bg-darker,
.theme-board .bg-darker
{
	background-color: rgb(21,24,43) !important;
}

.theme-board.bg-head,
.theme-board .bg-head
{
	background-color: rgba(21,24,43,0.8) !important;
}

.theme-board.bg-shade,
.theme-board .bg-shade
{
	background-color: rgb(16,18,31) !important;
}

.theme-board .image-poster.bottom1:after,
.theme-board .shelf-tray.bottom1:after
{
	background-image: url(/images/backbox/bottom-blue.png) !important;
}

.theme-board .image-poster.bottom2:after,
.theme-board .shelf-tray.bottom2:after
{
	background-image: url(/images/backbox/bottoms-blue.png) !important;
}

.theme-board .shelf-poster > .title-image
{
	background-image: url(/images/backbox/bottom-bluet.png) !important;
}

.theme-board .shelf-poster > .image-poster:before
{
	background-image: url(/images/backbox/top-blue.png) !important;
}

.theme-board.bg-mask,
.theme-board .bg-mask
{
	background-color: rgba(24,27,48,0.8) !important;
}

.theme-board.bg-masker,
.theme-board .bg-masker
{
	background-color: rgba(24,27,48,0.9) !important;
}

.theme-board li.link > span:hover,
.theme-board li.link > span:active,
.theme-board li.link > span.active
{
	color: rgb(0,146,238) !important;
}

.theme-board.service-box > [class*="service-"]:hover,
.theme-board.service-box > [class*="service-"]:active,
.theme-board.service-box > [class*="service-"].active
{
	background-color: rgb(0,146,238) !important;
	color: #FFF !important;
}

.theme-board .dropdown > .menubar
{
	background-color: rgba(16,18,31,0.95) !important;
}

.theme-board .dropdown > .menubar > li.menu:hover
{
	background-color: rgba(255,255,255,0.1) !important;
	background-color: rgba(0,146,238,0.3) !important;
}

.theme-board .dropdown > .menubar > li.menu:active,
.theme-board .dropdown > .menubar > li.menu.active,
.theme-board .dropdown > .menubar > .board-menu:active,
.theme-board .dropdown > .menubar > .board-menu.active
{
	background-color: rgb(0,146,238) !important;
}

.theme-board li.mark:hover
{
	background-color: rgba(255, 255, 255, 0.6) !important;
}

.theme-board li.mark:active,
.theme-board li.mark.active
{
	background-color: rgb(0,146,238) !important;
	color: #fff !important;
}

.theme-board .button.btn-submit
{
	background-color: rgb(24,27,48) !important;
	cursor: pointer !important;
}

.theme-board .button.btn-submit:hover,
.theme-board .button.btn-submit:active,
.theme-board .button.btn-submit.active
{
	background-color: rgb(35,39,69) !important;
}

.theme-board .button.btn-focus
{
	background-color: rgb(0,146,238) !important;
}

.theme-board .button.btn-focus:hover,
.theme-board .button.btn-focus:active,
.theme-board .button.btn-focus.active
{
	background-color: rgb(0,164,255) !important;
}

.theme-board .button.btn-holo
{
	background-color: transparent !important;
	border-color: rgb(0,146,238) !important;
	color: rgb(0,146,238) !important;
}

.theme-board .button.btn-holo:hover,
.theme-board .button.btn-holo:active,
.theme-board .button.btn-holo.active
{
	background-color: rgb(0,164,255) !important;
	border-color: transparent !important;
	color: #FFF !important;
}

.theme-board .toolbar > li > button,
.theme-board .pagebar > li:hover,
.theme-board .pagebar > li:active,
.theme-board .pagebar > li.active
{
	background-color: rgb(35,39,69) !important;
	border-color: rgb(35,39,69) !important;
}

.theme-board .table-title::before
{
	border-color: rgb(24,27,48) !important;
	color: rgb(24,27,48) !important;
}

.theme-board .table-title::after
{
	background-color: rgb(24,27,48) !important;
}

.theme-board main::before
{
	background-color: rgba(0,0,0,0.3);
}

.theme-board.slideview .board-head.bd-header-before
{
	border-top-color: rgba(0,0,0,0.3);
}

.theme-board .board-title > h1
{
	background: linear-gradient(to right, #bbdcf1 0%, white 50%, #bbdcf1 80%);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-o-background-clip: text;
	background-clip: text;
	color: transparent;
}

.theme-board .board-menu,
.theme-board .board-tool, 
.theme-board .board-text
{
	color: lightskyblue;
}

.theme-board ::-webkit-scrollbar-thumb 
{/*滚动条里面小方块*/
	background-color: rgba(255,255,255,0.2);
}

.theme-board ::-webkit-scrollbar-track 
{/*滚动条里面轨道*/

	background-color: transparent;
}


.theme-red
{
	color: #fff !important;
}

.theme-red.fg-color,
.theme-red .fg-color
{
	color: rgb(200,22,29) !important;
}

.theme-red.fg-active,
.theme-red .fg-active
{
	color: rgb(231,37,32) !important;
}

.theme-red.fg-darker,
.theme-red .fg-darker
{
	color: rgb(177,20,28) !important;
}

.theme-red.fg-shade,
.theme-red .fg-shade
{
	color: rgb(76,26,50) !important;
}

.theme-red.fg-outline,
.theme-red .fg-outline,
.theme-red .panel-title > li > button[class*="icon-"]::before
{
	color: rgb(243,152,29) !important;
}

.theme-red.ol-color,
.theme-red .ol-color
{
	outline-color: rgb(243,152,29) !important;
}

.theme-red.ol-active,
.theme-red .ol-active
{
	outline-color: rgb(244,164,55) !important;
}

.theme-red.ol-darker,
.theme-red .ol-darker
{
	outline-color: rgb(222,133,12) !important;
}

.theme-red.ol-shade,
.theme-red .ol-shade
{
	outline-color: rgb(175,105,10) !important;
}

.theme-red.bd-outline,
.theme-red .bd-outline,
.theme-red .bd-outline-before::before,
.theme-red .bd-outline-before::after
{
	border-color: rgb(243,152,29) !important;
}

.theme-red.bd-color,
.theme-red .bd-color
{
	border-color: rgb(200,22,29) !important;
}

.theme-red.bd-active,
.theme-red .bd-active
{
	border-color: rgb(231,37,32) !important;
}

.theme-red.bd-darker,
.theme-red .bd-darker,
.theme-red.bd-header,
.theme-red .bd-header,
.theme-red .bd-header-before::before,
.theme-red .bd-header-before::after
{
	border-color: rgb(177,20,28) !important;
}

.theme-red.bd-shade,
.theme-red .bd-shade
{
	border-color: rgb(76,26,50) !important;
}

.theme-red.bg-outline,
.theme-red .bg-outline
{
	background-color: rgb(243,152,29) !important;
}

.theme-red.bg-color,
.theme-red .bg-color,
.theme-red li.side-menu:active::before,
.theme-red li.side-menu.active::before,
.theme-red ul.side-menusub > li.side-menu:active,
.theme-red ul.side-menusub > li.side-menu.active

{
	background-color: rgb(200,22,29) !important;
}

.theme-red.bg-active,
.theme-red .bg-active
{
	background-color: rgb(231,37,32) !important;
}

.theme-red.adminview table.grid tbody > tr[data-guid]:hover
{
	background-color: rgba(231,37,32,0.2) !important;
}

.theme-red.adminview table.grid tbody > tr[data-guid]:focus,
.theme-red.adminview table.grid tbody > tr[data-guid]:active,
.theme-red.adminview table.grid tbody > tr[data-guid].active
{
	background-color: rgba(231,37,32,1) !important;
}

.theme-red.bg-darker,
.theme-red .bg-darker
{
	background-color: rgb(177,20,28) !important;
}

.theme-red.bg-head,
.theme-red .bg-head
{
	background-color: rgba(177,20,28,0.8) !important;
}

.theme-red.bg-shade,
.theme-red .bg-shade
{
	background-color: rgb(76,26,50) !important;
}

.theme-red .image-poster.bottom1:after,
.theme-red .shelf-tray.bottom1:after
{
	background-image: url(/images/backbox/bottom-orange.png) !important;
}

.theme-red .image-poster.bottom2:after,
.theme-red .shelf-tray.bottom2:after
{
	background-image: url(/images/backbox/bottoms-orange.png) !important;
}

.theme-red .shelf-poster > .title-image
{
	background-image: url(/images/backbox/bottom-oranget.png) !important;
}

.theme-red .shelf-poster > .image-poster:before
{
	background-image: url(/images/backbox/top-orange.png) !important;
}

.theme-red.bg-mask,
.theme-red .bg-mask
{
	background-color: rgba(200,22,29,0.8) !important;
}

.theme-red.bg-masker,
.theme-red .bg-masker
{
	background-color: rgba(200,22,29,0.9) !important;
}

.theme-red li.link > span:hover,
.theme-red li.link > span:active,
.theme-red li.link > span.active
{
	color: rgb(243,152,29) !important;
}

.theme-red.service-box > [class*="service-"]:hover,
.theme-red.service-box > [class*="service-"]:active,
.theme-red.service-box > [class*="service-"].active
{
	background-color: rgb(243,152,29) !important;
	color: #FFF !important;
}

.theme-red .dropdown > .menubar
{
	background-color: rgba(26,3,20,0.95) !important;
}

.theme-red .dropdown > .menubar > li.menu:hover,
.theme-red .dropdown > .menubar > li.menu:active,
.theme-red .dropdown > .menubar > li.menu.active
{
	background-color: rgb(243,152,29) !important;
}

.theme-red li.mark:hover
{
	background-color: rgba(255, 255, 255, 0.6) !important;
}

.theme-red li.mark:active,
.theme-red li.mark.active
{
	background-color: rgb(243,152,29) !important;
	color: #fff !important;
}

.theme-red .button.btn-submit
{
	background-color: rgb(200,22,29) !important;
	cursor: pointer !important;
}

.theme-red .button.btn-submit:hover,
.theme-red .button.btn-submit:active,
.theme-red .button.btn-submit.active
{
	background-color: rgb(231,37,32) !important;
}

.theme-red .button.btn-focus
{
	background-color: rgb(243,152,29) !important;
}

.theme-red .button.btn-focus:hover,
.theme-red .button.btn-focus:active,
.theme-red .button.btn-focus.active
{
	background-color: rgb(244,164,55) !important;
}

.theme-red .button.btn-holo
{
	background-color: transparent !important;
	border-color: rgb(243,152,29) !important;
	color: rgb(243,152,29) !important;
}

.theme-red .button.btn-holo:hover,
.theme-red .button.btn-holo:active,
.theme-red .button.btn-holo.active
{
	background-color: rgb(244,164,55) !important;
	border-color: transparent !important;
	color: #FFF !important;
}

.theme-red .toolbar > li > button,
.theme-red .pagebar > li:hover,
.theme-red .pagebar > li:active,
.theme-red .pagebar > li.active
{
	background-color: rgb(231,37,32) !important;
	border-color: rgb(231,37,32) !important;
}

.theme-red .table-title::before
{
	border-color: rgb(200,22,29) !important;
	color: rgb(200,22,29) !important;
}

.theme-red .table-title::after
{
	background-color: rgb(200,22,29) !important;
}

.theme-red main::before
{
	background-color: rgba(200,22,29,1.0);
}

.theme-red.slideview .board-head.bd-header-before
{
	border-top-color: rgba(200,22,29,1.0);
}

.theme-china
{
	color: #fff !important;
}

.theme-china.fg-color,
.theme-china .fg-color
{
	color: rgb(153,0,0) !important;
}

.theme-china.fg-active,
.theme-china .fg-active
{
	color: rgb(190,0,0) !important;
}

.theme-china.fg-darker,
.theme-china .fg-darker
{
	color: rgb(135,0,0) !important;
}

.theme-china.fg-shade,
.theme-china .fg-shade
{
	color: rgb(106,0,0) !important;
}

.theme-china.fg-outline,
.theme-china .fg-outline,
.theme-china .panel-title > li > button[class*="icon-"]::before
{
	color: rgb(232,158,37) !important;
}

.theme-china.ol-color,
.theme-china .ol-color
{
	outline-color: rgb(232,158,37) !important;
}

.theme-china.ol-active,
.theme-china .ol-active
{
	outline-color: rgb(236,177,79) !important;
}

.theme-china.ol-darker,
.theme-china .ol-darker
{
	outline-color: rgb(216,143,22) !important;
}

.theme-china.ol-shade,
.theme-china .ol-shade
{
	outline-color: rgb(172,114,17) !important;
}

.theme-china.bd-outline,
.theme-china .bd-outline,
.theme-china .bd-outline-before::before,
.theme-china .bd-outline-before::after
{
	border-color: rgb(232,158,37) !important;
}

.theme-china.bd-color,
.theme-china .bd-color
{
	border-color: rgb(153,0,0) !important;
}

.theme-china.bd-active,
.theme-china .bd-active
{
	border-color: rgb(190,0,0) !important;
}

.theme-china.bd-darker,
.theme-china .bd-darker,
.theme-china.bd-header,
.theme-china .bd-header,
.theme-china .bd-header-before::before,
.theme-china .bd-header-before::after
{
	border-color: rgb(135,0,0) !important;
}

.theme-china.bd-shade,
.theme-china .bd-shade
{
	border-color: rgb(106,0,0) !important;
}

.theme-china.bg-outline,
.theme-china .bg-outline
{
	background-color: rgb(232,158,37) !important;
}

.theme-china.bg-color,
.theme-china .bg-color,
.theme-china li.side-menu:active::before,
.theme-china li.side-menu.active::before,
.theme-china ul.side-menusub > li.side-menu:active,
.theme-china ul.side-menusub > li.side-menu.active
{
	background-color: rgb(153,0,0) !important;
}

.theme-china.bg-active,
.theme-china .bg-active
{
	background-color: rgb(190,0,0) !important;
}

.theme-china.adminview table.grid tbody > tr[data-guid]:hover
{
	background-color: rgba(190,0,0,0.2) !important;
}

.theme-china.adminview table.grid tbody > tr[data-guid]:focus,
.theme-china.adminview table.grid tbody > tr[data-guid]:active,
.theme-china.adminview table.grid tbody > tr[data-guid].active
{
	background-color: rgba(190,0,0,1) !important;
}

.theme-china.bg-darker,
.theme-china .bg-darker
{
	background-color: rgb(135,0,0) !important;
}

.theme-china.bg-head,
.theme-china .bg-head
{
	background-color: rgba(135,0,0,0.8) !important;
}

.theme-china.bg-shade,
.theme-china .bg-shade
{
	background-color: rgb(106,0,0) !important;
}

.theme-china .image-poster.bottom1:after,
.theme-china .shelf-tray.bottom1:after
{
	background-image: url(/images/backbox/bottom-orange.png) !important;
}

.theme-china .image-poster.bottom2:after,
.theme-china .shelf-tray.bottom2:after
{
	background-image: url(/images/backbox/bottoms-orange.png) !important;
}

.theme-china .shelf-poster > .title-image
{
	background-image: url(/images/backbox/bottom-oranget.png) !important;
}

.theme-china .shelf-poster > .image-poster:before
{
	background-image: url(/images/backbox/top-orange.png) !important;
}

.theme-china.bg-mask,
.theme-china .bg-mask
{
	background-color: rgba(153,0,0,0.8) !important;
}

.theme-china.bg-masker,
.theme-china .bg-masker
{
	background-color: rgba(153,0,0,0.9) !important;
}

.theme-china li.link > span:hover,
.theme-china li.link > span:active,
.theme-china li.link > span.active
{
	color: rgb(232,158,37) !important;
}

.theme-china.service-box > [class*="service-"]:hover,
.theme-china.service-box > [class*="service-"]:active,
.theme-china.service-box > [class*="service-"].active
{
	background-color: rgb(232,158,37) !important;
	color: #FFF !important;
}

.theme-china .dropdown > .menubar
{
	background-color: rgba(26,3,20,0.95) !important;
}

.theme-china .dropdown > .menubar > li.menu:hover,
.theme-china .dropdown > .menubar > li.menu:active,
.theme-china .dropdown > .menubar > li.menu.active
{
	background-color: rgb(232,158,37) !important;
}

.theme-china li.mark:hover
{
	background-color: rgba(255, 255, 255, 0.6) !important;
}

.theme-china li.mark:active,
.theme-china li.mark.active
{
	background-color: rgb(232,158,37) !important;
	color: #fff !important;
}

.theme-china .button.btn-submit
{
	background-color: rgb(153,0,0) !important;
	cursor: pointer !important;
}

.theme-china .button.btn-submit:hover,
.theme-china .button.btn-submit:active,
.theme-china .button.btn-submit.active
{
	background-color: rgb(190,0,0) !important;
}

.theme-china .button.btn-focus
{
	background-color: rgb(232,158,37) !important;
}

.theme-china .button.btn-focus:hover,
.theme-china .button.btn-focus:active,
.theme-china .button.btn-focus.active
{
	background-color: rgb(236,177,79) !important;
}

.theme-china .button.btn-holo
{
	background-color: transparent !important;
	border-color: rgb(232,158,37) !important;
	color: rgb(232,158,37) !important;
}

.theme-china .button.btn-holo:hover,
.theme-china .button.btn-holo:active,
.theme-china .button.btn-holo.active
{
	background-color: rgb(236,177,79) !important;
	border-color: transparent !important;
	color: #FFF !important;
}

.theme-china .toolbar > li > button,
.theme-china .pagebar > li:hover,
.theme-china .pagebar > li:active,
.theme-china .pagebar > li.active
{
	background-color: rgb(190,0,0) !important;
	border-color: rgb(190,0,0) !important;
}

.theme-china .table-title::before
{
	border-color: rgb(153,0,0) !important;
	color: rgb(153,0,0) !important;
}

.theme-china .table-title::after
{
	background-color: rgb(153,0,0) !important;
}

.theme-china main::before
{
	background-color: rgba(153,0,0,1.0);
}

.theme-china.slideview .board-head.bd-header-before
{
	border-top-color: rgba(153,0,0,1.0);
}

.theme-orange
{
	color: #FFF !important;
}

.theme-orange.fg-color,
.theme-orange .fg-color
{
	color: rgb(255,134,0) !important;
}

.theme-orange.fg-active,
.theme-orange .fg-active
{
	color: rgb(255,157,49) !important;
}

.theme-orange.fg-darker,
.theme-orange .fg-darker
{
	color: rgb(240,126,0) !important;
}

.theme-orange.fg-shade,
.theme-orange .fg-shade
{
	color: rgb(68,36,0) !important;
}

.theme-orange.fg-outline,
.theme-orange .fg-outline,
.theme-orange .panel-title > li > button[class*="icon-"]::before
{
	color: rgb(0,132,0) !important;
}

.theme-orange.ol-color,
.theme-orange .ol-color
{
	outline-color: rgb(0,132,0) !important;
}

.theme-orange.ol-active,
.theme-orange .ol-active
{
	outline-color: rgb(0,160,0) !important;
}

.theme-orange.ol-darker,
.theme-orange .ol-darker
{
	outline-color: rgb(0,115,0) !important;
}

.theme-orange.ol-shade,
.theme-orange .ol-shade
{
	outline-color: rgb(0,72,0) !important;
}

.theme-orange.bd-outline,
.theme-orange .bd-outline,
.theme-orange .bd-outline-before::before,
.theme-orange .bd-outline-before::after
{
	border-color: rgb(0,132,0) !important;
}

.theme-orange.bd-color,
.theme-orange .bd-color
{
	border-color: rgb(255,134,0) !important;
}

.theme-orange.bd-active,
.theme-orange .bd-active
{
	border-color: rgb(255,157,49) !important;
}

.theme-orange.bd-darker,
.theme-orange .bd-darker,
.theme-orange.bd-header,
.theme-orange .bd-header,
.theme-orange .bd-header-before::before,
.theme-orange .bd-header-before::after
{
	border-color: rgb(240,126,0) !important;
}

.theme-orange.bd-shade,
.theme-orange .bd-shade
{
	border-color: rgb(68,36,0) !important;
}

.theme-orange.bg-outline,
.theme-orange .bg-outline
{
	background-color: rgb(0,132,0) !important;
}

.theme-orange.bg-color,
.theme-orange .bg-color,
.theme-orange li.side-menu:active::before,
.theme-orange li.side-menu.active::before,
.theme-orange ul.side-menusub > li.side-menu:active,
.theme-orange ul.side-menusub > li.side-menu.active
{
	background-color: rgb(255,134,0) !important;
}

.theme-orange.bg-active,
.theme-orange .bg-active
{
	background-color: rgb(255,157,49) !important;
}

.theme-orange.adminview table.grid tbody > tr[data-guid]:hover
{
	background-color: rgba(255,157,49,0.2) !important;
}

.theme-orange.adminview table.grid tbody > tr[data-guid]:focus,
.theme-orange.adminview table.grid tbody > tr[data-guid]:active,
.theme-orange.adminview table.grid tbody > tr[data-guid].active
{
	background-color: rgba(255,157,49,1) !important;
}

.theme-orange.bg-darker,
.theme-orange .bg-darker
{
	background-color: rgb(240,126,0) !important;
}

.theme-orange.bg-head,
.theme-orange .bg-head
{
	background-color: rgb(240,126,0,0.8) !important;
}

.theme-orange.bg-shade,
.theme-orange .bg-shade
{
	background-color: rgb(68,36,0) !important;
}

.theme-orange .image-poster.bottom1:after,
.theme-orange .shelf-tray.bottom1:after
{
	background-image: url(/images/backbox/bottom-orange.png) !important;
}

.theme-orange .image-poster.bottom2:after,
.theme-orange .shelf-tray.bottom2:after
{
	background-image: url(/images/backbox/bottoms-orange.png) !important;
}

.theme-orange .shelf-poster > .title-image
{
	background-image: url(/images/backbox/bottom-oranget.png) !important;
}

.theme-orange .shelf-poster > .image-poster:before
{
	background-image: url(/images/backbox/top-orange.png) !important;
}

.theme-orange.bg-mask,
.theme-orange .bg-mask
{
	background-color: rgba(255,134,0,0.8) !important;
}

.theme-orange.bg-masker,
.theme-orange .bg-masker
{
	background-color: rgba(255,134,0,0.9) !important;
}

.theme-orange li.link > span:hover,
.theme-orange li.link > span:active,
.theme-orange li.link > span.active
{
	color: rgb(0,132,0) !important;
}

.theme-orange.service-box > [class*="service-"]:hover,
.theme-orange.service-box > [class*="service-"]:active,
.theme-orange.service-box > [class*="service-"].active
{
	background-color: rgb(0,132,0) !important;
	color: #FFF !important;
}

.theme-orange .dropdown > .menubar
{
	background-color: rgba(23,57,84,0.95) !important;
}

.theme-orange .dropdown > .menubar > li.menu:hover,
.theme-orange .dropdown > .menubar > li.menu:active,
.theme-orange .dropdown > .menubar > li.menu.active
{
	background-color: rgb(0,132,0) !important;
}

.theme-orange li.mark:hover
{
	background-color: rgba(255, 255, 255, 0.6) !important;
}

.theme-orange li.mark:active,
.theme-orange li.mark.active
{
	background-color: rgb(0,132,0) !important;
	color: #fff !important;
}

.theme-orange .button.btn-submit
{
	background-color: rgb(255,134,0) !important;
	cursor: pointer !important;
}

.theme-orange .button.btn-submit:hover,
.theme-orange .button.btn-submit:active,
.theme-orange .button.btn-submit.active
{
	background-color: rgb(255,157,49) !important;
}

.theme-orange .button.btn-focus
{
	background-color: rgb(0,132,0) !important;
}

.theme-orange .button.btn-focus:hover,
.theme-orange .button.btn-focus:active,
.theme-orange .button.btn-focus.active
{
	background-color: rgb(0,160,0) !important;
}

.theme-orange .button.btn-holo
{
	background-color: transparent !important;
	border-color: rgb(0,132,0) !important;
	color: rgb(0,132,0) !important;
}

.theme-orange .button.btn-holo:hover,
.theme-orange .button.btn-holo:active,
.theme-orange .button.btn-holo.active
{
	background-color: rgb(0,160,0) !important;
	border-color: transparent !important;
	color: #FFF !important;
}

.theme-orange .toolbar > li > button,
.theme-orange .pagebar > li:hover,
.theme-orange .pagebar > li:active,
.theme-orange .pagebar > li.active
{
	background-color: rgb(255,157,49) !important;
	border-color: rgb(255,157,49) !important;
}

.theme-orange .table-title::before
{
	border-color: rgb(255,134,0) !important;
	color: rgb(255,134,0) !important;
}

.theme-orange .table-title::after
{
	background-color: rgb(255,134,0) !important;
}

.theme-orange main::before
{
	background-color: rgba(255,134,0,1.0);
}

.theme-orange.slideview .board-head.bd-header-before
{
	border-top-color: rgba(255,134,0,1.0);
}

.theme-yellow
{
	color: #111 !important;
}

.theme-yellow.fg-color,
.theme-yellow .fg-color
{
	color: rgb(251,196,0) !important;
}

.theme-yellow.fg-active,
.theme-yellow .fg-active
{
	color: rgb(255,203,21) !important;
}

.theme-yellow.fg-darker,
.theme-yellow .fg-darker
{
	color: rgb(238,185,0) !important;
}

.theme-yellow.fg-shade,
.theme-yellow .fg-shade
{
	color: rgb(67,52,27) !important;
}

.theme-yellow.fg-outline,
.theme-yellow .fg-outline,
.theme-yellow .panel-title > li > button[class*="icon-"]::before
{
	color: rgb(255,75,11) !important;
}

.theme-yellow.ol-color,
.theme-yellow .ol-color
{
	outline-color: rgb(255,75,11) !important;
}

.theme-yellow.ol-active,
.theme-yellow .ol-active
{
	outline-color: rgb(255,101,49) !important;
}

.theme-yellow.ol-darker,
.theme-yellow .ol-darker
{
	outline-color: rgb(238,60,0) !important;
}

.theme-yellow.ol-shade,
.theme-yellow .ol-shade
{
	outline-color: rgb(166,41,0) !important;
}

.theme-yellow.bd-outline,
.theme-yellow .bd-outline,
.theme-yellow .bd-outline-before::before,
.theme-yellow .bd-outline-before::after
{
	border-color: rgb(255,75,11) !important;
}

.theme-yellow.bd-color,
.theme-yellow .bd-color
{
	border-color: rgb(251,196,0) !important;
}

.theme-yellow.bd-active,
.theme-yellow .bd-active
{
	border-color: rgb(255,203,21) !important;
}

.theme-yellow.bd-darker,
.theme-yellow .bd-darker,
.theme-yellow.bd-header,
.theme-yellow .bd-header,
.theme-yellow .bd-header-before::before,
.theme-yellow .bd-header-before::after
{
	border-color: rgb(238,185,0) !important;
}

.theme-yellow.bd-shade,
.theme-yellow .bd-shade
{
	border-color: rgb(67,52,27) !important;
}

.theme-yellow.bg-outline,
.theme-yellow .bg-outline
{
	background-color: rgb(255,75,11) !important;
}

.theme-yellow.bg-color,
.theme-yellow .bg-color,
.theme-yellow li.side-menu:active::before,
.theme-yellow li.side-menu.active::before,
.theme-yellow ul.side-menusub > li.side-menu:active,
.theme-yellow ul.side-menusub > li.side-menu.active
{
	background-color: rgb(251,196,0) !important;
}

.theme-yellow.bg-active,
.theme-yellow .bg-active
{
	background-color: rgb(255,203,21) !important;
}

.theme-yellow.adminview table.grid tbody > tr[data-guid]:hover
{
	background-color: rgba(255,203,21,0.2) !important;
}

.theme-yellow.adminview table.grid tbody > tr[data-guid]:focus,
.theme-yellow.adminview table.grid tbody > tr[data-guid]:active,
.theme-yellow.adminview table.grid tbody > tr[data-guid].active
{
	background-color: rgba(255,203,21,1) !important;
}

.theme-yellow.bg-darker,
.theme-yellow .bg-darker
{
	background-color: rgb(238,185,0) !important;
}

.theme-yellow.bg-head,
.theme-yellow .bg-head
{
	background-color: rgba(238,185,0,0.8) !important;
}

.theme-yellow.bg-shade,
.theme-yellow .bg-shade
{
	background-color: rgb(67,52,27) !important;
}

.theme-yellow .image-poster.bottom1:after,
.theme-yellow .shelf-tray.bottom1:after
{
	background-image: url(/images/backbox/bottom-orange.png) !important;
}

.theme-yellow .image-poster.bottom2:after,
.theme-yellow .shelf-tray.bottom2:after
{
	background-image: url(/images/backbox/bottoms-orange.png) !important;
}

.theme-yellow .shelf-poster > .title-image
{
	background-image: url(/images/backbox/bottom-oranget.png) !important;
}

.theme-yellow .title-text:after
{
	background-image: url(/images/backbox/bottoms-black.png) !important;
}

.theme-yellow .shelf-poster > .image-poster:before
{
	background-image: url(/images/backbox/top-orange.png) !important;
}

.theme-yellow.bg-mask,
.theme-yellow .bg-mask
{
	background-color: rgba(251,196,0,0.8) !important;
}

.theme-yellow.bg-masker,
.theme-yellow .bg-masker
{
	background-color: rgba(251,196,0,0.9) !important;
}

.theme-yellow li.link > span:hover,
.theme-yellow li.link > span:active,
.theme-yellow li.link > span.active
{
	color: rgb(255,75,11) !important;
}

.theme-yellow.service-box > [class*="service-"]:hover,
.theme-yellow.service-box > [class*="service-"]:active,
.theme-yellow.service-box > [class*="service-"].active
{
	background-color: rgb(255,75,11) !important;
	color: #FFF !important;
}

.theme-yellow .navbar > li + li:before,
.theme-yellow li.menubar-tool + li.menubar-tool:before 

{
	background-color: #111 !important;
}

.theme-yellow .navbar > li.menu:hover:after,
.theme-yellow .navbar > li.menu:active:after,
.theme-yellow .navbar > li.menu.active:after,
.theme-yellow .navbar > li.dropdown:hover:after,
.theme-yellow .navbar > li.dropdown:active:after,
.theme-yellow .navbar > li.dropdown.active:after
{
	background: rgba(0,0,0,0.2) !important;
}

.theme-yellow .navbar > li.menu:active:after,
.theme-yellow .navbar > li.menu.active:after,
.theme-yellow .navbar > li.dropdown:active:after,
.theme-yellow .navbar > li.dropdown.active:after
{
	background: rgba(0,0,0,0.3) !important;	
}

.theme-yellow .dropdown > .menubar
{
	background-color: rgba(43,43,43,0.95) !important;
}

.theme-yellow .dropdown > .menubar > li.menu:hover,
.theme-yellow .dropdown > .menubar > li.menu:active,
.theme-yellow .dropdown > .menubar > li.menu.active
{
	background-color: rgb(255,75,11) !important;
}

.theme-yellow .menubar-search ul.search
{
	border: 1px solid rgba(0,0,0,0.3);
}

.theme-yellow .menubar-search ul.search:hover
{
	border: 1px solid rgba(0,0,0,0.5);
}

.theme-yellow li.mark
{
	background-color: rgba(0, 0, 0, 0.1) !important;
}

.theme-yellow li.mark:hover
{
	background-color: rgba(0, 0, 0, 0.2) !important;
}

.theme-yellow li.mark:active,
.theme-yellow li.mark.active
{
	background-color: rgb(255,75,11) !important;
	color: #fff !important;
}

.theme-yellow .button.btn-submit
{
	background-color: rgb(251,196,0);
	cursor: pointer !important;
}

.theme-yellow .button.btn-submit:hover,
.theme-yellow .button.btn-submit:active,
.theme-yellow .button.btn-submit.active
{
	background-color: rgb(255,203,21) !important;
}

.theme-yellow .button.btn-focus
{
	color: #FFF !important;
	background-color: rgb(255,75,11) !important;
}

.theme-yellow .button.btn-focus:hover,
.theme-yellow .button.btn-focus:active,
.theme-yellow .button.btn-focus.active
{
	background-color: rgb(255,101,49) !important;
}

.theme-yellow .button.btn-holo
{
	background-color: transparent !important;
	border-color: rgb(255,75,11) !important;
	color: rgb(255,75,11) !important;
}

.theme-yellow .button.btn-holo:hover,
.theme-yellow .button.btn-holo:active,
.theme-yellow .button.btn-holo.active
{
	background-color: rgb(255,101,49) !important;
	border-color: transparent !important;
	color: #FFF !important;
}

.theme-yellow .toolbar > li > button,
.theme-yellow .pagebar > li:hover,
.theme-yellow .pagebar > li:active,
.theme-yellow .pagebar > li.active
{
	background-color: rgb(255,203,21) !important;
	border-color: rgb(255,203,21) !important;
}

.theme-yellow .table-title::before
{
	border-color: rgb(251,196,0) !important;
	color: inherit !important;
}

.theme-yellow .table-title::after
{
	color: inherit !important;
	background-color: rgb(251,196,0) !important;
}

.theme-yellow main::before
{
	background-color: rgba(251,196,0,1.0);
}

.theme-yellow.slideview .board-head.bd-header-before
{
	border-top-color: rgba(251,196,0,1.0);
}

.theme-yellow .board-menu + .board-menu::after
{
	border-left: 1px solid rgba(0,0,0,0.2);
}

.theme-green
{
	color: #fff !important;
}

.theme-green.fg-color,
.theme-green .fg-color
{
	color: rgb(0,143,89) !important;
}

.theme-green.fg-active,
.theme-green .fg-active
{
	color: rgb(32,161,98) !important;
}

.theme-green.fg-darker,
.theme-green .fg-darker
{
	color: rgb(33,133,81) !important;
}

.theme-green.fg-shade,
.theme-green .fg-shade
{
	color: rgb(1,82,53) !important;
}

.theme-green.fg-outline,
.theme-green .fg-outline,
.theme-green .panel-title > li > button[class*="icon-"]::before
{
	color: rgb(234,106,14) !important;
}

.theme-green.ol-color,
.theme-green .ol-color
{
	outline-color: rgb(234,106,14) !important;
}

.theme-green.ol-active,
.theme-green .ol-active
{
	outline-color: rgb(239,122,42) !important;
}

.theme-green.ol-darker,
.theme-green .ol-darker
{
	outline-color: rgb(210,97,13) !important;
}

.theme-green.ol-shade,
.theme-green .ol-shade
{
	outline-color: rgb(154,71,10) !important;
}

.theme-green.bd-outline,
.theme-green .bd-outline,
.theme-green .bd-outline-before::before,
.theme-green .bd-outline-before::after
{
	border-color: rgb(234,106,14) !important;
}

.theme-green.bd-color,
.theme-green .bd-color
{
	border-color: rgb(0,143,89) !important;
}

.theme-green.bd-active,
.theme-green .bd-active
{
	border-color: rgb(32,161,98) !important;
}

.theme-green.bd-darker,
.theme-green .bd-darker,
.theme-green.bd-header,
.theme-green .bd-header,
.theme-green .bd-header-before::before,
.theme-green .bd-header-before::after
{
	border-color: rgb(33,133,81) !important;
}

.theme-green.bd-shade,
.theme-green .bd-shade
{
	border-color: rgb(1,82,53) !important;
}

.theme-green.bg-outline,
.theme-green .bg-outline
{
	background-color: rgb(234,106,14) !important;
}

.theme-green.bg-color,
.theme-green .bg-color,
.theme-green li.side-menu:active::before,
.theme-green li.side-menu.active::before,
.theme-green ul.side-menusub > li.side-menu:active,
.theme-green ul.side-menusub > li.side-menu.active
{
	background-color: rgb(0,143,89) !important;
}

.theme-green.bg-active,
.theme-green .bg-active
{
	background-color: rgb(32,161,98) !important;
}

.theme-green.adminview table.grid tbody > tr[data-guid]:hover
{
	background-color: rgba(32,161,98,0.2) !important;
}

.theme-green.adminview table.grid tbody > tr[data-guid]:focus,
.theme-green.adminview table.grid tbody > tr[data-guid]:active,
.theme-green.adminview table.grid tbody > tr[data-guid].active
{
	background-color: rgba(32,161,98,1) !important;
}

.theme-green.bg-darker,
.theme-green .bg-darker
{
	background-color: rgb(33,133,81) !important;
}

.theme-green.bg-head,
.theme-green .bg-head
{
	background-color: rgba(33,133,81,0.8) !important;
}

.theme-green.bg-shade,
.theme-green .bg-shade
{
	background-color: rgb(1,82,53) !important;
}

.theme-green .image-poster.bottom1:after,
.theme-green .shelf-tray.bottom1:after
{
	background-image: url(/images/backbox/bottom-green.png) !important;
}

.theme-green .image-poster.bottom2:after,
.theme-green .shelf-tray.bottom2:after
{
	background-image: url(/images/backbox/bottoms-green.png) !important;
}

.theme-green .shelf-poster > .title-image
{
	background-image: url(/images/backbox/bottom-greent.png) !important;
}

.theme-green .shelf-poster > .image-poster:before
{
	background-image: url(/images/backbox/top-green.png) !important;
}

.theme-green.bg-mask,
.theme-green .bg-mask
{
	background-color: rgba(0,143,89,0.8) !important;
}

.theme-green.bg-masker,
.theme-green .bg-masker
{
	background-color: rgba(0,143,89,0.9) !important;
}

.theme-green li.link > span:hover,
.theme-green li.link > span:active,
.theme-green li.link > span.active
{
	color: rgb(234,106,14) !important;
}

.theme-green.service-box > [class*="service-"]:hover,
.theme-green.service-box > [class*="service-"]:active,
.theme-green.service-box > [class*="service-"].active
{
	background-color: rgb(234,106,14) !important;
	color: #FFF !important;
}

.theme-green .dropdown > .menubar
{
	background-color: rgba(38,47,54,0.95) !important;
}

.theme-green .dropdown > .menubar > li.menu:hover,
.theme-green .dropdown > .menubar > li.menu:active,
.theme-green .dropdown > .menubar > li.menu.active
{
	background-color: rgb(234,106,14) !important;
}

.theme-green li.mark:hover
{
	background-color: rgba(255, 255, 255, 0.6) !important;
}

.theme-green li.mark:active,
.theme-green li.mark.active
{
	background-color: rgb(234,106,14) !important;
	color: #fff !important;
}

.theme-green .button.btn-submit
{
	background-color: rgb(0,143,89) !important;
	cursor: pointer !important;
}

.theme-green .button.btn-submit:hover,
.theme-green .button.btn-submit:active,
.theme-green .button.btn-submit.active
{
	background-color: rgb(32,161,98) !important;
}

.theme-green .button.btn-focus
{
	background-color: rgb(234,106,14) !important;
}

.theme-green .button.btn-focus:hover,
.theme-green .button.btn-focus:active,
.theme-green .button.btn-focus.active
{
	background-color: rgb(239,122,42) !important;
}

.theme-green .button.btn-holo
{
	background-color: transparent !important;
	border-color: rgb(234,106,14) !important;
	color: rgb(234,106,14) !important;
}

.theme-green .button.btn-holo:hover,
.theme-green .button.btn-holo:active,
.theme-green .button.btn-holo.active
{
	background-color: rgb(239,122,42) !important;
	border-color: transparent !important;
	color: #FFF !important;
}

.theme-green .toolbar > li > button,
.theme-green .pagebar > li:hover,
.theme-green .pagebar > li:active,
.theme-green .pagebar > li.active
{
	background-color: rgb(32,161,98) !important;
	border-color: rgb(32,161,98) !important;
}

.theme-green .table-title::before
{
	border-color: rgb(0,143,89) !important;
	color: rgb(0,143,89) !important;
}

.theme-green .table-title::after
{
	background-color: rgb(0,143,89) !important;
}

.theme-green main::before
{
	background-color: rgba(0,143,89,1.0);
}

.theme-green.slideview .board-head.bd-header-before
{
	border-top-color: rgba(0,143,89,1.0);
}

.theme-olive
{
	color: #fff !important;
}

.theme-olive.fg-color,
.theme-olive .fg-color
{
	color: rgb(108,124,88) !important;
}

.theme-olive.fg-active,
.theme-olive .fg-active
{
	color: rgb(123,137,105) !important;
}

.theme-olive.fg-darker,
.theme-olive .fg-darker
{
	color: rgb(96,110,78) !important;
}

.theme-olive.fg-shade,
.theme-olive .fg-shade
{
	color: rgb(70,81,57) !important;
}

.theme-olive.fg-outline,
.theme-olive .fg-outline,
.theme-olive .panel-title > li > button[class*="icon-"]::before
{
	color: rgb(234,106,14) !important;
}

.theme-olive.ol-color,
.theme-olive .ol-color
{
	outline-color: rgb(234,106,14) !important;
}

.theme-olive.ol-active,
.theme-olive .ol-active
{
	outline-color: rgb(239,122,42) !important;
}

.theme-olive.ol-darker,
.theme-olive .ol-darker
{
	outline-color: rgb(210,97,13) !important;
}

.theme-olive.ol-shade,
.theme-olive .ol-shade
{
	outline-color: rgb(154,71,10) !important;
}

.theme-olive.bd-outline,
.theme-olive .bd-outline,
.theme-olive .bd-outline-before::before,
.theme-olive .bd-outline-before::after
{
	border-color: rgb(234,106,14) !important;
}

.theme-olive.bd-color,
.theme-olive .bd-color
{
	border-color: rgb(108,124,88) !important;
}

.theme-olive.bd-active,
.theme-olive .bd-active
{
	border-color: rgb(123,137,105) !important;
}

.theme-olive.bd-darker,
.theme-olive .bd-darker,
.theme-olive.bd-header,
.theme-olive .bd-header,
.theme-olive .bd-header-before::before,
.theme-olive .bd-header-before::after
{
	border-color: rgb(96,110,78) !important;
}

.theme-olive.bd-shade,
.theme-olive .bd-shade
{
	border-color: rgb(70,81,57) !important;
}

.theme-olive.bg-outline,
.theme-olive .bg-outline
{
	background-color: rgb(234,106,14) !important;
}

.theme-olive.bg-color,
.theme-olive .bg-color,
.theme-olive li.side-menu:active::before,
.theme-olive li.side-menu.active::before,
.theme-olive ul.side-menusub > li.side-menu:active,
.theme-olive ul.side-menusub > li.side-menu.active
{
	background-color: rgb(108,124,88) !important;
}

.theme-olive.bg-active,
.theme-olive .bg-active
{
	background-color: rgb(123,137,105) !important;
}

.theme-olive.adminview table.grid tbody > tr[data-guid]:hover
{
	background-color: rgba(123,137,105,0.2) !important;
}

.theme-olive.adminview table.grid tbody > tr[data-guid]:focus,
.theme-olive.adminview table.grid tbody > tr[data-guid]:active,
.theme-olive.adminview table.grid tbody > tr[data-guid].active
{
	background-color: rgba(123,137,105,1) !important;
}

.theme-olive.bg-darker,
.theme-olive .bg-darker
{
	background-color: rgb(96,110,78) !important;
}

.theme-olive.bg-head,
.theme-olive .bg-head
{
	background-color: rgb(103,119,84) !important;
}

.theme-olive.bg-shade,
.theme-olive .bg-shade
{
	background-color: rgb(70,81,57) !important;
}

.theme-olive .image-poster.bottom1:after,
.theme-olive .shelf-tray.bottom1:after
{
	background-image: url(/images/backbox/bottom-green.png) !important;
}

.theme-olive .image-poster.bottom2:after,
.theme-olive .shelf-tray.bottom2:after
{
	background-image: url(/images/backbox/bottoms-green.png) !important;
}

.theme-olive .shelf-poster > .title-image
{
	background-image: url(/images/backbox/bottom-greent.png) !important;
}

.theme-olive .shelf-poster > .image-poster:before
{
	background-image: url(/images/backbox/top-green.png) !important;
}

.theme-olive.bg-mask,
.theme-olive .bg-mask
{
	background-color: rgba(108,124,88,0.8) !important;
}

.theme-olive.bg-masker,
.theme-olive .bg-masker
{
	background-color: rgba(108,124,88,0.9) !important;
}

.theme-olive li.link > span:hover,
.theme-olive li.link > span:active,
.theme-olive li.link > span.active
{
	color: rgb(234,106,14) !important;
}

.theme-olive.service-box > [class*="service-"]:hover,
.theme-olive.service-box > [class*="service-"]:active,
.theme-olive.service-box > [class*="service-"].active
{
	background-color: rgb(234,106,14) !important;
	color: #FFF !important;
}

.theme-olive .dropdown > .menubar
{
	background-color: rgba(38,47,54,0.95) !important;
}

.theme-olive .dropdown > .menubar > li.menu:hover,
.theme-olive .dropdown > .menubar > li.menu:active,
.theme-olive .dropdown > .menubar > li.menu.active
{
	background-color: rgb(234,106,14) !important;
}

.theme-olive li.mark:hover
{
	background-color: rgba(255, 255, 255, 0.6) !important;
}

.theme-olive li.mark:active,
.theme-olive li.mark.active
{
	background-color: rgb(234,106,14) !important;
	color: #fff !important;
}

.theme-olive .button.btn-submit
{
	background-color: rgb(108,124,88) !important;
	cursor: pointer !important;
}

.theme-olive .button.btn-submit:hover,
.theme-olive .button.btn-submit:active,
.theme-olive .button.btn-submit.active
{
	background-color: rgb(123,137,105) !important;
}

.theme-olive .button.btn-focus
{
	background-color: rgb(234,106,14) !important;
}

.theme-olive .button.btn-focus:hover,
.theme-olive .button.btn-focus:active,
.theme-olive .button.btn-focus.active
{
	background-color: rgb(239,122,42) !important;
}

.theme-olive .button.btn-holo
{
	background-color: transparent !important;
	border-color: rgb(234,106,14) !important;
	color: rgb(234,106,14) !important;
}

.theme-olive .button.btn-holo:hover,
.theme-olive .button.btn-holo:active,
.theme-olive .button.btn-holo.active
{
	background-color: rgb(239,122,42) !important;
	border-color: transparent !important;
	color: #FFF !important;
}

.theme-olive .toolbar > li > button,
.theme-olive .pagebar > li:hover,
.theme-olive .pagebar > li:active,
.theme-olive .pagebar > li.active
{
	background-color: rgb(123,137,105) !important;
	border-color: rgb(123,137,105) !important;
}

.theme-olive .table-title::before
{
	border-color: rgb(108,124,88) !important;
	color: rgb(108,124,88) !important;
}

.theme-olive .table-title::after
{
	background-color: rgb(108,124,88) !important;
}

.theme-olive main::before
{
	background-color: rgba(108,124,88,1.0);
}

.theme-olive.slideview .board-head.bd-header-before
{
	border-top-color: rgba(108,124,88,1.0);
}

.theme-blue
{
	color: #fff !important;
}

.theme-blue.fg-color,
.theme-blue .fg-color
{
	color: rgb(0,82,149) !important;
}

.theme-blue.fg-active,
.theme-blue .fg-active
{
	color: rgb(0,105,191) !important;
}

.theme-blue.fg-darker,
.theme-blue .fg-darker
{
	color: rgb(0,70,128) !important;
}

.theme-blue.fg-shade,
.theme-blue .fg-shade
{
	color: rgb(0,54,98) !important;
}

.theme-blue.fg-outline,
.theme-blue .fg-outline,
.theme-blue .panel-title > li > button[class*="icon-"]::before
{
	color: rgb(238,10,59) !important;
}

.theme-blue.ol-color,
.theme-blue .ol-color
{
	outline-color: rgb(238,10,59) !important;
}

.theme-blue.ol-active,
.theme-blue .ol-active
{
	outline-color: rgb(245,27,75) !important;
}

.theme-blue.ol-darker,
.theme-blue .ol-darker
{
	outline-color: rgb(213,9,65) !important;
}

.theme-blue.ol-shade,
.theme-blue .ol-shade
{
	outline-color: rgb(147,6,45) !important;
}

.theme-blue.bd-outline,
.theme-blue .bd-outline,
.theme-blue .bd-outline-before::before,
.theme-blue .bd-outline-before::after
{
	border-color: rgb(238,10,59) !important;
}

.theme-blue.bd-color,
.theme-blue .bd-color
{
	border-color: rgb(0,82,149) !important;
}

.theme-blue.bd-active,
.theme-blue .bd-active
{
	border-color: rgb(0,105,191) !important;
}

.theme-blue.bd-darker,
.theme-blue .bd-darker,
.theme-blue.bd-header,
.theme-blue .bd-header,
.theme-blue .bd-header-before::before,
.theme-blue .bd-header-before::after
{
	border-color: rgb(0,70,128) !important;
}

.theme-blue.bd-shade,
.theme-blue .bd-shade
{
	border-color: rgb(0,54,98) !important;
}

.theme-blue.bg-outline,
.theme-blue .bg-outline
{
	background-color: rgb(238,10,59) !important;
}

.theme-blue.bg-color,
.theme-blue .bg-color,
.theme-blue li.side-menu:active::before,
.theme-blue li.side-menu.active::before,
.theme-blue ul.side-menusub > li.side-menu:active,
.theme-blue ul.side-menusub > li.side-menu.active
{
	background-color: rgb(0,82,149) !important;
}

.theme-blue.bg-active,
.theme-blue .bg-active
{
	background-color: rgb(0,105,191) !important;
}

.theme-blue.adminview table.grid tbody > tr[data-guid]:hover
{
	background-color: rgba(0,105,191,0.2) !important;
}

.theme-blue.adminview table.grid tbody > tr[data-guid]:focus,
.theme-blue.adminview table.grid tbody > tr[data-guid]:active,
.theme-blue.adminview table.grid tbody > tr[data-guid].active
{
	background-color: rgba(0,105,191,1) !important;
}

.theme-blue.bg-darker,
.theme-blue .bg-darker
{
	background-color: rgb(0,70,128) !important;
}

.theme-blue.bg-head,
.theme-blue .bg-head
{
	background-color: rgba(0,70,128,0.8) !important;
}

.theme-blue.bg-shade,
.theme-blue .bg-shade
{
	background-color: rgb(0,54,98) !important;
}

.theme-blue .image-poster.bottom1:after,
.theme-blue .shelf-tray.bottom1:after
{
	background-image: url(/images/backbox/bottom-blue.png) !important;
}

.theme-blue .image-poster.bottom2:after,
.theme-blue .shelf-tray.bottom2:after
{
	background-image: url(/images/backbox/bottoms-blue.png) !important;
}

.theme-blue .shelf-poster > .title-image
{
	background-image: url(/images/backbox/bottom-bluet.png) !important;
}

.theme-blue .shelf-poster > .image-poster:before
{
	background-image: url(/images/backbox/top-blue.png) !important;
}

.theme-blue.bg-mask,
.theme-blue .bg-mask
{
	background-color: rgba(0,82,149,0.8) !important;
}

.theme-blue.bg-masker,
.theme-blue .bg-masker
{
	background-color: rgba(0,82,149,0.9) !important;
}

.theme-blue li.link > span:hover,
.theme-blue li.link > span:active,
.theme-blue li.link > span.active
{
	color: rgb(238,10,59) !important;
}

.theme-blue.service-box > [class*="service-"]:hover,
.theme-blue.service-box > [class*="service-"]:active,
.theme-blue.service-box > [class*="service-"].active
{
	background-color: rgb(238,10,59) !important;
	color: #FFF !important;
}

.theme-blue .dropdown > .menubar
{
	background-color: rgba(13,17,42,0.95) !important;
}

.theme-blue .dropdown > .menubar > li.menu:hover,
.theme-blue .dropdown > .menubar > li.menu:active,
.theme-blue .dropdown > .menubar > li.menu.active
{
	background-color: rgb(238,10,59) !important;
}

.theme-blue li.mark:hover
{
	background-color: rgba(255, 255, 255, 0.6) !important;
}

.theme-blue li.mark:active,
.theme-blue li.mark.active
{
	background-color: rgb(238,10,59) !important;
	color: #fff !important;
}

.theme-blue .button.btn-submit
{
	background-color: rgb(0,82,149) !important;
	cursor: pointer !important;
}

.theme-blue .button.btn-submit:hover,
.theme-blue .button.btn-submit:active,
.theme-blue .button.btn-submit.active
{
	background-color: rgb(0,105,191) !important;
}

.theme-blue .button.btn-focus
{
	background-color: rgb(238,10,59) !important;
}

.theme-blue .button.btn-focus:hover,
.theme-blue .button.btn-focus:active,
.theme-blue .button.btn-focus.active
{
	background-color: rgb(245,27,75) !important;
}

.theme-blue .button.btn-holo
{
	background-color: transparent !important;
	border-color: rgb(238,10,59) !important;
	color: rgb(238,10,59) !important;
}

.theme-blue .button.btn-holo:hover,
.theme-blue .button.btn-holo:active,
.theme-blue .button.btn-holo.active
{
	background-color: rgb(245,27,75) !important;
	border-color: transparent !important;
	color: #FFF !important;
}

.theme-blue .toolbar > li > button,
.theme-blue .pagebar > li:hover,
.theme-blue .pagebar > li:active,
.theme-blue .pagebar > li.active
{
	background-color: rgb(0,105,191) !important;
	border-color: rgb(0,105,191) !important;
}

.theme-blue .table-title::before
{
	border-color: rgb(0,82,149) !important;
	color: rgb(0,82,149) !important;
}

.theme-blue .table-title::after
{
	background-color: rgb(0,82,149) !important;
}

.theme-blue main::before
{
	background-color: rgba(0,82,149,1.0);
}

.theme-blue.slideview .board-head.bd-header-before
{
	border-top-color: rgba(0,82,149,1.0);
}

.theme-purple,
.theme-note
{
	color: #fff !important;
}

.theme-purple.fg-color,
.theme-purple .fg-color,
.theme-note.fg-color,
.theme-note .fg-color
{
	color: rgb(99,34,115) !important;
}

.theme-purple.fg-active,
.theme-purple .fg-active,
.theme-note.fg-active,
.theme-note .fg-active
{
	color: rgb(125,44,146) !important;
}

.theme-purple.fg-darker,
.theme-purple .fg-darker,
.theme-note.fg-darker,
.theme-note .fg-darker
{
	color: rgb(74,26,86) !important;
}

.theme-purple.fg-shade,
.theme-purple .fg-shade,
.theme-note.fg-shade,
.theme-note .fg-shade
{
	color: rgb(63,22,73) !important;
}

.theme-purple.fg-outline,
.theme-purple .fg-outline,
.theme-purple .panel-title > li > button[class*="icon-"]::before,
.theme-note.fg-outline,
.theme-note .fg-outline,
.theme-note .panel-title > li > button[class*="icon-"]::before
{
	color: rgb(5,163,113) !important;
}

.theme-purple.ol-color,
.theme-purple .ol-color
{
	outline-color: rgb(5,163,113) !important;
}

.theme-note.ol-color,
.theme-note .ol-color
{
	outline-color: rgb(243,140,16) !important;
}

.theme-purple.ol-active,
.theme-purple .ol-active
{
	outline-color: rgb(5,194,133) !important;
}

.theme-note.ol-active,
.theme-note .ol-active
{
	outline-color: rgb(244,156,49) !important;
}

.theme-purple.ol-darker,
.theme-purple .ol-darker
{
	outline-color: rgb(4,142,98) !important;
}

.theme-note.ol-darker,
.theme-note .ol-darker
{
	outline-color: rgb(222,128,12) !important;
}

.theme-purple.ol-shade,
.theme-purple .ol-shade
{
	outline-color: rgb(2,83,56) !important;
}

.theme-note.ol-shade,
.theme-note .ol-shade
{
	outline-color: rgb(143,82,7) !important;
}

.theme-purple.bd-outline,
.theme-purple .bd-outline,
.theme-purple .bd-outline-before::before,
.theme-purple .bd-outline-before::after
{
	border-color: rgb(5,163,113) !important;
}

.theme-note.bd-outline,
.theme-note .bd-outline,
.theme-note .bd-outline-before::before,
.theme-note .bd-outline-before::after
{
	border-color: rgb(243,140,16) !important;
}

.theme-purple.bd-color,
.theme-purple .bd-color,
.theme-note.bd-color,
.theme-note .bd-color
{
	border-color: rgb(99,34,115) !important;
}

.theme-purple.bd-active,
.theme-purple .bd-active,
.theme-note.bd-active,
.theme-note .bd-active
{
	border-color: rgb(125,44,146) !important;
}

.theme-purple.bd-darker,
.theme-purple .bd-darker,
.theme-note.bd-darker,
.theme-note .bd-darker,
.theme-purple.bd-header,
.theme-purple .bd-header,
.theme-note.bd-header,
.theme-note .bd-header,
.theme-purple .bd-header-before::before,
.theme-purple .bd-header-before::after,
.theme-note .bd-header-before::before,
.theme-note .bd-header-before::after
{
	border-color: rgb(74,26,86) !important;
}

.theme-purple.bd-shade,
.theme-purple .bd-shade,
.theme-note.bd-shade,
.theme-note .bd-shade
{
	border-color: rgb(63,22,73) !important;
}

.theme-purple.bg-outline,
.theme-purple .bg-outline
{
	background-color: rgb(5,163,113) !important;
}

.theme-note.bg-outline,
.theme-note .bg-outline
{
	background-color: rgb(243,140,16) !important;
}

.theme-purple.bg-color,
.theme-purple .bg-color,
.theme-purple li.side-menu:active::before,
.theme-purple li.side-menu.active::before,
.theme-purple ul.side-menusub > li.side-menu:active,
.theme-purple ul.side-menusub > li.side-menu.active,
.theme-note.bg-color,
.theme-note .bg-color,
.theme-note li.side-menu:active::before,
.theme-note li.side-menu.active::before,
.theme-note ul.side-menusub > li.side-menu:active,
.theme-note ul.side-menusub > li.side-menu.active
{
	background-color: rgb(99,34,115) !important;
}

.theme-purple.bg-active,
.theme-purple .bg-active,
.theme-note.bg-active,
.theme-note .bg-active
{
	background-color: rgb(125,44,146) !important;
}

.theme-purple.adminview table.grid tbody > tr[data-guid]:hover
{
	background-color: rgba(125,44,146,0.2) !important;
}

.theme-purple.adminview table.grid tbody > tr[data-guid]:focus,
.theme-purple.adminview table.grid tbody > tr[data-guid]:active,
.theme-purple.adminview table.grid tbody > tr[data-guid].active
{
	background-color: rgba(125,44,146,1) !important;
}

.theme-purple.bg-darker,
.theme-purple .bg-darker,
.theme-note.bg-darker,
.theme-note .bg-darker
{
	background-color: rgb(74,26,86) !important;
}

.theme-purple.bg-head,
.theme-purple .bg-head,
.theme-note.bg-head,
.theme-note .bg-head
{
	background-color: rgb(74,26,86,0.8) !important;
}

.theme-purple.bg-shade,
.theme-purple .bg-shade,
.theme-note.bg-shade,
.theme-note .bg-shade
{
	background-color: rgb(63,22,73) !important;
}

.theme-note .image-poster.bottom1:after,
.theme-note .shelf-tray.bottom1:after,
.theme-purple .image-poster.bottom1:after,
.theme-purple .shelf-tray.bottom1:after
{
	background-image: url(/images/backbox/bottom-purple.png) !important;
}

.theme-note .image-poster.bottom2:after,
.theme-note .shelf-tray.bottom2:after,
.theme-purple .image-poster.bottom2:after,
.theme-purple .shelf-tray.bottom2:after
{
	background-image: url(/images/backbox/bottoms-purple.png) !important;
}

.theme-note .shelf-poster > .title-image,
.theme-purple .shelf-poster > .title-image
{
	background-image: url(/images/backbox/bottom-purplet.png) !important;
}

.theme-note .shelf-poster > .image-poster:before,
.theme-purple .shelf-poster > .image-poster:before
{
	background-image: url(/images/backbox/top-purple.png) !important;
}

.theme-purple.bg-mask,
.theme-purple .bg-mask,
.theme-note.bg-mask,
.theme-note .bg-mask
{
	background-color: rgba(99,34,115,0.8) !important;
}

.theme-purple.bg-masker,
.theme-purple .bg-masker,
.theme-note.bg-masker,
.theme-note .bg-masker
{
	background-color: rgba(99,34,115,0.9) !important;
}

.theme-purple li.link > span:hover,
.theme-purple li.link > span:active,
.theme-purple li.link > span.active
{
	color: rgb(5,163,113) !important;
}

.theme-note li.link > span:hover,
.theme-note li.link > span:active,
.theme-note li.link > span.active
{
	color: rgb(243,140,16) !important;
}

.theme-purple.service-box > [class*="service-"]:hover,
.theme-purple.service-box > [class*="service-"]:active,
.theme-purple.service-box > [class*="service-"].active
{
	background-color: rgb(5,163,113) !important;
	color: #FFF !important;
}

.theme-note.service-box > [class*="service-"]:hover,
.theme-note.service-box > [class*="service-"]:active,
.theme-note.service-box > [class*="service-"].active
{
	background-color: rgb(243,140,16) !important;
	color: #FFF !important;
}

.theme-purple .dropdown > .menubar,
.theme-note .dropdown > .menubar
{
	background-color: rgba(36,39,61,0.95) !important;
}

.theme-purple .dropdown > .menubar > li.menu:hover,
.theme-purple .dropdown > .menubar > li.menu:active,
.theme-purple .dropdown > .menubar > li.menu.active
{
	background-color: rgb(5,163,113) !important;
}

.theme-note .dropdown > .menubar > li.menu:hover,
.theme-note .dropdown > .menubar > li.menu:active,
.theme-note .dropdown > .menubar > li.menu.active
{
	background-color: rgb(243,140,16) !important;
}

.theme-purple li.mark:hover,
.theme-note li.mark:hover
{
	background-color: rgba(255, 255, 255, 0.6) !important;
}

.theme-purple li.mark:active,
.theme-purple li.mark.active
{
	background-color: rgb(5,163,113) !important;
	color: #fff !important;
}

.theme-note li.mark:active,
.theme-note li.mark.active
{
	background-color: rgb(243,140,16) !important;
	color: #fff !important;
}

.theme-purple .button.btn-submit,
.theme-note .button.btn-submit
{
	background-color: rgb(99,34,115) !important;
	cursor: pointer !important;
}

.theme-purple .button.btn-submit:hover,
.theme-purple .button.btn-submit:active,
.theme-purple .button.btn-submit.active,
.theme-note .button.btn-submit:hover,
.theme-note .button.btn-submit:active,
.theme-note .button.btn-submit.active
{
	background-color: rgb(125,44,146) !important;
}

.theme-purple .button.btn-focus
{
	background-color: rgb(5,163,113) !important;
}

.theme-note .button.btn-focus
{
	background-color: rgb(243,140,16) !important;
}

.theme-purple .button.btn-focus:hover,
.theme-purple .button.btn-focus:active,
.theme-purple .button.btn-focus.active
{
	background-color: rgb(5,194,133) !important;
}

.theme-note .button.btn-focus:hover,
.theme-note .button.btn-focus:active,
.theme-note .button.btn-focus.active
{
	background-color: rgb(244,156,49) !important;
}

.theme-purple .button.btn-holo
{
	background-color: transparent !important;
	border-color: rgb(5,163,113) !important;
	color: rgb(5,163,113) !important;
}

.theme-note .button.btn-holo
{
	background-color: transparent !important;
	border-color: rgb(243,140,16) !important;
	color: rgb(243,140,16) !important;
}

.theme-purple .button.btn-holo:hover,
.theme-purple .button.btn-holo:active,
.theme-purple .button.btn-holo.active
{
	background-color: rgb(5,194,133) !important;
	border-color: transparent !important;
	color: #FFF !important;
}

.theme-purple .toolbar > li > button,
.theme-purple .pagebar > li:hover,
.theme-purple .pagebar > li:active,
.theme-purple .pagebar > li.active
{
	background-color: rgb(125,44,146) !important;
	border-color: rgb(125,44,146) !important;
}

.theme-note .button.btn-holo:hover,
.theme-note .button.btn-holo:active,
.theme-note .button.btn-holo.active
{
	background-color: rgb(244,156,49) !important;
	border-color: transparent !important;
	color: #FFF !important;
}

.theme-note .toolbar > li > button,
.theme-note .pagebar > li:hover,
.theme-note .pagebar > li:active,
.theme-note .pagebar > li.active
{
	background-color: rgb(125,44,146) !important;
	border-color: rgb(125,44,146) !important;
}

.theme-purple .table-title::before,
.theme-note .table-title::before
{
	border-color: rgb(99,34,115) !important;
	color: rgb(99,34,115) !important;
}

.theme-purple .table-title::after,
.theme-note .table-title::after
{
	background-color: rgb(99,34,115) !important;
}

.theme-purple main::before,
.theme-note main::before
{
	background-color: rgba(99,34,115,1.0);
}

.theme-purple.slideview .board-head.bd-header-before,
.theme-note.slideview .board-head.bd-header-before
{
	border-top-color: rgba(99,34,115,1.0);
}

.theme-teal
{
	color: #fff !important;
}

.theme-teal.fg-color,
.theme-teal .fg-color
{
	color: rgb(11,145,173) !important;
}

.theme-teal.fg-active,
.theme-teal .fg-active
{
	color: rgb(13,171,204) !important;
}

.theme-teal.fg-darker,
.theme-teal .fg-darker
{
	color: rgb(10,129,154) !important;
}

.theme-teal.fg-shade,
.theme-teal .fg-shade
{
	color: rgb(4,64,77) !important;
}

.theme-teal.fg-outline,
.theme-teal .fg-outline,
.theme-teal .panel-title > li > button[class*="icon-"]::before
{
	color: rgb(226,64,39) !important;
}

.theme-teal.ol-color,
.theme-teal .ol-color
{
	outline-color: rgb(226,64,39) !important;
}

.theme-teal.ol-active,
.theme-teal .ol-active
{
	outline-color: rgb(230,85,64) !important;
}

.theme-teal.ol-darker,
.theme-teal .ol-darker
{
	outline-color: rgb(194,48,27) !important;
}

.theme-teal.ol-shade,
.theme-teal .ol-shade
{
	outline-color: rgb(135,33,18) !important;
}

.theme-teal.bd-outline,
.theme-teal .bd-outline,
.theme-teal .bd-outline-before::before,
.theme-teal .bd-outline-before::after
{
	border-color: rgb(226,64,39) !important;
}

.theme-teal.bd-color,
.theme-teal .bd-color
{
	border-color: rgb(11,145,173) !important;
}

.theme-teal.bd-active,
.theme-teal .bd-active
{
	border-color: rgb(13,171,204) !important;
}

.theme-teal.bd-darker,
.theme-teal .bd-darker,
.theme-teal.bd-header,
.theme-teal .bd-header,
.theme-teal .bd-header-before::before,
.theme-teal .bd-header-before::after
{
	border-color: rgb(10,129,154) !important;
}

.theme-teal.bd-shade,
.theme-teal .bd-shade
{
	border-color: rgb(4,64,77) !important;
}

.theme-teal.bg-outline,
.theme-teal .bg-outline
{
	background-color: rgb(226,64,39) !important;
}

.theme-teal.bg-color,
.theme-teal .bg-color,
.theme-teal li.side-menu:active::before,
.theme-teal li.side-menu.active::before,
.theme-teal ul.side-menusub > li.side-menu:active,
.theme-teal ul.side-menusub > li.side-menu.active
{
	background-color: rgb(11,145,173) !important;
}

.theme-teal.bg-active,
.theme-teal .bg-active
{
	background-color: rgb(13,171,204) !important;
}

.theme-teal.adminview table.grid tbody > tr[data-guid]:hover
{
	background-color: rgba(13,171,204,0.2) !important;
}

.theme-teal.adminview table.grid tbody > tr[data-guid]:focus,
.theme-teal.adminview table.grid tbody > tr[data-guid]:active,
.theme-teal.adminview table.grid tbody > tr[data-guid].active
{
	background-color: rgba(13,171,204,1) !important;
}

.theme-teal.bg-darker,
.theme-teal .bg-darker
{
	background-color: rgb(10,129,154) !important;
}

.theme-teal.bg-head,
.theme-teal .bg-head
{
	background-color: rgb(10,129,154,0.8) !important;
}

.theme-teal.bg-shade,
.theme-teal .bg-shade
{
	background-color: rgb(4,64,77) !important;
}

.theme-teal .image-poster.bottom1:after,
.theme-teal .shelf-tray.bottom1:after
{
	background-image: url(/images/backbox/bottom-teal.png) !important;
}

.theme-teal .image-poster.bottom2:after,
.theme-teal .shelf-tray.bottom2:after
{
	background-image: url(/images/backbox/bottoms-teal.png) !important;
}

.theme-teal .shelf-poster > .title-image
{
	background-image: url(/images/backbox/bottom-tealt.png) !important;
}

.theme-teal .shelf-poster > .image-poster:before
{
	background-image: url(/images/backbox/top-teal.png) !important;
}

.theme-teal.bg-mask,
.theme-teal .bg-mask
{
	background-color: rgba(11,145,173,0.8) !important;
}

.theme-teal.bg-masker,
.theme-teal .bg-masker
{
	background-color: rgba(11,145,173,0.9) !important;
}

.theme-teal li.link > span:hover,
.theme-teal li.link > span:active,
.theme-teal li.link > span.active
{
	color: rgb(226,64,39) !important;
}

.theme-teal.service-box > [class*="service-"]:hover,
.theme-teal.service-box > [class*="service-"]:active,
.theme-teal.service-box > [class*="service-"].active
{
	background-color: rgb(226,64,39) !important;
	color: #FFF !important;
}

.theme-teal .dropdown > .menubar
{
	background-color: rgba(4,64,77,0.95) !important;
}

.theme-teal .dropdown > .menubar > li.menu:hover,
.theme-teal .dropdown > .menubar > li.menu:active,
.theme-teal .dropdown > .menubar > li.menu.active
{
	background-color: rgb(226,64,39) !important;
}

.theme-teal li.mark:hover
{
	background-color: rgba(255, 255, 255, 0.6) !important;
}

.theme-teal li.mark:active,
.theme-teal li.mark.active
{
	background-color: rgb(226,64,39) !important;
	color: #fff !important;
}

.theme-teal .button.btn-submit
{
	background-color: rgb(11,145,173) !important;
	cursor: pointer !important;
}

.theme-teal .button.btn-submit:hover,
.theme-teal .button.btn-submit:active,
.theme-teal .button.btn-submit.active
{
	background-color: rgb(13,171,204) !important;
}

.theme-teal .button.btn-focus
{
	background-color: rgb(226,64,39) !important;
}

.theme-teal .button.btn-focus:hover,
.theme-teal .button.btn-focus:active,
.theme-teal .button.btn-focus.active
{
	background-color: rgb(230,85,64) !important;
}

.theme-teal .button.btn-holo
{
	background-color: transparent !important;
	border-color: rgb(226,64,39) !important;
	color: rgb(226,64,39) !important;
}

.theme-teal .button.btn-holo:hover,
.theme-teal .button.btn-holo:active,
.theme-teal .button.btn-holo.active
{
	background-color: rgb(230,85,64) !important;
	border-color: transparent !important;
	color: #FFF !important;
}

.theme-teal .toolbar > li > button,
.theme-teal .pagebar > li:hover,
.theme-teal .pagebar > li:active,
.theme-teal .pagebar > li.active
{
	background-color: rgb(13,171,204) !important;
	border-color: rgb(13,171,204) !important;
}

.theme-teal .table-title::before
{
	border-color: rgb(11,145,173) !important;
	color: rgb(11,145,173) !important;
}

.theme-teal .table-title::after
{
	background-color: rgb(11,145,173) !important;
}

.theme-teal main::before
{
	background-color: rgba(11,145,173,1.0);
}

.theme-teal.slideview .board-head.bd-header-before
{
	border-top-color: rgba(11,145,173,1.0);
}


@charset "UTF-8";

@media print
{
	*
	{
		text-shadow: none !important;
		color: #000 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	a,
	a:visited
	{
		text-decoration: underline;
	}

	a[href]:after
	{
		content: " (' attr(href) ')";
	}

	abbr[title]:after
	{
		content: " (' attr(title) ')";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after
	{
		content: "";
	}

	pre,
	blockquote
	{
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead
	{
		display: table-header-group;
	}

	tr,
	img
	{
		page-break-inside: avoid;
	}

	h2,
	h3
	{
		page-break-after: avoid;
	}
}

.system-msgbox
{
	color: #333;
}

.system-msgbox,
.system-notebox
{
	padding: 34vh 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.msgbox
{
	width: 40%;
	height: 100%;
	min-height: 200px;
	background-color: white;
	background-repeat: repeat;
	background-image: url("/images/backtile/grid-white.png");
	margin: auto;
}

.msgbox > .msgbox-bottom:before
{
	font-size: 1.2rem;
	color: rgba(0,0,0,0.6);
	content: attr(data-flag);
	top: 14px;
	left: 2px;
	width: auto;
	position: absolute;
}

header
{
	top: 0;
	position: fixed;
	background-color: rgba(235,234,231,0.6);
	z-index: 100;
}

header > article
{
	height: 32px;
	text-align: left;
}

ul.menumin > li,
ul.table > li,
ul.search > li,
ul.navbar > li
{
	width: auto;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	word-break: break-word;
	word-wrap: break-word;
	white-space: nowrap;
	overflow: visible;
}

ul.menumin
{
	width: auto;
	top: 0;
	display: table-cell;
	position: absolute;
	text-align: left;
}

ul.menumin.left
{
	left: 0;
}

ul.menumin.right
{
	right: 0;
}

ul.menumin > li > a
{
	padding: 10px 10px;
	color: #555;
}

ul.menumin > li:hover
{
	background-color: rgba(0, 0, 0, 0.1);
}

ul.menumin > li + li:before 
{
	content: "";
	width: 1px;
	height: 12px;
	top: 10px;
	left: 0;
	display: inline-block;
	position: absolute;
	background-color: #D0D0D0;
}

ul.table > li.logo
{
	color: #333;
	padding: 0 20px 0 0;
	cursor: pointer;
}

ul.table > li > img.logo
{
	height: 48px;
	max-height: 48px;
}

ul.table > li.logo::after,
ul.table > li.menubar-logo::after
{
	content: "";
	right: 10px;
	top: 8px;
	bottom: 8px;
	width: 1px;
	display: inline-block;
	position: absolute;
	background-color: #333;
	opacity: 0.5;
}

ul.table > li.homelogo
{
	color: #333;
	padding: 0 100px 0 0;
	cursor: pointer;
}

ul.table > li.logo.nopadding
{
	padding-right: 0;
}

ul.table > li.full-cell,
ul.table > li.search
{
	width: 100%;
	color: #333;
	padding: 0;
}

ul.table > li.publish
{
	padding: 5px 0 5px 15px;
}

ul.table > li.publish > .button
{
	font-size: 1.6rem;
	letter-spacing: 0.15rem;
	padding: 11px 15px;
}

ul.table > li.phone
{
	padding: 0 0 0 50px;
}

ul.table > li.barcode
{
	padding: 0 0 0 20px;
}

.phone-call,
.phone-chat  
{
	font-size: 1.2rem;
	line-height: 100%;
	display: block;
	position: relative;
	text-align: center;
	padding: 0 0 0 38px;
	color: #333;
}

.phone-chat  
{
	padding-left: 42px;
}

.phone-call > i,
.phone-chat > i
{
	font-size: 3.4rem;
	line-height: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: -4px;
}

.phone-chat > i
{
	font-size: 3.8rem;
	top: -1px;
}

.phone-call[data-title]:before,
.phone-chat[data-title]:before
{
	font-family: "orbitron";
	font-size: 1.4rem;
	font-weight: normal;
	letter-spacing: 0.1rem;
	line-height: 120%;
	display: block;
	border-bottom: 1px solid #333;
	border-color: inherit;
	padding: 0 0 2px 0;
	margin: 0 0 4px 0;
}

.phone-chat[data-title]:before
{
	font-family: inherit;
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
}

.barcode-box
{
	width: 128px;
	height: auto;
	top: 0;
	left: 0;
	display: none;
	position: absolute;
	background-color: #FFF;
/*	border: 1px solid transparent;*/
	padding: 0;
	z-index: 11;
}

.barcode-box > .image-back
{
	width: 128px;
	height: 128px;
	display: block;
}

.barcode-box > h5
{
	font-family: "orbitron";
	font-size: 1.2rem;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0;
	line-height: 100%;
	display: block;
	color: #333;
	padding: 2px 4px 8px 4px;
}

.phone-chat > .barcode-box
{
	top: 40px;
	left: 0;
}
.phone-chat:hover > .barcode-box,
.phone-chat:active > .barcode-box
{
	display: block;
}

ul.search
{
	border: 2px solid transparent;
	border-color: inherit;
}

ul.search > li.full-cell,
ul.search > li.input
{
	width: 100%;
}

ul.search > li.type
{
	min-width: 100px;
	padding: 10px 8px;
}

ul.search > li.input
{
	padding: 8px 8px 9px 8px;
}

ul.search > li.type > select,
ul.search > li.input > input
{
	font-size: 1.4rem;
	line-height: 120%;
	width: 100%;
	border: none;
	border-color: transparent;
	padding: 0;
}

[class*="-darker"] ul.search > li.type > select,
[class*="-darker"] ul.search > li.input > input
{
	color: #EEE;
}

ul.search > li.link
{
	padding: 10px 0px;
}

ul.search > li.link > span
{
	font-size: 1.4rem;
	display: table-cell;
	color: #555;
	padding: 0 5px;
}

[class*="-darker"] ul.search > li.link > span
{
	color: #EEE;
}

ul.search > li.link > span + span:before 
{
	content: "";
	width: 1px;
	height: 12px;
	top: 1px;
	left: 0;
	display: inline-block;
	position: absolute;
	background-color: #D0D0D0;
}

ul.search > li.link:hover > span
{
	color: inherit;
}

ul.search > li.search > button.btn-icon
{
	padding: 5px 5px 5px 7px;
	color: #fff;
}

ul.search > li.search > button.btn-icon > i
{
	font-size: 1.8rem;
	position: relative;
	color: #333;
}

ul.navbar > li > a,
ul.navbar > li > h5
{
	width: auto;
	font-size: 1.5rem;
	font-weight: normal;
	color: inherit;
	padding: 15px 20px;
}

ul.navbar > li + li:before 
{
	content: "";
	width: 1px;
	height: 1.6rem;
	top: 15px;
	left: 0;
	display: inline-block;
	position: absolute;
	background-color: #FFF;
	opacity: 0.2;
}

ul.navbar > li:hover > h5
{
	color: rgba(255,255,255,1.0);
}

ul.navbar > li:hover > ul.menubar
{
	display: block;
}

ul.menubar
{
	width: auto;
	top: 100%;
	left: 0;
	display: none;
	position: absolute;
	background-color: rgba(10,10,10,0.7);
	color: #FFF;
	z-index: 9;
}

ul.menubar > li
{
	width: auto;
	padding: 0 25px;
}

ul.menubar > li > a
{
	width: auto;
	font-size: 1.5rem;
	letter-spacing: 0.2rem;
	padding: 15px 20px 15px 25px;
}

ul.menubar > li > a:before
{
	font-family: 'iconios8';
	font-size: 1.2rem;
	content: "\e6ea";
	top: 13px;
	left: 0;
	display: inline-block;
	position: absolute;
}

ul.menubar > li + li > a
{
	border-top: 1px solid rgba(255,255,255,0.15);
}

ul.table > li.menubar-logo
{
	padding: 12px 20px 12px 0;
	cursor: pointer;
}

ul.table > li.menubar-homelogo
{
	padding: 12px 40px 12px 0;
	cursor: pointer;
}

ul.table > li.menubar-logo > img.logo,
ul.table > li.menubar-homelogo > img.logo
{
	height: 30px;
	max-height: 30px;
}

ul.table > li.menubar-logo::after
{
	top: 12px;
	bottom: 12px;
	background-color: #FFF;
}

ul.table > li.none-sublogo::after,
ul.table > li.login-logo::after
{
	display: none;
}

ul.table > li.none-sublogo,
ul.table > li.login-logo
{
	padding-right: 0;
}

ul.table > li.menubar-search
{
	min-width: 200px;
	padding: 0 10px 0 20px;
}

.menubar-search ul.search
{
	border: 1px solid rgba(255,255,255,0.4);
}

.menubar-search ul.search > li.input
{
	padding: 5px 5px 5px 5px;
}

.menubar-search ul.search > li.input > input
{
	color: inherit;
}

.menubar-search ul.search > li.search > button.btn-icon
{
	padding: 5px 4px 5px 4px;
}

.menubar-search ul.search > li.search > button.btn-icon > i
{
	font-size: 1.4rem;
	position: relative;
	color: inherit;
}

.menubar-search ul.search:hover
{
	border: 1px solid rgba(255,255,255,0.5);
}

ul.table > li.menubar-navi
{
	width: 100%;
	padding: 0;
}

ul.table > li.menubar-tool
{
	padding: 0 0 0 0;
}

li.menubar-tool + li.menubar-tool:before 
{
	content: "";
	width: 1px;
	height: auto;
	top: 19px;
	bottom: 19px;
	left: 0;
	display: inline-block;
	position: absolute;
	background-color: #FFF;
	opacity: 0.2;
}

ul.table > li.menubar-navi > ul.navbar
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.menubar-navi ul.navbar > li > a,
.menubar-navi ul.navbar > li > h5
{
	font-size: 1.4rem;
	padding: 20px 12px;
}

.menubar-navi ul.navbar > li + li:before 
{
	height: auto;
	top: 19px;
	bottom: 19px;
}

.menubar-navi ul.menubar > li
{
	padding: 0 30px;
}

.menubar-navi ul.menubar > li > a
{
	font-size: 1.4rem;
}

.navbar > li.menu:hover > a,
.navbar > li.menu:active > a,
.navbar > li.menu.active > a,
.navbar > li.dropdown:hover > h5,
.navbar > li.dropdown:active > h5,
.navbar > li.dropdown.active > h5
{
	opacity: 1.0;
	color: inherit;
}

.navbar > li.menu:hover:after,
.navbar > li.menu:active:after,
.navbar > li.menu.active:after,
.navbar > li.dropdown:hover:after,
.navbar > li.dropdown:active:after,
.navbar > li.dropdown.active:after
{
	content: "";
	left: 15px;
	right: 15px;
	bottom: 0;
	height: 2px;
	position: absolute;
	display: block;
	background: rgba(255,255,255,.3);	
}

.menubar-navi .navbar > li.menu:hover:after,
.menubar-navi .navbar > li.menu:active:after,
.menubar-navi .navbar > li.menu.active:after,
.menubar-navi .navbar > li.dropdown:hover:after,
.menubar-navi .navbar > li.dropdown:active:after,
.menubar-navi .navbar > li.dropdown.active:after
{
	left: 10px;
	right: 10px;
}

.navbar > li.menu:active:after,
.navbar > li.menu.active:after,
.navbar > li.dropdown:active:after,
.navbar > li.dropdown.active:after
{
	background: rgba(255,255,255,0.5);	
}

.menubar-tool .button.btn-focus
{
	padding: 8px 8px 9px 8px;
}

.menubar-tool .button.btn-icon:hover,
.menubar-tool .button.btn-icon:active,
.menubar-tool .button.btn-icon.active
{
	font-weight: bold;
}

.carousel-cover
{
	top: 0;
	bottom: 0;
	position: absolute;
	text-align: center;
	z-index: -1;
}

.carousel-cover > [class*="place-"],
.carousel-cover > [class*="-image"]
{
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	display: block;
	text-align: center;
}

.carousel-cover > .left-text,
.carousel-cover > .right-text,
.carousel-cover > .left-image,
.carousel-cover > .right-image
{
	width: auto;
	top: 0;
	bottom: 0;
	display: table-cell;
	position: absolute;
	text-align: center;
}

.carousel-cover > .left-image,
.carousel-cover > .right-image
{
	top: 60px;
	bottom: 60px;
}

.carousel-cover > .left-text,
.carousel-cover > .left-image
{
	left: 100px;
	right: 50%;
}

.carousel-cover > .right-text,
.carousel-cover > .right-image
{
	left: 50%;
	right: 100px;
}

.carousel-cover > .text-zone > h1
{
	font-size: 8.0rem;
	font-weight: normal;
	letter-spacing: 0.2rem;
	color: inherit;
	margin: 0;
}

.carousel-cover > .text-zone > h2
{
	font-size: 4.2rem;
	font-weight: normal;
	letter-spacing: 0.2rem;
	color: inherit;
	margin: 12px 0 0 0;
}

.carousel-cover.subtitle > .text-zone > h2
{
	font-size: 8.0rem;
	margin-top: 5px;
}

.carousel-cover > .text-zone.noborder > h1,
.carousel-cover > .text-zone.noborder > h2
{
	opacity: 0;
}

.carousel-cover > .text-zone > h1::before,
.carousel-cover > .text-zone > h2::after
{
	content: "";
	width: 300px;
	height: 40px;
	display: block;
	position: relative;
	border: 4px solid rgba(255,255,255,0.4);
	margin: auto;
}

.carousel-cover > .text-zone > h1::before
{
	margin-bottom: 10px;
	border-bottom: none;
}

.carousel-cover > .text-zone > h2::after
{
	margin-top: 10px;
	border-top: none;
	border-color: rgba(255,255,255,0.25);
}

.carousel-cover.subtitle > .text-zone > h2::after
{
	margin-top: 5px;
}

.carousel-cover > .text-zone > .button
{
	font-size: 1.8rem;
	font-weight: bold;
	padding: 15px 60px;
	margin: 30px auto 0 auto;
}

.carousel-marker
{
	width: 100%;
	bottom: 10px;
	display: block;
	position: absolute;
	text-align: center;
	margin: 0 auto;
	z-index: 8;
	opacity: 0;
}

.carousel-marker > .mark
{
	width: 24px;
	height: 10px;
	display: inline-block;
	background-color: rgba(255,255,255,0.4);
	cursor: pointer;
}

.carousel-marker > .mark + .mark
{
	margin-left: 5px;
}

button.carousel-left,
button.carousel-right
{
	width: 60px;
	height: 60px;
	top: -webkit-calc(50% - 30px);
	top: -moz-calc(50% - 30px);
	top: -ms-calc(50% - 30px);
	top: -o-calc(50% - 30px);
	top: calc(50% - 30px);
	padding: 10px;
}

button.carousel-left
{
	left: 0;
	text-align: left;
}

button.carousel-right
{
	right: 0;
	text-align: right;
}

button.carousel-left > i,
button.carousel-right > i
{
	font-size: 4.0rem;
}

ul.carousel.h400
{
	height: 400px;
}

ul.carousel.h400 [class*="-image"],
ul.carousel.h400 [class*="-text"]
{
	min-width: 400px;
}

ul.carousel.h400 [class*="-text"]
{
	padding-top: 50px;
}

ul.carousel.h400 > li.subtitle [class*="-text"]
{
	padding-top: 35px;
}

ul.carousel.h400 > li > .left-image,
ul.carousel.h400 > li > .right-image
{
	top: 30px;
	bottom: 30px;
}

ul.carousel.h400 > li > .text-zone > h1::before,
ul.carousel.h400 > li > .text-zone > h2::after
{
	height: 20px;
}

ul.carousel.h400 .rotate-left
{
	transform: perspective(133rem) rotateY(30deg);	
}

ul.carousel.h400 .rotate-right
{
	transform: perspective(133rem) rotateY(-30deg);
}

ul.carousel.h500
{
	height: 500px;
}

ul.carousel.h500 [class*="-image"],
ul.carousel.h500 [class*="-text"]
{
	min-width: 500px;
}

ul.carousel.h500 [class*="-text"]
{
	padding-top: 70px;
}

ul.carousel.h500 > li.subtitle [class*="-text"]
{
	padding-top: 60px;
}

ul.carousel.h500 .rotate-left
{
	transform: perspective(166rem) rotateY(30deg);	
}

ul.carousel.h500 .rotate-right
{
	transform: perspective(166rem) rotateY(-30deg);
}

ul.carousel.h600
{
	height: 600px;
}

ul.carousel.h600 [class*="-image"],
ul.carousel.h600 [class*="-text"]
{
	min-width: 600px;
}

ul.carousel.h600 [class*="-text"]
{
	padding-top: 120px;
}

ul.carousel.h600 > li.subtitle [class*="-text"]
{
	padding-top: 110px;
}

ul.carousel.h600 .rotate-left
{
	transform: perspective(200rem) rotateY(30deg);	
}

ul.carousel.h600 .rotate-right
{
	transform: perspective(200rem) rotateY(-30deg);
}

ul.carousel.h800
{
	height: 800px;
}

ul.carousel.h800 [class*="-image"],
ul.carousel.h800 [class*="-text"]
{
	min-width: 800px;
}

ul.carousel.h800 [class*="-text"]
{
	padding-top: 220px;
}

ul.carousel.h800 > li.subtitle [class*="-text"]
{
	padding-top: 200px;
}

ul.carousel.h800 .rotate-left
{
	transform: perspective(266rem) rotateY(30deg);	
}

ul.carousel.h800 .rotate-right
{
	transform: perspective(266rem) rotateY(-30deg);
}

.boardview .board-main
{
	background-image: radial-gradient(rgb(3,66,152),rgb(6,23,66));
}

.board-cover > .leftview,
.board-cover > .rightview
{
	width: 34%;
	background-image: none;
}

.board-cover > .mainview
{
	width: 32%;
	left: 34%;
	overflow: visible;
	background-image: none;
}

.board-cover.large > .leftview,
.board-cover.large > .rightview
{
	width: 30%;
}

.board-cover.large > .mainview
{
	width: 40%;
	left: 30%;
}

.board-cover.small > .leftview,
.board-cover.small > .rightview,
.board-cover.slide > .leftview,
.board-cover.slide > .rightview
{
	width: 35%;
}

.board-cover.small > .mainview,
.board-cover.slide > .mainview
{
	width: 30%;
	left: 35%;
}

.board-cover.slide > .leftview,
.board-cover.slide > .rightview,
.board-cover.slide > .mainview
{
	height: 72px;
	bottom: auto;
}

.board-cover.mapbox > .leftview,
.board-cover.mapbox > .rightview
{
	width: 25%;
}

.board-cover.mapbox > .mainview
{
	width: 50%;
	left: 25%;
}

.board-menubar,
.board-toolbar
{
	top: 0;
	left: 0;
	height: auto;
	width: auto;
	display: inline-block;
	position: absolute;
	overflow: visible;
	z-index: 2;
}

.board-toolbar
{
	left: auto;
	right: 0;
}

.board-tool::before
{
	left: 6px;
	top: 12px;
	position: absolute;
}

.board-tool.bubble::after
{
	right: 5px;
	top: 5px;
	width: 4px;
	height: 4px;
	position: absolute;
	display: inline-block;
	background-color: red;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.board-menubar
{
	padding-left: 22px;
}

.board-menubar::before
{
	font-size: 1.6rem;
	top: 11px;
	left: 6px;
	width: 16px;
	height: 16px;
	display: inline-block;
	position: absolute;
	color: deepskyblue;
}

.board-title
{
	left: -1px;
	right: -1px;
	top: 0;
	height: 72px;
	padding: 18px 0 16px 0;
}

.board-title > img.logo
{
	display: inline-block;
	height: 100%;
	margin: 0 8px 0 0;
}

.board-title > h1
{
	padding: 2px 0 0 0;
}

.board-title::after
{
	content: "";
	bottom: 0px;
	height: 0;
	left: 36px;
	right: 36px;
	width: auto;
	display: inline-block;
	position: absolute;
	border-bottom: 1px solid white;
	border-color: inherit;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}

.boardview .board-title::after
{
	bottom: -2px;
	border-bottom-width: 3px;
}

.board-head
{
	top: 36px;
	height: 36px;
	border-top: 1px solid white;
	border-color: inherit;
	padding: 5px 0 0 0;
}

.leftview > .board-head
{
	left: 0;
	right: 36px;
	overflow: hidden;
}

.rightview > .board-head
{
	left: 36px;
	right: 0;
	text-align: right;
	overflow: hidden;
}

.mainview > .board-head
{
	left: -36px;
	right: -36px;
	height: 0;
	border-top: 36px solid transparent;
	border-left: 36px solid transparent;
	border-right: 36px solid transparent;
	border-bottom: none;
	padding: 0;
}

.mainview > .board-head::before,
.mainview > .board-head::after
{
	content: "";
	top: -36px;
	left: -36px;
	width: 50px;/*1.414*/
	height: 0;
	display: inline-block;
	position: absolute;
	border-bottom: 1px solid transparent;
	border-color: inherit;
}

.mainview > .board-head::before
{
	transform-origin: top left;
	transform: rotate(45deg);
}

.mainview > .board-head::after
{
	left: auto;
	right: -36px;
	transform-origin: top right;
	transform: rotate(-45deg);
}

.board-head > li.board-sublogo.hidden,
.board-head > li.board-subname.hidden,
.board-head > li.board-subject.hidden
{
	display: none;
}

.board-head > li.board-sublogo
{
	width: auto;
	display: inline-block;
	padding: 0 0 0 10px;
}

.board-head > li.board-sublogo > img
{
	height: 28px;
}

.board-head > li.board-subname,
.board-head > li.board-subject
{
	font-size: 2.2rem;
	width: auto;
	display: inline-block;
	padding: 3px 10px 0 10px;
	color: rgba(0,0,0,0.6);
}

.board-head > li.board-subname
{
	padding-left: 10px;
}

.board-head > li.board-digit
{
	font-family: "bebas","SimSun";
	font-size: 2.2rem;
	letter-spacing: 0.1rem;
	width: auto;
	display: inline-block;
	cursor: pointer;
	padding: 4px 6px;
	color: rgb(0,255,255);
}

.board-head > li.board-digit.info
{
	color: rgb(0,255,0);
}

.board-head > li.board-digit.warn
{
	color: rgb(255,255,0);
}

.board-head > li.board-digit.error
{
	color: rgb(255,0,0);
}

.board-head > li.board-digit[class*="flag-"]
{
	padding-left: 30px;
}

.board-head > li.board-digit[class*="flag-"]::before
{
	top: 4px;
	left: 6px;
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	-webkit-background-attachment: scroll !important;
	-moz-background-attachment: scroll !important;
	-o-background-attachment: scroll !important;
	background-attachment: scroll !important;

	-webkit-background-origin: border-box !important;
	-moz-background-origin: border-box !important;
	-o-background-origin: border-box !important;
	background-origin: border-box !important;


	-webkit-background-size: 100% 100% !important;
	-moz-background-size: 100% 100% !important;
	-o-background-size: 100% 100% !important;
	background-size: 100% 100% !important;

	background-repeat: no-repeat !important;
	background-position: center center !important;

	overflow: hidden !important;
}

.board-head > li.board-digit.flag-temp::before
{
	content: "";
	background-image: url(/images/status/flag-temp.png);
}

.board-head > li.board-digit.flag-humi::before
{
	content: "";
	background-image: url(/images/status/flag-humi.png);
}

.board-head > li.board-digit.flag-h2s::before
{
	content: "";
	background-image: url(/images/status/flag-h2s.png);
}

.board-head > li.board-digit.flag-nh3::before
{
	content: "";
	background-image: url(/images/status/flag-nh3.png);
}

.board-head > li.board-digit::after
{
	font-size: 1.2rem;
	letter-spacing: 0.01rem;
	top: -1px;
	height: auto;
	width: auto;
	display: inline-block;
	color: lightskyblue;
	padding: 0 0 0 3px;
	margin: 0;
}

.board-head > li.board-label::after
{
	content: "";
	top: 0;
	right: -32px;
	width: 0;
	height: 0;
	display: inline-block;
	position: absolute;
	border: 32px solid transparent;
	border-top: none;
	border-left: none;
	border-bottom: 32px solid rgb(71,83,99);
}

.board-head > li.board-label:hover::after
{
	border-bottom-color: rgb(80,92,108);
}

.board-head > li.board-label:active::after,
.board-head > li.board-label.active::after
{
	border-bottom-color: rgba(255,255,255,0.1);
	border-bottom-color: rgb(108,124,88);
}

.rightview > .board-head > li.board-label
{
	padding: 10px 20px 10px 10px;
	margin: 0 0 0 32px;
}

.rightview > .board-head > li.board-label::after
{
	left: -32px;
	right: auto;
	border-right: none;
	border-left: 32px solid transparent;
}

.board-zone
{
	top: 68px;
	bottom: 6px;
	left: 6px;
	right: 6px;
}

.boardview .board-zone
{
	top: 76px;
	bottom: 10px;
	left: 10px;
	right: 10px;
}

.boardview .mainview .board-zone
{
	left: 0px;
	right: 0px;
}

.board-zone:empty
{
	display: none !important;
}

.board-zone .homeblock
{
	width: -webkit-calc(100% - 120px);
	width: -moz-calc(100% - 120px);
	width: -ms-calc(100% - 120px);
	width: -o-calc(100% - 120px);
	width: calc(100% - 120px);
}

.board-cover.slide > .board-zone
{
	top: 72px;
	bottom: 40px;
	left: 0;
	right: 0;
}

.board-cover.slide > .board-zone .shelf-banner
{
	display: none;
}

.board-video
{
	position: absolute;
	display: block;
	width: auto;
	left: 5px;
	right: 5px;
	top: 68px;
	z-index: 99;
}

.table-title > .pagebar
{
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	position: relative;
	color: #111;
	margin-top: 20px;
}

.table-title > .pagebar > li
{
	font-size: 1.4rem;
	line-height: 3.2rem;
	min-width: 32px;
	height: 32px;
	background-color: rgba(242,91,32,0.04);
	border-color: rgba(242,91,32,0.2);
	color: #555;
}

.table-title > .pagebar > li + li
{
	margin-left: 10px;
}

.table-title > .pagebar > li:hover
{
	background-color: rgba(242,91,32,0.08);
	border-color: rgba(242,91,32,0.2);
}

.table-title > .pagebar > li:active,
.table-title > .pagebar > li.active
{
	background-color: rgba(242,91,32,0.15);
	border-color: rgba(242,91,32,0.3);
}

.cakeview li
{
	width: -moz-calc(25% - 9px);
	width: -webkit-calc(25% - 9px);
	width: calc(25% - 9px);
	height: 170px;
	display: inline-block;
	margin: 0;
	padding: 12px;
	cursor: pointer;
}

.cakeview li > meter,
.cakeview li > .image-thumb,
.cakeview li > .title-text
{
	top: 10px;
	bottom: 10px;
	height: auto;
	display: inline-block;
	position: absolute;
	color: inherit;
}

.cakeview li > .image-thumb
{
	left: 10px;
	width: 170px;
	background-position: center center !important;
}

.cakeview li > .title-text
{
	font-size: 1.4rem;
	line-height: 150%;
	top: 36px;
	left: 200px;
	right: 20px;
	bottom: auto;
	height: 94px;
}

.cakeview li > .title-text:before
{
	margin-bottom: 12px;
}

.cakeview li.image-back > .title-text
{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: auto;
	padding: 32px;
	display: none;
}

.cakeview li.image-back:hover > .title-text
{
	display: block;
}

.cakeview li > .line-index
{
	font-size: 9.0rem;
	right: 30px;
	bottom: 15px;
}

.cakeview li > meter
{
	top: auto;
	left: 200px;
	right: 20px;
	bottom: 20px;
	height: 10px;
	width: auto;
}

.cakeview li + li
{
	margin-left: 12px;
}

.cakeview + .cakeview
{
	margin-top: 12px;
}

.chapter-header,
.chapter-content,
.chapter-footer
{
	font-size: 3.0rem;
	letter-spacing: 0.3rem;
	font-weight: bold;
	text-align: center;
	top: 0;
	height: 20%;
	position: absolute;
}

.chapter-subject,
.chapter-tools
{
	width: auto;
	left: 50px;
	bottom: 50px;
	position: absolute;
	text-align: left;
}

.chapter-subject > img
{
	width: auto;
	height: 8.0rem;
	display: inline-block;
}

.chapter-subject > h1
{
	font-size: 3.0rem;
	line-height: 8.0rem;
	width: auto;
	display: inline-block;
	margin: auto 10px;
	padding: 0;
}

.chapter-tools
{
	left: auto;
	right: 50px;
}

.chapter-tools > i
{
	font-size: 8.0rem;
	line-height: 100%;
	width: auto;
	display: inline-block;
	margin: auto 10px;
	padding: 0;
}

.chapter-footer
{
	font-size: 2.4rem;
	top: auto;
	bottom: 0;
	padding: 60px 0 0 0;
}

.chapter-footer > span
{
	font-size: 1.4rem;
	letter-spacing: 0.1rem;
	font-weight: normal;
	text-align: center;
	display: block;
	margin: auto;
	margin-top: 20px;
}

.chapter-content
{
	top: 20%;
	bottom: 20%;
	height: auto;
	background-color: #BFBFBF;
}

.chapter-content > .chapter-image,
.chapter-content > .chapter-text
{
	top: 12px;
	bottom: 12px;
	left: 0;
	width: 40%;
	position: absolute;
	background-color: #B0B0B0;
}

.chapter-content > .chapter-image::before
{
	font-size: 30rem;
	font-weight: normal;
	top: calc(50% - 150px);
	left: calc(50% - 150px);
	position: absolute;
}

.chapter-content > .chapter-text
{
	width: auto;
	left: calc(40% + 12px);
	right: 0;
	padding: 50px 20px;
	background-image: url(/images/backimg/blackgrid.png);
}

.chapter-text > .chapter-title
{
	top: calc(50% - 8.2rem);
	left: 0;
	right: 0;
	position: absolute;
}

.chapter-title::before
{
	font-size: 8.2rem;
	font-weight: normal;
	letter-spacing: 0.4rem;
	text-align: center;
}

.chapter-title::after
{
	font-size: 5.0rem;
	letter-spacing: 0.4rem;
	text-align: center;
	margin-top: 30px;
}

.topolist-box
{
	display: table;
	table-layout: fixed;
	margin: 0;
	padding: 0;
}

.topolist li
{
	width: -moz-calc(25% - 9px);
	width: -webkit-calc(25% - 9px);
	width: calc(25% - 9px);
	height: 200px;
	display: inline-block;
	margin: 0;
	padding: 12px;
	cursor: pointer;
	color: #FFF;
}

.topolist li > meter,
.topolist li > .image-thumb,
.topolist li > .title-text
{
	top: 15px;
	bottom: 15px;
	height: auto;
	display: inline-block;
	position: absolute;
	color: inherit;
}

.topolist li > .image-thumb
{
	left: 15px;
	width: 150px;
}

.topolist li > .image-thumb::before
{
	font-size: 12rem;
	font-weight: normal;
	top: calc(50% - 60px);
	left: calc(50% - 60px);
	position: absolute;
}

.topolist li > .title-text
{
	font-size: 1.6rem;
	line-height: 150%;
	top: 30px;
	left: 180px;
	right: 30px;
	bottom: auto;
	height: 134px;
}

.topolist li > .title-text:before
{
	font-size: 2.4rem;
	margin-bottom: 12px;
}

.topolist li > .line-index
{
	font-size: 9.0rem;
	right: 30px;
	bottom: 15px;
}

.topolist li > meter
{
	top: auto;
	left: 170px;
	right: 20px;
	bottom: 15px;
	height: 10px;
	width: auto;
}

.topolist li + li
{
	margin-left: 12px;
}

.topolist + .topolist
{
	margin-top: 12px;
}

.topoview-box
{
	min-height: 370px;
	display: table;
	table-layout: fixed;
	color: #333;
	margin: 0;
	padding: 0;
}

.topoview-box > span
{
	width:auto;
	top: 0;
	bottom: 0;
	left: 31%;
	right: 31%;
	position: absolute;
	display: inline-block;
	background-image: url(/images/3d/mask-size4.png);
	margin: 0;
	padding: 0;
}

.topoview-box > span::before,
.topoview-box > span::after
{
	font-weight: normal;
	left: 30%;
	right: 30%;
	display: inline-block;
	position: absolute;
	color: #FFF;
	z-index: 2;
}

.topoview-box > span::before
{
	font-size: 4.4rem;
	letter-spacing: 0.8rem;
	top: 25%;
	left: 20%;
	right: 30%;
}

.topoview-box > span::after
{
	font-family: 'orbitron';
	font-size: 1.8rem;
	top: 33%;
	left: 20%;
	right: 32%;
	text-align: center;
}

.topoview
{
	display: table-cell;
	margin: 0;
	padding: 0;
}

.topoview.left
{
	padding-right: 20%;
}

.topoview.right
{
	padding-left: 20%;
}

.topoview li
{
	width: auto;
	height: 200px;
	padding: 0;
	overflow: visible !important;
	cursor: pointer;
	color: #FFF;
}

.topoview li::before
{
	content: "";
	width: 0;
	height: 0;
	display: inline-block;
	position: absolute;
	border: 8px solid rgba(255,255,255,0.8);
	border-color: inherit;
	margin: 0;
}

.topoview li + li
{
	margin-top: 30px;
}

.topoview.left li:first-child::before
{
	bottom: 0;
	right: -16px;
	border-top-color: transparent;
	border-right-color: transparent;
}

.topoview.left li:not(:first-child):not(:last-child)::before
{
	bottom: calc(50% - 16px);
	right: -32px;
	border-width: 16px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

.topoview.left li:last-child::before
{
	top: 0;
	bottom: auto;
	right: -16px;
	border-bottom-color: transparent;
	border-right-color: transparent;
}

.topoview.right li:first-child::before
{
	bottom: 0;
	left: -16px;
	border-top-color: transparent;
	border-left-color: transparent;
}

.topoview.right li:not(:first-child):not(:last-child)::before
{
	bottom: calc(50% - 16px);
	left: -32px;
	border-width: 16px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
}

.topoview.right li:last-child::before
{
	top: 0;
	left: -16px;
	border-bottom-color: transparent;
	border-left-color: transparent;
}

.topoview li > .image-thumb,
.topoview li > .title-text
{
	top: 10px;
	bottom: 10px;
	height: auto;
	display: inline-block;
	position: absolute;
	color: inherit;
}

.topoview li > .image-thumb
{
	left: 10px;
	width: 180px;
}

.topoview li > .image-thumb::before
{
	font-size: 16rem;
	font-weight: normal;
	top: calc(50% - 80px);
	left: calc(50% - 80px);
	position: absolute;
}

.topoview.right li > .image-thumb
{
	left: auto;
	right: 10px;
}

.topoview li > .title-text
{
	font-size: 1.6rem;
	line-height: 150%;
	top: 30px;
	left: 210px;
	right: 30px;
	bottom: auto;
	height: 134px;
}

.topoview.right li > .title-text
{
	right: 210px;
	left: 30px;
}

.topoview li > .title-text:before
{
	font-size: 2.4rem;
	margin-bottom: 12px;
}

.topoview li > .line-index
{
	font-size: 14.0rem;
	right: 30px;
	bottom: 10px;
}

.topoview.right li > .line-index
{
	right: auto;
	left: 30px;
}

.topoloop-box
{
	display: table;
	table-layout: fixed;
	color: #333;
	margin: 0;
	padding: 0;
}

.topoloop-box > span
{
	width: 300px;
	height: 300px;
	left: calc(50% - 150px);
	top: calc(50% - 150px);
	position: absolute;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.topoloop
{
	display: table-cell;
	padding: 30px 0;
	margin: 0;
}

.topoloop.left
{
	padding-left: 60px;
}

.topoloop.right
{
	padding-right: 60px;
}

.topoloop li
{
	width: auto;
	height: 160px;
	padding: 12px;
	cursor: pointer;
	color: #FFF;
}

.topoloop.left li
{
	-webkit-border-radius: 0 100px 100px 0;
	-moz-border-radius:  0 100px 100px 0;
	-ms-border-radius:  0 100px 100px 0;
	-o-border-radius:  0 100px 100px 0;
	border-radius:  0 100px 100px 0;
}

.topoloop.right li
{
	-webkit-border-radius: 100px 0 0 100px;
	-moz-border-radius:  100px 0 0 100px;
	-ms-border-radius:  100px 0 0 100px;
	-o-border-radius:  100px 0 0 100px;
	border-radius:  100px 0 0 100px;
}

.topoloop li + li
{
	margin-top: 70px;
}

.topoloop.left li:nth-child(1),
.topoloop.left li:nth-child(3)
{
	margin-right: 80px;
	margin-left: 60px;
}

.topoloop.left li:nth-child(2)
{
	margin-right: 200px;
}

.topoloop.right li:nth-child(1),
.topoloop.right li:nth-child(3)
{
	margin-left: 80px;
	margin-right: 60px;
}

.topoloop.right li:nth-child(2)
{
	margin-left: 200px;
}

.topoloop li > .image-border
{
	top: -30px;
	bottom: -30px;
	left: 0;
	width: 220px;
	display: inline-block;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	background-color: #FFF !important;
	background-origin: content-box;
	border: 5px solid transparent;
	border-color: inherit;
	-webkit-border-radius: 50% ;
	-moz-border-radius: 50% ;
	-ms-border-radius: 50% ;
	-o-border-radius: 50% ;
	border-radius: 50% ;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	display: -webkit-flex;
	display: flex;
	color: inherit;
}

.topoloop.left li > .image-border
{
	right: 0;
	left: auto;
}

.topoloop li > .image-border > .image-thumb
{
	width: 150px;
	height: 150px;
	display: inline-block;
	margin: auto;
	background-color: transparent;
}

.topoloop li > .image-border > .image-thumb::before
{
	font-size: 14rem;
	font-weight: normal;
	top: calc(50% - 70px);
	left: calc(50% - 70px);
	position: absolute;
}

.topoloop li > .title-text
{
	font-size: 1.6rem;
	line-height: 150%;
	top: 25px;
	left: 240px;
	right: 20px;
	bottom: auto;
	height: 110px;
	display: inline-block;
	position: absolute;
	color: inherit;
}

.topoloop.left li > .title-text
{
	right: 240px;
	left: 20px;
}

.topoloop li > .title-text:before
{
	font-size: 2.4rem;
	margin-bottom: 12px;
}

.topoloop li > .line-index
{
	font-size: 8.0rem;
	right: 20px;
	bottom: 30px;
}

.topoloop.left li > .line-index
{
	right: auto;
	left: 20px;
}

.topoloop > li::after
{
	display: none !important;
}

.topoloop > li::before
{
	content: "";
	top: 0;
	bottom: 0;
	width: 0;
	display: inline-block;
	position: absolute;
	background: transparent;
	border: 80px solid transparent;
	border-color: inherit;
}

.topoloop.right > li::before
{
	right: -60px;
	border-left: none;
	border-right-width: 60px;
	border-right-color: transparent;
}

.topoloop.left > li::before
{
	left: -60px;
	border-right: none;
	border-left-width: 60px;
	border-left-color: transparent;
}

.topofour-box
{
	min-height: 370px;
	display: table;
	table-layout: fixed;
	color: #333;
	margin: 0;
	padding: 0;
}

.topofour-box > span
{
	width: auto;
	top: 0;
	bottom: 0;
	left: 33%;
	right: 33%;
	position: absolute;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.topofour
{
	display: table-cell;
	margin: 0;
	padding: 50px 0;
}

.topofour.left
{
	padding-right: 18%;
}

.topofour.right
{
	padding-left: 18%;
}

.topofour li
{
	width: auto;
	height: 260px;
	padding: 0;
	cursor: pointer;
	color: #FFF;
}

.topofour li + li
{
	margin-top: 30px;
}

.topofour.left li:first-child,
.topofour.right li:last-child
{
	-webkit-border-radius: 0 85px 0 85px;
	-moz-border-radius:  0 85px 0 85px;
	-ms-border-radius:  0 85px 0 85px;
	-o-border-radius:  0 85px 0 85px;
	border-radius:  0 85px 0 85px;
}

.topofour.left li:last-child,
.topofour.right li:first-child
{
	-webkit-border-radius: 85px 0 85px 0;
	-moz-border-radius:  85px 0 85px 0;
	-ms-border-radius:  85px 0 85px 0;
	-o-border-radius:  85px 0 85px 0;
	border-radius:  85px 0 85px 0;
}

.topofour li > .image-thumb,
.topofour li > .title-text
{
	top: 35px;
	bottom: 35px;
	height: auto;
	display: inline-block;
	position: absolute;
	color: inherit;
}

.topofour li > .image-thumb
{
	left: 35px;
	width: 180px;
}

.topofour li > .image-thumb::before
{
	font-size: 16rem;
	font-weight: normal;
	top: calc(50% - 80px);
	left: calc(50% - 80px);
	position: absolute;
}

.topofour.right li > .image-thumb
{
	left: auto;
	right: 35px;
}

.topofour li > .title-text
{
	font-size: 1.6rem;
	line-height: 150%;
	top: 45px;
	left: 235px;
	right: 45px;
	bottom: auto;
	height: 176px;
}

.topofour.right li > .title-text
{
	right: 235px;
	left: 45px;
}

.topofour li > .title-text:before
{
	font-size: 2.4rem;
	margin-bottom: 12px;
}

.topofour li > .line-index
{
	font-size: 17.0rem;
	right: 40px;
	bottom: 15px;
}

.topofour.right li > .line-index
{
	right: auto;
	left: 40px;
}

.toposix-box
{
	display: table;
	table-layout: fixed;
	margin: 0;
	padding: 0;
}

.toposix-box > span
{
	width: auto;
	height: auto;
	top: 0;
	bottom: 0;;
	left: 400px;
	right: 400px;
	position: absolute;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.toposix
{
	height: 980px;
	display: table-cell;
	margin: 0;
	padding: 0;
}

.toposix li
{
	top: 290px;
	right: 0;
	height: 350px;
	width: 300px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	padding: 90px 30px 60px 30px;
	cursor: pointer;
}

.toposix.left li
{
	left: 0;
	right: auto;
}

.toposix.left li:first-child,
.toposix.left li:last-child
{
	left: 160px;
	right: auto;
}

.toposix.right li:first-child,
.toposix.right li:last-child
{
	right: 160px;
}

.toposix.left li:first-child,
.toposix.right li:first-child
{
	top: 0;
}

.toposix.left li:last-child,
.toposix.right li:last-child
{
	top: calc(2 * 350px - 2 * 60px);
}

.toposix li > i,
.toposix li > .title-text
{
	height: auto;
	display: block;
	position: relative;
	color: inherit;
}

.toposix li > i
{
	font-size: 6.0rem;
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
	height: 64px;
	width: 64px;
	margin: 0 auto;
}

.toposix li > .title-text
{
	height: 160px;
	margin-bottom: 0;
}

.toposix li > .title-text:before
{
	font-size: 2.2rem;
	font-weight: normal;
	margin-bottom: 12px;
}

.toposix li > .line-index
{
	font-size: 4.0rem;
	left: 130px;
	top: 25px;
}

a.link-more
{
	font-family: 'orbitron' !important;
	font-size: 1.4rem;
	width: auto;
	display: inline-block;
}

label.shelf-title
{
	background-color: transparent;
	background-repeat: repeat;
	background-image: url("/images/backtile/label-back-light.png");
	margin: 0 0 20px 0;
}

.bg-tile1 label.shelf-title
{
	background-image: url("/images/backtile/label-back-light.png");
}

.bg-tile2 label.shelf-title
{
	background-image: url("/images/backtile/label-back-dark.png");
}

label.shelf-title:before
{
	font-size: 2.0rem;
	letter-spacing: 0.1rem;
	width: auto;
	height: auto;
	display: inline-block;
	border-left: 4px solid transparent;
	border-color: inherit;
	color: #444;
	padding: 15px;
	margin: 0;
}

label.shelf-title:after
{
	font-family: 'orbitron' !important;
	font-size: 1.4rem;
	font-weight: normal;
	letter-spacing: 0.05rem;
	width: auto;
	height: auto;
	display: inline-block;
	color: #666;
	padding: 0;
}

label.shelf-title > a
{
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -0.7rem;
}

.shelf-zone > ul + ul
{
	margin-top: 12px;
}

.shelf-zone > table
{
	color: #333;
}

.shelf-zone.grid
{
	background-repeat: repeat;
	background-image: url("/images/backtile/grid6.png");
	padding: 15px;
}

.shelf-layer > .shelf-tray
{
	background-color: #FFF;
	background-image: url("/images/backtile/grid-white.png");
	display: inline-block;
	cursor: pointer;
}

.shelf-layer > .shelf-tray > .title-text,
.shelf-poster > .shelf-tray > .title-text
{
	height: 72px;
	margin: 20px 20px 10px 20px;
}

.shelf-poster > .title-text
{
	line-height: 150%;
	padding: 20px 20px 10px 20px;
}

.shelf-poster .line-text,
.shelf-tray .line-text
{
	font-size: 1.2rem;
	height: 24px;
	padding: 6px 20px;
	color:#555;
}

.shelf-poster .line-text > span,
.shelf-tray .line-text > span
{
	top: 6px;
	bottom: auto;
	right: 20px;
}

.shelf-poster .line-text.price
{
	padding: 15px 20px 40px 20px;
}

.shelf-tray > .line-text.price
{
	font-size: 1.6rem;
	height: 60px;
	padding: 10px 20px 30px 20px;
}

.shelf-poster > .shelf-tray
{
	height: -webkit-calc(50% - 6px);
	height: -moz-calc(50% - 6px);
	height: -ms-calc(50% - 6px);
	height: -o-calc(50% - 6px);
	height: calc(50% - 6px);
}

.shelf-poster > .shelf-tray + .shelf-tray
{
	margin-top: 12px;
}

.shelf-poster > .line-text,
.shelf-poster > .shelf-tray > .line-text
{
	color: inherit;
}

.shelf-banner
{
	height: 140px;
	margin-top: 20px;
	text-align: right;
	margin-top: 20px;
	cursor: pointer;
}

.shelf-banner > .title-text
{
	height: 50px;
	text-align: left;
	margin: 40px 20px 0 320px;
}

.shelf-banner > .title-text:before
{
	letter-spacing: 0.1rem;
	text-align: left;
}

.shelf-banner[class*="quote"]
{
	height: 120px;
	color: #333 !important;
	background-color: rgba(255,255,255,0.8);
	padding: 30px 200px 30px 300px;
	background-image: url(/images/backmsk/mask-back-banner.jpg);
	background-size: 100% 100% !important;
}

.shelf-banner.quote > .title-text
{
	padding: 0 70px 0 0;
	margin: 0;
}

.shelf-banner.quote > .image-thumb
{
	height: 60px;
	width: -webkit-calc(20%);
	width: -moz-calc(20% );
	width: -ms-calc(20%);
	width: -o-calc(20%);
	width: calc(20%);

	min-width: -webkit-calc(20%);
	min-width: -moz-calc(20%);
	min-width: -ms-calc(20%);
	min-width: -o-calc(20%);
	min-width: calc(20%);
}

.shelf-banner.quote.none
{
	display: none !important;
}

.shelf-banner.quote.large
{
	height: 140px;
}

.shelf-banner.quote.large > .title-text
{
	height: 90px;
}

.shelf-banner.quote.large > .image-thumb
{
	height: 80px;
}

.shelf-layer.tray5 > .shelf-tray
{
	width: -webkit-calc(20% - 9.6px);
	width: -moz-calc(20% - 9.6px);
	width: -ms-calc(20% - 9.6px);
	width: -o-calc(20% - 9.6px);
	width: calc(20% - 9.6px);
	margin: 0;
}

.shelf-layer.tray4 > .shelf-tray
{
	width: -webkit-calc(25% - 9px);
	width: -moz-calc(25% - 9px);
	width: -ms-calc(25% - 9px);
	width: -o-calc(25% - 9px);
	width: calc(25% - 9px);
	margin: 0;
}

.shelf-layer.tray3 > .shelf-tray
{
	width: -webkit-calc(100% / 3 - 8px);
	width: -moz-calc(100% / 3 - 8px);
	width: -ms-calc(100% / 3 - 8px);
	width: -o-calc(100% / 3 - 8px);
	width: calc(100% / 3 - 8px);
	margin: 0;
}

.shelf-layer[class*=tray] > .shelf-tray + .shelf-tray
{
	margin-left: 12px;
}

.shelf-layer[class*=tray] + .shelf-layer[class*=tray]
{
	margin-top: 12px;
}

.shelf-tray8 
{
	display: block;
	padding-left: -webkit-calc(20% - 9.6px);
	padding-left: -moz-calc(20% - 9.6px);
	padding-left: -ms-calc(20% - 9.6px);
	padding-left: -o-calc(20% - 9.6px);
	padding-left: calc(20% - 9.6px);
}

.shelf-tray8 > .shelf-poster
{
	width: -webkit-calc(20% - 9.6px);
	width: -moz-calc(20% - 9.6px);
	width: -ms-calc(20% - 9.6px);
	width: -o-calc(20% - 9.6px);
	width: calc(20% - 9.6px);
	top: 0;
	left: 0;
	bottom: 0;
	display: inline-block;
	position: absolute;
	cursor: pointer;
}

.shelf-tray8 .shelf-layer > .shelf-tray
{
	width: -webkit-calc(25% - 12px);
	width: -moz-calc(25% - 12px);
	width: -ms-calc(25% - 12px);
	width: -o-calc(25% - 12px);
	width: calc(25% - 12px);
	margin-left: 12px;
}

.shelf-tray6 
{
	display: block;
	padding-left: -webkit-calc(25% - 9px);
	padding-left: -moz-calc(25% - 9px);
	padding-left: -ms-calc(25% - 9px);
	padding-left: -o-calc(25% - 9px);
	padding-left: calc(25% - 9px);
}

.shelf-tray6 > .shelf-poster
{
	width: -webkit-calc(25% - 9px);
	width: -moz-calc(25% - 9px);
	width: -ms-calc(25% - 9px);
	width: -o-calc(25% - 9px);
	width: calc(25% - 9px);
	top: 0;
	left: 0;
	bottom: 0;
	display: inline-block;
	position: absolute;
	cursor: pointer;
}

.shelf-tray6 .shelf-layer > .shelf-tray
{
	width: -webkit-calc(100% / 3 - 12px);
	width: -moz-calc(100% / 3 - 12px);
	width: -ms-calc(100% / 3 - 12px);
	width: -o-calc(100% / 3 - 12px);
	width: calc(100% / 3 - 12px);
	margin-left: 12px;
}

.shelf-tray4 
{
	display: block;
	padding-left: -webkit-calc(100% / 3 - 8px);
	padding-left: -moz-calc(100% / 3 - 8px);
	padding-left: -ms-calc(100% / 3 - 8px);
	padding-left: -o-calc(100% / 3 - 8px);
	padding-left: calc(100% / 3 - 8px);
}

.shelf-tray4 > .shelf-poster
{
	width: -webkit-calc(100% / 3 - 8px);
	width: -moz-calc(100% / 3 - 8px);
	width: -ms-calc(100% / 3 - 8px);
	width: -o-calc(100% / 3 - 8px);
	width: calc(100% / 3 - 8px);
	top: 0;
	left: 0;
	bottom: 0;
	display: inline-block;
	position: absolute;
	cursor: pointer;
}

.shelf-tray4 .shelf-layer > .shelf-tray
{
	width: -webkit-calc(100% / 2 - 12px);
	width: -moz-calc(100% / 2 - 12px);
	width: -ms-calc(100% / 2 - 12px);
	width: -o-calc(100% / 2 - 12px);
	width: calc(100% / 2 - 12px);
	margin-left: 12px;
}

.shelf-case
{
	display: table;
	table-layout: fixed;
}

.shelf-case > li
{
	width: 50%;
	display: table-cell;
}

.shelf-case > .shelf-case-image
{
	width: 65%;
}

.shelf-case.photo-note > .shelf-case-about
{
	width: 30%;
	background-image: url(/images/backimg/blackgrid.png);
}

.shelf-case.photo-note > .shelf-case-image
{
	width: 70%;
}

.shelf-case.photo-note + .shelf-case.photo-note
{
	margin-top: 80px;
}

.shelf-case.photo-group + .shelf-case.photo-group
{
	margin-top: 80px;
}

.homeblock.checker-box > .shelf-case.photo-group > .shelf-case-about,
.homeblock.checker-box > .shelf-case.photo-group > .shelf-case-image
{
	width: 50%;
}

.homeblock.checker-box > .shelf-case.photo-group + .shelf-case.photo-group
{
	margin-top: 0;
}

.shelf-case .shelf-photo-shadow
{
	width: auto;
	background-origin: content-box !important;
	border: 10px solid transparent;
	-webkit-border-image: url(/images/backbox/photo-box.png) 42 stretch;
	-moz-border-image: url(/images/backbox/photo-box.png) 42 stretch;
	-ms-border-image: url(/images/backbox/photo-box.png) 42 stretch;
	-o-border-image: url(/images/backbox/photo-box.png) 42 stretch;
	border-image: url(/images/backbox/photo-box.png) 42 stretch;
}

.shelf-case .shelf-screen-pc
{
	width: auto;
	background-origin: content-box !important;
	border: 10px solid #1B1B1B;
	-webkit-border-radius: 5px 5px 4px 4px !important;
	-moz-border-radius: 5px 5px 4px 4px !important;
	-ms-border-radius: 5px 5px 4px 4px !important;
	-o-border-radius: 5px 5px 4px 4px !important;
	border-radius: 5px 5px 4px 4px !important;
}

.shelf-case .shelf-screen-pad-box,
.shelf-case .shelf-screen-pad
{
	background-origin: content-box !important;
	width: auto;
}

.shelf-case .shelf-screen-pad-box
{
	width: auto;
	border: 5px solid #777;
	-webkit-border-radius: 20px 20px 15px 15px !important;
	-moz-border-radius: 20px 20px 15px 15px !important;
	-ms-border-radius: 20px 20px 15px 15px !important;
	-o-border-radius: 20px 20px 15px 15px !important;
	border-radius: 20px 20px 15px 15px !important;
	margin: 0 40px 0 40px;
}

.shelf-case .shelf-screen-pad
{
	width: auto;
	border: 10px solid #1B1B1B;
	border-top-width: 15px;
	border-bottom-width: 20px;
	-webkit-border-radius: 15px 15px 10px 10px !important;
	-moz-border-radius: 15px 15px 10px 10px !important;
	-ms-border-radius: 15px 15px 10px 10px !important;
	-o-border-radius: 15px 15px 10px 10px !important;
	border-radius: 15px 15px 10px 10px !important;
}

.shelf-case .shelf-screen-bed
{
	width: 100%;
}

.shelf-case .shelf-screen-bed-pc
{
	width: 100%;
	content: url(/images/backbox/bottom-pc.png);
}

.shelf-case .shelf-screen-bed-pad
{
	width: 100%;
	content: url(/images/backbox/bottom-pad.png);
}

.shelf-case > .shelf-case-about
{
	width: 35%;
	vertical-align: top;
	background-repeat: repeat;
}

.shelf-case.photobox > .shelf-case-image
{
	width: 80%;
}

.shelf-case.photobox > .shelf-case-about
{
	width: 20%;
}

.shelf-case > .shelf-case-about > .title-text
{
	font-size: 1.6rem;
	line-height: 200%;
	left: 50px;
	right: 50px;
	top: 50px;
	bottom: 100px;
	width: auto;
	position: absolute;
	color: #333;
}

.shelf-case > .shelf-case-about > .title-text::before
{
	font-size: 2.4rem;
	text-align: left;
	letter-spacing: 0.15rem;
	margin-bottom: 15px;
}

.shelf-case.left > .shelf-case-about > .title-text
{
	right: 0;
}

.shelf-case.left > .shelf-case-about.bg-quote > .title-text
{
	right: 50px;
}

.shelf-case.left > .shelf-case-about,
.shelf-case.right > .shelf-case-about
{
	background-image: url(/images/backbox/right-gray-grid.png);
	background-position: bottom right !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}

.shelf-case.right > .shelf-case-about
{
	background-image: url(/images/backbox/left-gray-grid.png);
	background-position: bottom left !important;
}

.shelf-case.right > .shelf-case-about > .title-text
{
	left: 0;
}

.shelf-case.right > .shelf-case-about.bg-quote > .title-text
{
	left: 50px;
}

.shelf-case > .shelf-case-about > .button
{
	font-size: 1.5rem;
	letter-spacing: 0.05rem;
	position: absolute;
	right: 50px;
	bottom: 50px;
	padding: 13px 25px;
}

.shelf-case.left > .shelf-case-about > .button
{
	right: 0;
}

.shelf-case.left > .shelf-case-about.bg-quote > .button
{
	right: 50px;
}

.image-view8
{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
}

.image-view8 > .bg-mask
{
	background-image: url("/images/backtile/grid-white.png") !important;
}

.image-view8 > ul
{
	height: 50%;
	display: table;
	table-layout: fixed;
}

.image-view8 > ul > li
{
	width: 100%;
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
	background-color: inherit !important;
	color: inherit;
	cursor: pointer;
}

.image-view8 > ul > li::before
{
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
	width: auto;
	text-align: center;
	display: block;
	background-color: rgba(0,0,0,0.6);
	color: inherit;
	padding: 20px;
	margin: 0;
}

.image-view8 > ul > li::after
{
	line-height: 150%;
	text-align: left;
	display: none;
	background-color: inherit;
	color: inherit;
	opacity: 1.0;
	padding: 5px 20px 20px 20px;
	margin: 0;
}

.image-view8 > ul > li:hover
{
	-webkit-filter:brightness(1.015);
	-o-filter:brightness(1.015);
	-moz-filter:brightness(1.015);
	filter:brightness(1.015);	
}

.image-view8 > ul > li:hover::before
{
	background-color: inherit;
}

.image-view8 > ul > li:hover::after
{
	display: block;
}

.image-view8 > .image-logo
{
	width: 128px;
	height: 128px;
	left: calc(50% - 64px);
	top: calc(50% - 64px);
	position: absolute;
	display: inline-block;
}

.heroview-box
{
	display: table;
	table-layout: fixed;
}

.heroview-box > li
{
	width: 100%;
	display: table-cell;
	color: inherit;
	padding: 0 6px;
	cursor: pointer;
}

.heroview-box .shelf-tray
{
	background-origin: content-box !important;
	border: 10px solid #FFF;
}

.heroview-box .shelf-tray > .hero-text
{
	width: 100%;
	bottom: 0;
	display: block;
	position: absolute;
	background-color: rgba(0,0,0,0.6);
}

.heroview-box .shelf-tray > .hero-text::before
{
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
	width: auto;
	text-align: center;
	display: block;
	color: inherit;
	padding: 15px;
	margin: 0;
}

.heroview-box .shelf-tray > .hero-text::after
{
	font-size: 1.6rem;
	max-height: 170px;
	line-height: 150%;
	text-align: left;
	display: none;
	color: inherit;
	overflow: hidden;
	opacity: 1.0;
	padding: 0px 15px 0 15px;
	margin: 0 0 15px 0;
}

.heroview-box .shelf-tray:hover > .hero-text
{
	background-color: inherit;
}

.heroview-box .shelf-tray:hover > .hero-text::after
{
	display: block;
}

.heroview-box > li:first-child
{
	padding: 0 12px 0 0;
}
/*
.heroview-box > li:not(:first-child):not(:last-child)
{
	padding: 0 6px;
}
*/
.heroview-box > li:last-child
{
	padding: 0 0 0 12px;
}

.herolist-box
{
	display: table;
	table-layout: fixed;
}

.herolist-box + .herolist-box
{
	margin-top: 20px;
}

.herolist-box > li
{
	width: auto;
	display: table-cell;
	color: inherit;
	padding: 0 12px 0 0;
}

.herolist-box > li.photo-image
{
	padding: 0 12px 0 0;
	cursor: pointer;
}
.herolist-box.right > li.photo-image
{
	padding: 0 0 0 12px;
}

.herolist-box > .photo-text
{
	width: 20%;
	padding: 0 0 0 10px;
	background-color: transparent !important;
}

.herolist-box > .photo-text::after 
{
	content: "";
	top: calc(50% - 10px);
	display: inline-block;
	position: absolute;
	border: 10px solid transparent;
}

.herolist-box.left > .photo-text::after 
{
	left: 0;
	border-right-color: inherit;
	border-left: none;
}

.herolist-box.right > .photo-text
{
	padding: 0 10px 0 0;
}

.herolist-box.right > .photo-text::after 
{
	left: auto;
	right: 0;
	border-left-color: inherit;
	border-right: none;
}

.herolist-box > .photo-image > .shelf-tray
{
	background-origin: content-box !important;
	border: 10px solid #FFF;
}

.herolist-box > .photo-image > .shelf-tray > .photo-name
{
	width: 100%;
	bottom: 0;
	display: block;
	position: absolute;
	background-color: rgba(0,0,0,0.6);
}

.herolist-box > .photo-image > .shelf-tray > .photo-name::before
{
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
	width: auto;
	text-align: center;
	display: block;
	color: inherit;
	padding: 12px;
	margin: 0;
}

.herolist-box > .photo-image > .shelf-tray > .photo-name::after
{
	max-height: 170px;
	line-height: 150%;
	text-align: left;
	display: none;
	color: inherit;
	overflow: hidden;
	opacity: 1.0;
	padding: 0px 12px 0 12px;
	margin: 0 0 12px 0;
}

.herolist-box > .photo-image > .shelf-tray:hover > .photo-name
{
	background-color: inherit;
}

.herolist-box > .photo-image > .shelf-tray:hover > .photo-name::after
{
	display: block;
}

.herolist-box > .photo-text > .shelf-tray
{
	top: 0;
	bottom: 0;
	right: 0;
	left: 10px;
	width: auto;
	position: absolute;
	color: inherit;
	padding: 50px;
}

.herolist-box.right > .photo-text > .shelf-tray
{
	left: 0;
	right: 10px;
}

.herolist-box > .photo-text > .shelf-tray > .title-text,
.herolist-box > .photo-text > .shelf-tray > .image-thumb
{
	left: 30px;
	right: 30px;
	width: auto;
	display: inline-block;
	position: absolute;
}

.herolist-box > .photo-text > .shelf-tray > .title-text
{
	top: 50px;
	height: 120px;
}

.herolist-box > .photo-text > .shelf-tray > .title-text::before
{
	font-size: 2.2rem;
}

.herolist-box > .photo-text > .shelf-tray > .image-thumb
{
	bottom: 50px;
}

ul.partner + ul.partner
{
	margin-top: 12px;
}

ul.partner > li
{
	width: -webkit-calc(20% - 9.6px);
	width: -moz-calc(20% - 9.6px);
	width: -ms-calc(20% - 9.6px);
	width: -o-calc(20% - 9.6px);
	width: calc(20% - 9.6px);
	height: 120px;
	display: inline-block;
	background-color: rgba(255,255,255,0.7);
	cursor: pointer;
}

ul.partner > li:hover
{
	background-color: rgba(255,255,255,0.9);
	-webkit-box-shadow: 0 0 8px rgb(0 0 0 / 10%);
	-moz-box-shadow: 0 0 8px rgb(0 0 0 / 10%);
	-o-box-shadow: 0 0 8px rgb(0 0 0 / 10%);
	box-shadow: 0 0 8px rgb(0 0 0 / 10%);
}

ul.partner > li + li
{
	margin-left: 12px;
}

ul.partner > li > .image-thumb
{
	top: 30px;
	left: 30px;
	right: 30px;
	bottom: 30px;
	width: auto;
	display: inline-block;
	position: absolute;
}

ul.total > li
{
	width: 25%;
	display: inline-block;
	text-align: center;
}

ul.total > li > .radius-50
{
	font-size: 11.0rem;
	line-height: 150%;
	width: 180px;
	height: 180px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border: 5px solid transparent;
	border-color: inherit;
}

ul.total > li i[class*="icon-"]
{
	font-size: 12.0rem;
	line-height: 125%;
}

ul.total > li > h2
{
	font-size: 4.4rem !important;
	font-weight: normal;
	letter-spacing: 0.3rem !important;
	color: inherit;
	margin: 40px 0 0 0;
}

ul.total > li > h2:after
{
	font-size: 1.8rem !important;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.2rem;
	color: inherit;
	opacity: 0.9;
}

ul.total > li > h2 > sup
{
	font-size: 2.4rem;
	font-weight: normal;
	letter-spacing: 0.01rem;
	color: inherit;
	opacity: 0.8;
	margin: 0 0 2px 4px;
}

ul.total > li > h2 > sub
{
	font-size: 1.6rem;
	font-weight: normal;
	letter-spacing: 0.01rem;
	color: inherit;
	opacity: 0.8;
	margin: 0 0 2px -15px;
}

ul.evaluate > li
{
	width: -webkit-calc(25% - 75px);
	width: -moz-calc(25% - 75px);
	width: -ms-calc(25% - 75px);
	width: -o-calc(25% - 75px);
	width: calc(25% - 75px);
	display: inline-block;
}

ul.evaluate > li + li
{
	margin-left: 100px;
}

ul.evaluate > li .image-back
{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	border: 5px solid rgba(255,255,255,0.5);
	cursor: pointer;
}

ul.evaluate > li > h3
{
	text-align: center;
	letter-spacing: 0.3rem;
	font-weight: normal;
	line-height: 120%;
	color: inherit;
	margin: 20px 0 15px 0;
}

ul.evaluate > li > h3 > sub
{
	font-size: 1.4rem;
	font-weight: normal;
	letter-spacing: 0.05rem;
	line-height: 120%;
	color: inherit;
	opacity: 0.8;
	margin: 0 0 0 10px;
}

ul.honor > li
{
	width: -webkit-calc(25% - 36px);
	width: -moz-calc(25% - 36px);
	width: -ms-calc(25% - 36px);
	width: -o-calc(25% - 36px);
	width: calc(25% - 36px);
	display: inline-block;
	cursor: pointer;
}

ul.honor > li + li
{
	margin-left: 48px;
}

ul.honor > li > h3
{
	text-align: center;
	letter-spacing: 0.3rem;
	font-weight: normal;
	color: inherit;
	margin: 20px 0 0 0;
}

ul.vantage > li
{
	width: -webkit-calc(25% - 75px);
	width: -moz-calc(25% - 75px);
	width: -ms-calc(25% - 75px);
	width: -o-calc(25% - 75px);
	width: calc(25% - 75px);
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

ul.vantage > li + li
{
	margin-left: 100px;
}

ul.vantage > li > .clip-sixbox-box
{
	width: 172px;
	height: 200px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	background: rgba(255,255,255,0.2);
	padding: 35px 0 0 0;
}

ul.vantage > li > .clip-sixbox-box > i
{
	font-size: 12.0rem;
	line-height: 100%;
	text-align: center;
}

ul.vantage > li > .clip-sixbox-box > i[class*=icon-font-]
{
	font-size: 14.0rem;
}

ul.vantage > li > .title-text
{
	height: 150px;
}

ul.vantage > li:hover .clip-sixbox-box
{
	background: rgba(255,255,255,0.3);
}

ul.dynamic > li
{
	width: -webkit-calc(25% - 9px);
	width: -moz-calc(25% - 9px);
	width: -ms-calc(25% - 9px);
	width: -o-calc(25% - 9px);
	width: calc(25% - 9px);
	display: inline-block;
	background: rgba(255,255,255,0.8);
	-webkit-box-shadow: 0 0 8px rgb(0 0 0 / 10%);
	-moz-box-shadow: 0 0 8px rgb(0 0 0 / 10%);
	-o-box-shadow: 0 0 8px rgb(0 0 0 / 10%);
	box-shadow: 0 0 8px rgb(0 0 0 / 10%);
}

aside > ul.dynamic > li
{
	width: 100%;
	display: block;
	background: rgba(255,255,255,1.0);
}

ul.dynamic > li + li
{
	margin-left: 12px;
}

aside > ul.dynamic > li + li
{
	margin: 15px 0 0 0;
}

ul.dynamic > li > h4
{
	text-align: left;
	color: #333;
	padding: 12px 17px 0 17px;
	margin: 0;
}

ul.dynamic-item > li
{
	font-size: 1.4rem;
	color: #333;
	padding: 12px 90px 12px 15px;
	cursor: pointer;
}

ul.dynamic-item > li:after
{
	content: attr(data-date);
	font-size: 1.2rem;
	line-height: 100%;
	letter-spacing: 0.0;
	color: #555;
	width: auto;
	right: 15px;
	top: 14px;
	position: absolute;
	display: inline-block;
	cursor: pointer;
}

ul.dynamic-item > li + li:before
{
	content: "";
	top: 0;
	left: 15px;
	right: 15px;
	width: auto;
	display: block;
	position: absolute;
	color: #555;
	border-top: 1px dotted #c0c0c0;
}

ul.dynamic-item > li:hover
{
	background: rgba(255,255,255,0.8);
}

aside ul.dynamic-item > li:hover
{
	background: #FCFCFC;
}

.homeblock
{
	width: 75%;
	min-width: 1300px;
	max-width: 1920px;
	text-align: center;
	margin: 0 auto;
}

.homeblock.heroview-box,
.homeblock.toponavi-box,
.homeblock.timeline-box,
.homeblock.toposix-box,
.homeblock.topofour-box,
.homeblock.topoloop-box,
.homeblock.topoview-box,
.homeblock.topolist-box,
.homeblock.topotype-box,
.homeblock.checker-box,
.homeblock.list-box
{
	margin-top: 60px;
}

.homeblock.group-box
{
	margin-top: 80px;
	margin-bottom: 80px;
}

.homeblock.table-title::before
{
	content: attr(data-remark);
	font-family: 'orbitron' !important;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: 0.1rem;
	line-height: 120%;
	text-align: right;
	width: auto;
	height: auto;
	border-bottom: 1px solid transparent;
	border-color: inherit;
	padding: 18px 10px 10px 10px;
	margin: 0 0 20px 0;
}

.homeblock.table-title::after
{
	content: attr(data-title);
	font-size: 1.6rem;
	width: auto;
	min-width: 68px;
	height: auto;
	left: 0;
	top: 0;
	position: absolute;
	display: inline-block;
	background-color: inherit;
	color: white;
	padding: 12px 25px;
	opacity: 1.0;
	margin: 0;
}

.homeblock.with-aside > .page-paper
{
	width: auto;
	margin: 0 calc(25% - 9px + 12px) 0 0;
	padding: 0;
}

.homeblock.with-aside > .pagebar
{
	width: auto;
	margin-right: calc(25% - 9px + 12px);
}

.homeblock.with-aside > aside
{
	width: calc(25% - 9px);
	height: auto;
	top: 64px;
	right: 0px;
	bottom: 0;
	position: absolute;
	overflow: hidden;
	display: block;
}

.logoview
{
	background-repeat: repeat;
	background-image: url(/images/backtile/grid-white.png);
	padding: 60px 0 25px 0;
}

.logoview.login > .bg-header
{
	content: "";
	width: 100%;
	height: 32px;
	top: 0;
	display: block;
	position: absolute;
	background-color: rgba(235,234,231,0.6);
}

.logoview .sub-title
{
	font-size: 3.0rem;
	font-weight: normal;
	color: #555;
	text-align: left;
	vertical-align: bottom;
	padding: 2px 0 5px 20px;
}

.logoview .sub-title::before
{
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	display: inline-block;
	border-left: 1px solid #999;
	top: 0;
	left: 10px;
}

.loginview
{
	top: 18%;
	bottom: 18%;
	left: 40%;
	right: 10%;
	width: auto;
	min-width: 720px;
	display: block;
	position: absolute;
	backdrop-filter: blur(6px);
	box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);
	color: #EEE
}

.loginside
{
	left: 0;
	top: 0;
	width: 55%;
	height: 100%;
	display: inline-block;
	position: absolute;
	padding: 50px;
	color: #FFF;
}

.logobox
{
	width: 100%;
	height: 100%;
	display: block;
	padding: 0;
	color: #FFF;
}

.logobox h1
{
	font-size: 4.4rem;
	font-weight: normal;
	letter-spacing: 0.3rem;
	line-height: 120%;
	text-align: left;
	width: 100% !important;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;
	color: inherit;
	margin: 0 0 40px 0;
}

.logobox h1.welcome
{
	font-family: 'MiniXiYuan';
	font-family: 'ZihunXiYuan';
	color: rgba(255,255,255,0.8);
}

.logobox h1.title
{
	font-family: 'YouSheBiaoTiYuan';
	font-size: 4.2rem;
	margin: 0 0 50px 0;
}

.logobox h1::after
{
	font-family: 'orbitron';
	font-size: 1.4rem;
	font-weight: normal;
	letter-spacing: 0.1rem;
	line-height: 150%;
	text-align: left;
	color: inherit;
}

.logobox h1.welcome::after
{
	display: inline-block;
	margin: 0 0 0 5px;
}

.logobox h1.title::after
{
	font-weight: normal;
	letter-spacing: 0.2rem;
	margin: 5px 0 0 0;
	opacity: 1.0;
}

.logobox h6.provider
{
	font-size: 1.4rem;
	font-weight: normal;
	letter-spacing: 0.1rem;
	line-height: 150%;
	color: inherit;
	text-align: center;
	margin: 30px 0 0 0;
}

.loginbox
{
	right: 0;
	top: 0;
	width: 45%;
	height: 100%;
	padding: 0;
	color: #EEE;
}

.loginbox > .switch 
{
	text-align: center;
	padding: 20px 40px 15px 40px;
}

.loginbox > .switch > button
{
	font-size: 1.8rem;
	background-color: transparent !important;
	border-color: transparent !important;
	color: rgba(23
	8,238,238,0.6);
	padding: 10px 12px;
}

.loginbox > .switch > button:hover
{
	color: rgba(238,238,238,0.8);
}

.loginbox > .switch > button:active,
.loginbox > .switch > button.active
{
	color: rgba(238,238,238,1.0);
	font-weight: bold;
}

.loginbox > .switch > button + button
{
	margin-left: 30px;
}

.service-box
{
	width: 42px;
	left: auto;
	right: 0;
	bottom: 20px;
	display: inline-block;
	position: fixed;
	background-color: transparent;
	text-align: center;
	z-index: 98;
}

.service-box > [class*="service-"]
{
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-o-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
}

.service-box > [class*="icon"]
{
	font-size: 2.0rem;
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 0;
	padding: 8px 8px 10px 10px;
	cursor: pointer;
}

.service-box > [class*="icon"]:first-child,
.service-box > [class*="icon"]:last-child
{
	height: 28px;
	background-color: #FFF;
	color: #333;
	padding-top: 4px;
}

.service-box > [class*="icon"]:first-child
{
	-webkit-border-radius: 2px 0 0 0;
	-moz-border-radius: 2px 0 0 0;
	-o-border-radius: 2px 0 0 0;
	-ms-border-radius: 2px 0 0 0;
	border-radius: 2px 0 0 0;
	margin-bottom: 2px;
}

.service-box > [class*="icon"]:last-child
{
	-webkit-border-radius: 0 0 0 2px;
	-moz-border-radius: 0 0 0 2px;
	-o-border-radius: 0 0 0 2px;
	-ms-border-radius: 0 0 0 2px;
	border-radius: 0 0 0 2px;
	margin: 0;
}

.service-box > [class*="service-"]:hover,
.service-box > [class*="service-"]:active,
.service-box > [class*="service-"].active
{
	background-color: red;
}

.service-box > .service-entry
{
	font-size: 1.4rem;
	line-height: 110%;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 0;
	white-space: normal;
	word-break: break-word;
	word-wrap: break-word;
	padding: 10px 10px;
	cursor: pointer;
	margin-bottom: 2px;
}

.service-box > .service-phone
{
	padding: 0;
	margin-bottom: 2px;
}
.service-box > .service-phone::before
{
	padding: 8px 10px;
}

.service-box > .service-phone::after
{
	content: attr(title);
	font-family: "orbitron";
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 120%;
	text-align: center;
	letter-spacing: 0.0rem;
	white-space: nowrap;
	-webkit-writing-mode: vertical-lr; 
	writing-mode: vertical-lr; 
	width: auto;
	display: block;
	position: relative;
	background-color: #FFF;
	color: #333;
	cursor: pointer;
	padding: 6px 13px 8px 13px;
}

.service-phone > .barcode-box
{
	top: auto;
	bottom: 0;
	left: auto;
	right: 46px;
}
.service-phone:hover > .barcode-box,
.service-phone:active > .barcode-box
{
	display: block;
}

.service-box > .service-advice
{
	font-size: 1.2rem;
	margin-bottom: 2px;
}

.service-box > .service-advice::before
{
	font-size: 2.4rem;
	vertical-align: top;
	padding-bottom: 5px;
}

@media screen and (min-device-height: 768px) 
	and (max-device-height: 899px) 
{
	.logoview.regist,
	.logoview.forget,
	.logoview.login
	{
		padding-top: 50px;
		padding-bottom: 15px;
	}
}

section.hideview
{
	display: none;
}

section.naviview.homeview
{
	padding-top: 54px;
}

section.naviview:hover > .carousel-left,
section.naviview:hover > .carousel-right,
section.naviview:hover > .carousel-marker
{
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadein;
	animation-name: fadein;
}

.homeblock.banner .image-remark
{
	width: 35%;
}

.homeblock.banner .image-back,
.homeblock.banner .image-thumb
{
	width: 60%;
	top: 0;
	left: auto;
	right: 0;
	bottom: 0;
	position: absolute;
}

.homeblock.banner .image-back.right,
.homeblock.banner .image-thumb.right
{
	left: 0;
	right: auto;
}

.homeblock.banner .image-logo
{
	top: 20px;
	left: 20px;
	right: 20px;
	height: 48px;
	width: auto;
	display: block;
	position: absolute;
	padding: 0;
}

.homeblock.banner h1.banner-font
{
	font-size: 4.0rem;
	color: inherit;
	margin-bottom: 20px;
}

.homeblock.banner h1.banner-font[data-remark]:after
{
	font-size: 1.2rem;
}

.homeblock.banner > .button
{
	font-size: 1.5rem;
	letter-spacing: 0.05rem;
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 13px 25px;
}

section.newsview
{
	background-repeat: repeat;
	background-image: url(/images/backtile/grid-gray.png);
	padding: 50px 0;
}

section.imageview
{
	text-align: center;
	background-repeat: repeat;
	background-image: url(/images/backtile/grid-gray.png);
}

section.shelfview
{
	padding: 30px 0;
	min-height: 400px;
}

section.zoneview,
section.zonemask
{
	padding: 64px 0;
	min-height: 400px;
}

section.zoneimage
{
	padding: 0 0 64px 0;
	min-height: 400px;
}

section.paperview
{
	padding: 30px 0;
	min-height: 400px;
}

section.maskview
{
	padding: 64px 0;
	min-height: 200px;
}

section.maskview > h1[data-remark]
{
	margin-bottom: 50px;
}

section.maskview > h1[data-remark]
{
	color: inherit;
}

section.maskview > h1[data-remark]:after
{
	color: inherit;
	opacity: 0.8;
}

section.cakeview
{
/*
	background-repeat: repeat;
	background-image: url(/images/backtile/grid-white.png);
*/
	padding: 12px 0;
}

section.copyright
{
	background: rgba(0,0,0,0.4);
	padding: 12px 0;
}

section > h1.banner-font,
section > article > h1.banner-font
{
	letter-spacing: 0.4rem;
}

footer
{
	vertical-align: top;	
	background-repeat: repeat;
	background-image: url("/images/backtile/cell.png");
	border-top: 2px solid transparent;
	border-color: inherit;
}

footer > article
{
	padding: 0 0 0 148px;
}

footer > article > .image-thumb
{
	width: 112px;
	height: 112px;
	top: 20px;
	left: 0;
	display: inline-block;
	position: absolute;
}

footer table tbody,
footer table tr,
footer table th,
footer table td
{
	border: none;
}

footer table tbody:last-child
{
	border: none;
}

footer table th
{
	font-size: 1.8rem;
	font-weight: normal;
	letter-spacing: 0.2rem;
	line-height: 180%;
	color: rgba(255,255,255,0.8);
	padding: 10px 10px 0px 10px;
}

footer table td,
footer table td *,
footer .copyright a
{
	font-family: 'envycode','SimSun';
	font-size: 1.2rem;
	line-height: 100%;
	color: rgba(255,255,255,0.6);
}

footer table td
{
	padding: 10px 10px;
}

footer table td > a
{
	padding: 0;
}

footer .copyright a
{
	width: auto;
	display: inline-block;
}

footer .copyright a + a
{
	margin-left: 30px;
}

footer .public-zone
{
	width: auto;
	text-align: center;
	margin: 20px auto;
	padding: 0;
}

footer .public-zone > a
{
	width: 150px;
	height: 48px;
	display: inline-block;
	text-align: center;
	margin: 0;
}

footer .public-zone > a + a
{
	margin-left: 30px;
}

.news-item
{
	color: #333;
	cursor: pointer;
	padding: 35px 30px;
}

.news-item:hover
{
	background-color: #FCFCFC;
}

.news-item + .news-item::before
{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 30px;
	right: 30px;
	height: 0;
	border-top: 1px dashed #EBEBEB;
}

.news-item > .image-back
{
	width: 302px;
	height: 170px;
	display: table-cell;
}

.news-item .title-text
{
	width: auto;
	height: 170px;
	letter-spacing: 0.1rem;
	display: table-cell;
	color: #555;
	padding: 5px 0 0 30px;
}

.news-item .title-text:before
{
	text-align: left;
	color: #333;
}

.news-item .title-text > i
{
	font-weight: normal;
	margin-left: 5px;
}

.news-item .news-remark > span
{
	padding: 20px 15px 5px 15px;
	color: #666;
}

.news-item .news-remark > span > i
{
	font-size: 1.6rem;
	margin-right: 5px;
}

.news-item .news-remark > span.auth
{
	padding-left: 0;
}

.news-item .news-remark > span.auth::after
{
	content: "";
	width: 1px;
	height: 1.4rem;
	right: 0;
	bottom: 5px;
	position: absolute;
	display: inline-block;
	background-color: #999;
}

.page-paper
{
	border: 1px solid #E0E0E0;
	background-color: #fff;
	padding: 64px;
}

.page-banner
{
	padding: 0 0 5px 0;
}

.page-paper img
{
	width: 100%;
	position: relative;
	display: block;
	margin: 10px 0;
	cursor: pointer;
}

.page-header,
.page-footer,
.page-remark
{
	font-size: 1.2rem;
	color: #999;
}

.page-header
{
	border-bottom: 1px solid #DEDEDE;
	padding: 0 0 5px 0;
}

.page-footer
{
	border-top: 1px solid #DEDEDE;
	padding: 5px 0 0 0;
}

.page-footer > img
{
	height: 32px;
	width: auto;
	display: inline-block;
}

.page-header > span,
.page-footer > span
{
	width: auto;
	right: 0;
	position: absolute;
	text-align: right;
}

.page-title
{
	font-size: 3.2rem;
	line-height: 150%;
	font-weight: bold;
	text-align: center;
	color: #333;
	padding: 30px;
}

.page-remark
{
	text-align: left;
	padding: 0 0 10px 0;
}

.page-chapter,
.page-section
{
	padding: 10px 0;
}

.page-chapter::before,
.page-section::before
{
	font-size: 2.2rem;
	line-height: 200%;
	text-align: left;
	color: #333;
	width: 100%;
	padding: 0;
}

.page-section::before
{
	font-size: 2.0rem;
}

.page-quote
{
	padding: 40px 0;
}

.timeline-box
{
	display: table;
	table-layout: fixed;
	background-color: transparent;
	border-color: inherit;
	color: inherit;
}

.timeline-point
{
	display: table-cell;
	background-color: transparent !important;
	border-color: inherit;
	color: inherit;
}

.timeline-point::before
{
	content: "";
	left: calc(50% - 10px);
	top: calc(50% - 10px);
	width: 0px;
	height: 0px;
	display: inline-block;
	position: absolute;
	border: 10px solid transparent;
	border-color: inherit;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	-ms-border-radius: 50% !important;
	-o-border-radius: 50% !important;
	border-radius: 50% !important;
}

.timeline-point::after
{
	content: "";
	left: 0;
	right: 0;
	top: calc(50% - 5px);
	height: 0px;
	display: inline-block;
	position: absolute;
	border-bottom: 10px solid transparent;
	border-color: inherit;
}

.timeline-point.endpoint::before,
.timeline-point.endpoint::after
{
	display: none;
}

.timeline-point:last-child
{
	font-size: 6.4rem;
	width: 6.4rem;
	text-align: center;
	vertical-align: middle;
}

.timeline-layer
{
	overflow: visible !important;
	color: inherit;
	background-color: inherit;
	border-color: inherit;
	padding: 0;
	margin-bottom: 100px;
}

.timeline-layer:last-child
{
	margin-top: 100px;
	margin-bottom: 0;
}

.timeline-layer[data-title]
{
	background-color: transparent !important;
}

.timeline-layer[data-title]::before
{
	font-family: "bebas";
	font-size: 3.4rem;
	line-height: 120%;
	letter-spacing: 0.1rem;
	text-align: center;
	vertical-align: top;
	left: 0;
	right: 0;
	position: absolute;
	background-color: inherit;
	border-color: inherit;
	color: inherit;
	padding: 0;
	margin: 0;
}

.timeline-point.title-up .timeline-layer[data-title]::before
{
	vertical-align: bottom;
	bottom: 0;
}

.timeline-layer[data-title]::after
{
	content: "";
	left: calc(50% - 3px);
	width: 0;
	height: 62px;
	top: -62px;
	display: inline-block;
	position: absolute;
	border-left: 6px solid transparent;
	border-left-color: inherit;
	margin: 0;
}

.timeline-point.title-up .timeline-layer[data-title]::after
{
	top: auto;
	bottom: -62px;
}

.timeline-layer[data-remark]
{
	background-origin: content-box !important;
	border: 1px solid transparent;
	border-bottom-width: 62px;
	border-color: inherit;
}

.timeline-layer[data-remark]::after
{
	font-size: 1.4rem;
	line-height: 120%;
	letter-spacing: 0.08rem;
	left: 5px;
	right: 5px;
	bottom: -57px;
	width: auto;
	height: 52px;
	position: absolute;
	display: inline-block;
	white-space: normal !important;
	word-break: break-word !important;
	word-wrap: break-word !important;
	overflow: hidden;
	color: #FFF;
	opacity: 1.0;
	padding: 0;
	margin: 0;
}

.timeline-layer[data-remark]::before
{
	content: "";
	left: calc(50% - 10px);
	top: -20px;
	width: 0;
	height: 0;
	display: inline-block;
	position: absolute;
	border: 10px solid transparent;
	border-bottom-color: inherit;
	margin: 0;
}

.timeline-point.title-down .timeline-layer[data-remark]::before
{
	top: auto;
	bottom: -82px;
	border-bottom-color: transparent;
	border-top-color: inherit;
}

.toponavi-box
{
	min-height: 432px;
	display: table;
	table-layout: fixed;
}

.topoimg
{
	width: 23%;
	display: table-cell;
	background-origin: content-box !important;
	background-image: url(/images/3d/size-red3.png);
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

.topoimg::before,
.topoimg::after
{
	font-weight: normal;
	left: 30%;
	right: 30%;
	display: inline-block;
	position: absolute;
	z-index: 2;
}

.topoimg::before
{
	font-size: 4.4rem;
	letter-spacing: 0.8rem;
	top: 25%;
	left: 20%;
	right: 30%;
}

.topoimg::after
{
	font-family: 'orbitron';
	font-size: 1.8rem;
	top: 33%;
	left: 20%;
	right: 32%;
	text-align: center;
}

.toponavi
{
	width: auto;
	display: table-cell;
	padding: 50px 0;
}

.toponavi > li
{
	padding-right: 20px;
	cursor: pointer;
}

.toponavi.left > li
{
	padding-right: 0;
	padding-left: 20px;

}

.toponavi > li > [class*=flex-row]
{
	height: 84px;
}

.toponavi > li + li
{
	margin-top: 40px;
}

.topotype-box > .toponavi > li + li
{
	margin-top: 30px;
}

.toponavi > li > .flex-row-index
{
	font-family: 'bebas';
	font-size: 3.0rem;
	line-height: 130%;
	letter-spacing: 0;
	vertical-align: middle;
	color: rgba(0,0,0,0.3);
	padding: 20px 20px 22px 15px;
	margin: auto 0;
}

.toponavi.left > li > .flex-row-index
{
	padding: 20px 15px 22px 20px;
}

.toponavi > li > .flex-row-index::after
{
	content: "";
	top: 15px;
	bottom: 15px;
	right: 0;
	width: 0;
	display: inline-block;
	position: absolute;
	border-right: 8px dotted rgba(0,0,0,0.2);
}

.toponavi.left > li > .flex-row-index::after
{
	right: auto;
	left: 0;
}

.toponavi > li > .flex-row-title
{
	font-size: 2.4rem;
	line-height: 100%;
	white-space: nowrap;
	vertical-align: middle;
	color: #FFF ;
	padding: 30px 10px 30px 15px;
	margin: auto 0;
}

.toponavi.left > li > .flex-row-title
{
	padding: 30px 15px 30px 10px;
}

.toponavi > li > .flex-row-title::before
{
	content: "";
	top: 0;
	bottom: 0;
	width: 0;
	display: inline-block;
	position: absolute;
	border: 42px solid transparent;
	border-color: inherit;
}

.toponavi.right > li > .flex-row-title::before
{
	right: -42px;
	border-left: none;
	border-right-color: transparent;
}

.toponavi.left > li > .flex-row-title::before
{
	left: -42px;
	border-right: none;
	border-left-color: transparent;
}

.toponavi > li > .flex-row-text
{
	color: #CCC ;
	color: #555 ;
	padding: 10px 20px 10px 10px;
	margin: auto 0 auto 52px;
}

.toponavi.left > li > .flex-row-text
{
	padding: 10px 10px 10px 20px;
	margin: auto 52px auto 0;
}

.toponavi > li > .flex-row-text > .text-ellipsis-line3
{
	font-size: 1.6rem;
	line-height: 130%;
}

.toponavi > li > .flex-row-text::before
{
	content: "";
	top: 0;
	bottom: 0;
	width: 0;
	display: inline-block;
	position: absolute;
	border: 42px solid transparent;
}

.toponavi.right > li > .flex-row-text::before
{
	left: -42px;
	border-left: none;
	border-right-color: inherit;
}

.toponavi.left > li > .flex-row-text::before
{
	right: -42px;
	border-right: none;
	border-left-color: inherit;
}

.toponavi > li > .flex-row-text::after
{
	content: "";
	top: 15px;
	bottom: 15px;
	right: 0;
	width: 0;
	display: inline-block;
	position: absolute;
	border-right: 8px dotted rgba(0,0,0,0.2);
}

.toponavi.left > li > .flex-row-text::after
{
	right: auto;
	left: 0;
}

.toponavi > li > .flex-row-icon
{
	font-size: 6.0rem;
	line-height: 100%;
	color: #EEE ;
	color: #555 ;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

.toponavi.left > li > .flex-row-icon
{
	padding: 10px 10px 10px 5px;
}

.toponavi > li > .flex-row-icon::after
{
	content: "";
	top: 0;
	bottom: 0;
	width: 0;
	display: inline-block;
	position: absolute;
	border: 42px solid transparent;
	border-color: inherit;
}

.toponavi.right > li > .flex-row-icon::after
{
	right: -20px;
	border-left: none;
	border-right-width: 20px;
	border-right-color: transparent;
}

.toponavi.left > li > .flex-row-icon::after
{
	left: -20px;
	border-right: none;
	border-left-width: 20px;
	border-left-color: transparent;
}

.topotype-box
{
	display: table;
	table-layout: fixed;
}

.topotype-box .toponavi
{
	padding: 25px 0;
}

.topogroup-box
{
	width: 260px;
	display: table-cell;
	color: inherit;
}

.topogroup
{
	top: 0;
	bottom: 0;
	left: 30px;
	right: 30px;
	width: auto;
	display: inline-block;
	position: absolute;
}

.topogroup > .topogroup-before,
.topogroup > .topogroup-after
{
	top: 0;
	width: 100%;
	height: 40px;
	display: block;
	position: absolute;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	-ms-border-radius: 50% !important;
	-o-border-radius: 50% !important;
	border-radius: 50% !important;
}

.topogroup > .topogroup-after
{
	top: auto;
	bottom: 0;
}

.topogroup > .topogroup-body
{
	top: 20px;
	left: 0;
	right: 0;
	bottom: 20px;
	width: auto;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	position: absolute;
	opacity: 0.9;
}

.topogroup > .topogroup-body > h3
{
	font-size: 2.4rem;
	top: calc(50% - 3px);
	line-height: 150%;
	text-align: center;
	vertical-align: middle;
	color: rgba(0,0,0,0.8);
	padding: 0 20px;
}

.topogroup > .topogroup-before > span
{
	font-family: "bebas";
	font-size: 3.6rem;
	line-height: 100%;
	top: 0;
	left: calc(50% - 10px);
	display: inline-block;
	position: absolute;
	transform: perspective(100px) rotateX(60deg);
	color: rgba(0,0,0,0.1);
}

.tableview-box
{
	display: table;
	table-layout: fixed;
	color: #333;
}

.tableview-box > .shelf-tray,
.tableview-box > .tableview-view
{
	min-height: 600px;
	display: table-cell;
	background-color: inherit;
	color: inherit;
}

.tableview-box > .shelf-tray
{
	width: 22%;
}

.tableview-panel
{
	width: auto;
	top: 30px;
	bottom: 40px;
	left: 10px;
	right: 10px;
	position: absolute;
	text-align: center;
}

.tableview-panel .image-thumb
{
	margin: 0 0 30px 0;
}

.tableview-panel .title-text
{
	padding: 0 10px;
}

.tableview-panel .title-text::before
{
	margin-bottom: 20px;
}

.tableview-panel .flex-col-foot
{
	text-align: center;
	margin-top: 30px;
}

.tableview-panel .button
{
	font-size: 1.6rem;;
	padding: 12px 60px;
	color: #FFF;
}

.tableview-panel .line-text
{
	padding: 0 10px;
	margin: 10px 0 0 0;
}

.tableview-view
{
	width: auto;
	background-image: url("/images/backtile/paper-white0.jpg");
	padding: 20px;
}

.tableview-view tr + tr
{
	border-top: 1px dotted #CCC;
}

.tableview-view tr:first-child
{
	border-bottom: 1px solid #CCC;
}

.tableview-view tr:nth-child(2)
{
	border-top: none;
}

.tableview-view tr:nth-child(2n+3)
{
	background-color: #F8F8F8;
}

.tableview-view tr:not(:first-child):hover
{
	background-color: rgba(242,91,32,0.05);
	cursor: pointer;
}

.tableview-view tr:not(:first-child):active
{
	background-color: rgba(242,91,32,0.1);
}

.tableview-view th.grid-name
{
	min-width: 120px;
	width: 200px;
}

.tableview-view th.grid-code
{
	width: 200px;
}

.tableview-view td
{
	padding: 18px 10px;
}


.serveview .talkbox
{
	top: 0;
	bottom: 0;
	left: 200px;
	right: 200px;
	width: auto;
	display: block;
	position: absolute;
}

.serveview .talkbox > .side-box
{
	top: 0;
	bottom: 0;
	left: 20%;
	right: 20%;
	width: auto;
	display: block;
	position: absolute;
	background-color: rgba(0,0,0,0.5);
}

.serveview .talkbox > .talk-menu
{
	top: 0;
	bottom: 0;
	right: 0;
	width: 20%;
	display: block;
	position: absolute;
	background-color: rgba(0,0,0,0.1);
}

.serveview .talkbox > .talk-menu:first-child
{
	left: 0;
	right: auto;
}

body[class*="term"].theme-board.bg-color
{
	background-image: radial-gradient(rgb(3,66,152),rgb(6,23,66));
}

body[class*="term"] > header
{
	background-color: transparent;
}

body.termxview > header
{
	height: 80px;
	background-image: url(/images/backbox/title-box.png);
	padding: 20px 0 20px 0;
}

body.termvview > header
{
	aspect-ratio: 720 / 60;
	padding: 10px 0 5px 0;
	background-image: url(/images/backbox/title-boxv.png);
}

body.termoview > header
{
	aspect-ratio: 720 / 100;
	background-image: url(/images/backbox/title40-boxv.png);
	padding: 22px 0 30px 0;
}

body[class*="term"] > header > h1
{
	font-weight: bold;
	font-size: 3.2rem;
	line-height: 130%;
	color: #FFF;
	padding: 0;
	margin: 0;
}

body.termoview > header > h1
{
	font-size: 3.6rem;
}

body.termxview > header > h1
{
	font-size: 3.8rem;
}

[class*="term"] > header > span
{
	font-family: 'bebas';
	font-size: 1.6rem;
	font-weight: normal;
	letter-spacing: 0.1rem;
	line-height: 130%;
	text-align: left;
	position: absolute;
	top: auto;
	bottom: 2px;
	left: 15px;
	width: auto;
	color: aqua;
	padding: 4px 0 0 0;
	margin: 0;
}

.termvview > header > .board-remark
{
	text-align: right;
	right: 15px;
	left: auto;
}

.termxview > header > span
{
	font-size: 2.4rem;
}

.termxview > header > .board-date
{
	text-align: right;
	right: 68%;
	left: auto;
}

.termxview > header > .board-remark
{
	text-align: left;
	left: 68%;
	right: auto;
}

body[class*="term"] > main
{
	top: 70px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	width: auto;
	height: auto;
	min-width: unset;
	position: fixed;
}

body.termxview > main
{
	top: 95px;
	left: 15px;
	right: 15px;
	bottom: 15px;
}

.video-box
{
	background-origin: content-box !important;
	border: 2px solid transparent;
	border-image-source: url(/images/backbox/video-box.png);
	border-image-slice: 2 fill;/*定义边框图像从什么位置开始分割*/
	border-image-repeat: stretch;/*定义边框图像的平铺方式*/
}

.termxview > main > .video-box
{
	top: 0;
	left: 18%;
	bottom: 250px;
	width: 64%;
	position: absolute;
}

.termxview > main > .video-box.noborder
{
	top: 0;
	bottom: 0;
	left: calc(18% + 10px);
	right: calc(18% + 10px);
	width: auto;
	border-image-source: none;
}

.termvview > main > .video-box
{
	aspect-ratio: 16 / 9;
}

.board-media
{
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: auto;
	position: absolute;
}

.board-media.voice
{
	background-color: darkgreen;
	background-image: url(/images/alarm/back-voice.png);
}

.board-media.water
{
	background-color: darkred;
	background-image: url(/images/alarm/back-water.png);
}

.board-media.wind
{
	background-color: darkred;
	background-image: url(/images/alarm/back-wind.png);
}

.board-media.power
{
	background-color: darkred;
	background-image: url(/images/alarm/back-power.png);
}

.board-media.break
{
	background-color: darkred;
	background-image: url(/images/alarm/back-break.png);
}

.board-media.timer
{
	background-color: darkred;
	background-image: url(/images/alarm/back-timer.png);
}

.board-media.over
{
	background-color: darkred;
	background-image: url(/images/alarm/back-over.png);
}

.board-media.fall
{
	background-color: darkred;
	background-image: url(/images/alarm/back-fall.png);
}

.board-media.vil
{
	background-color: darkred;
	background-image: url(/images/alarm/back-vil.png);
}

.board-media.vih
{
	background-color: darkred;
	background-image: url(/images/alarm/back-vih.png);
}

.board-media.hrl
{
	background-color: darkred;
	background-image: url(/images/alarm/back-hrl.png);
}

.board-media.hrh
{
	background-color: darkred;
	background-image: url(/images/alarm/back-hrh.png);
}

.board-media.brl
{
	background-color: darkred;
	background-image: url(/images/alarm/back-brl.png);
}

.board-media.brh
{
	background-color: darkred;
	background-image: url(/images/alarm/back-brh.png);
}

.board-media.fire
{
	background-color: darkred;
	background-image: url(/images/alarm/back-fire.png);
}

.board-media.sos
{
	background-color: darkred;
	background-image: url(/images/alarm/back-sos.png);
}

.board-media.loading::after
{
	content: "正在初始化系统...";
	font-size: 3.0rem;
	line-height: 130%;
	text-align: center;
	display: block;
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	z-index: 2;
	color: inherit;
}

ul.board-sider
{
	text-align: center;
	background-origin: content-box !important;
	background-image: url("/images/backimg/whitegrid80.png");
	border: 14px solid transparent;
	border-image-slice: 14 fill;/*定义边框图像从什么位置开始分割*/
	border-image-repeat: stretch;/*定义边框图像的平铺方式*/
}

.termxview > main  > ul.board-sider
{
	top: 0;
	right: 0;
	bottom: 250px;
	width: calc(18% - 10px);
	position: absolute;
	border-image-source: url(/images/backbox/siderx-box.png);
}

.termxview > main  > ul.board-sider.side-left
{
	left: 0;
	right: auto;
}

.termxview > main  > ul.board-sider.to-bottom
{
	bottom: 0;
}

.termvview > main  > ul.board-sider
{
	height: 400px;
	margin: 10px 0 0 0;
	padding: 15px 10px;
	border-image-source: url(/images/backbox/siderv-box.png);
}

.termxview > main  > ul.board-sider > li.image-thumb
{
	top: 60px;
	bottom: 100px;
	left: 50px;
	right: 50px;
	width: auto;
	height: auto;
	display: inline-block;
	position: absolute;
	margin: 0;
	background-position: center bottom !important;
}

.termxview > main  > ul.board-sider > li.human
{
	top: 60px;
	bottom: 100px;
	left: 50px;
	right: 50px;
}

.termvview > main  > ul.board-sider > li.image-thumb
{
	height: 100%;
	width: calc(25% - 24px);
	display: inline-block;
	position: relative;
	background-position: center bottom !important;
}

.termvview > main  > ul.board-sider > li.image-thumb + li.image-thumb
{
	margin: 0 0 0 5px;
}

.termvview > main  > ul.board-sider > li[class*="-up"] + li[class*="-up"]
{
	margin-left: 86px;
}

.termvview > main  > ul.board-sider > li.image-thumb + li[class*="-vip"]
{
	margin-left: 40px;
}

.termvview > main  > ul.board-sider > li[class*="-vip"] + li.image-thumb
{
	margin-left: 90px;
}

main  > ul.board-sider > li.status-inuse
{
	top: auto;
	bottom: 15px;
	left: 30%;
	right: 30%;
	width: auto;
	height: 1.8rem;
	display: inline-block;
	position: absolute;
	border-left: 40px solid red;
	border-right: 40px solid springgreen;
}

main  > ul.board-sider > li.status-inuse::before,
main  > ul.board-sider > li.status-inuse::after
{
	content: "使用中";
	font-size: 1.6rem;
	line-height: 130%;
	font-weight: bold;
	text-align: left;
	width: auto;
	height: auto;
	left: 10px;
	top: 0px;
	bottom: 0px;
	display: inline-block;
	position: absolute;
	color: lightskyblue;
	color: #FFF;
}

main  > ul.board-sider > li.status-inuse::after
{
	content: "空闲中";
	text-align: right;
	left: auto;
	right: 10px;
}

.termxview > main  > ul.board-sider > li.status-inuse
{
	left: 10%;
	right: 10%;
	bottom: 50px;
}

.termxview > main  > ul.board-sider > li.left-up,
.termxview > main  > ul.board-sider > li.leftz-up,
.termxview > main  > ul.board-sider > li.right-up,
.termxview > main  > ul.board-sider > li.rightz-up
{
	bottom: 50%;
}

.termvview > main  > ul.board-sider > li.left-up,
.termvview > main  > ul.board-sider > li.leftz-up,
.termvview > main  > ul.board-sider > li.right-up,
.termvview > main  > ul.board-sider > li.rightz-up
{
	height: 90%;
}

.termvview > main  > ul.board-sider.six-sits > li.left-sit,
.termvview > main  > ul.board-sider.six-sits > li.leftz-sit,
.termvview > main  > ul.board-sider.six-sits > li.right-sit,
.termvview > main  > ul.board-sider.six-sits > li.rightz-sit
{
	height: 90%;
	width: calc(16% - 10px);
}

.termvview > main  > ul.board-sider.six-sits > li[class*="left"] + li[class*="right"]
{
	margin-left: 50px;
}

.termvview > main  > ul.board-sider.six-sits > li.image-thumb::before
{
	bottom: 120px;
	height: 90px;
}

.termvview > main  > ul.board-sider.six-sits > li.image-thumb::after
{
	font-size: 1.7rem;
	top: 30px
}

.termvview > main  > ul.board-sider > li.left-center
{
	width: 75% !important;
}

.termvview > main  > ul.board-sider > li[class*="-vip"]
{
	width: 40% !important;
}

.termvview > main  > ul.board-sider > li.left-center + li.status-inuse
{
	left: 20%;
	right: 20%;
}

.termvview > main  > ul.board-sider > li.status-inuse.vipl
{
	left: 36%;
	right: 30%;
}

.termvview > main  > ul.board-sider > li.right-vip + li.status-inuse,
.termvview > main  > ul.board-sider > li.status-inuse.vipr
{
	left: 20%;
	right: 40%;
}

ul.board-sider > li[class*="left-"]
{
	background-image: url(/images/toilet/toilet-left0.png);
}

ul.board-sider > li[class*="leftz-"]
{
	background-image: url(/images/toilet/toilet-leftz0.png);
}

ul.board-sider > li[class*="leftv-"]
{
	background-image: url(/images/toilet/toilet-leftv0.png);
}

ul.board-sider > li.left-center,
ul.board-sider > li.left-vip
{
	background-image: url(/images/toilet/toilet-leftvip0.png);
}

ul.board-sider > li[class*="left-"].active
{
	background-image: url(/images/toilet/toilet-left1.png);
}

ul.board-sider > li[class*="leftz-"].active
{
	background-image: url(/images/toilet/toilet-leftz1.png);
}

ul.board-sider > li[class*="leftv-"].active
{
	background-image: url(/images/toilet/toilet-leftv1.png);
}

ul.board-sider > li.left-center.active,
ul.board-sider > li.left-vip.active
{
	background-image: url(/images/toilet/toilet-leftvip1.png);
}

ul.board-sider > li.left-down.human
{
	background-image: url(/images/human/human-tech.png);
}

ul.board-sider > li[class*="right-"]
{
	background-image: url(/images/toilet/toilet-right0.png);
}

ul.board-sider > li[class*="rightz-"]
{
	background-image: url(/images/toilet/toilet-rightz0.png);
}

ul.board-sider > li[class*="rightv-"]
{
	background-image: url(/images/toilet/toilet-rightv0.png);
}

ul.board-sider > li.right-vip
{
	background-image: url(/images/toilet/toilet-rightvip0.png);
}

ul.board-sider > li[class*="right-"].active
{
	background-image: url(/images/toilet/toilet-right1.png);
}

ul.board-sider > li[class*="rightz-"].active
{
	background-image: url(/images/toilet/toilet-rightz1.png);
}

ul.board-sider > li[class*="rightv-"].active
{
	background-image: url(/images/toilet/toilet-right1.png);
}

ul.board-sider > li.right-vip.active
{
	background-image: url(/images/toilet/toilet-rightvip1.png);
}

ul.board-sider > li.right-down.human
{
	background-image: url(/images/human/human-tech.png);
}

ul.board-sider > li.image-round
{
	top: 80%;
	left: 10%;
	right: 10%;
	bottom: 5%;
	width: auto;
	position: absolute;
	background-image: url(/images/backbox/bottom-site.png);
}

ul.board-sider > li.image-thumb::before
{
	content: "";
	display: block;
	position: absolute;
	top: auto;
	bottom: 240px;
	width: 100%;
	height: 180px;
	background-origin: border-box;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: scroll;
	background-position: center bottom;
}

ul.board-sider > li.image-thumb::after
{
	content: attr(data-alarm);
	font-family: 'bebas';
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 130%;
	text-align: center;
	top: 0;
	width: 100%;
	height: auto;
	display: block;
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
	color: springgreen;
}

.termvview > main  > ul.board-sider > li.image-thumb::before
{
	bottom: 150px;
	height: 100px;
}

.termvview > main  > ul.board-sider > li.left-center::before
{
	bottom: 150px;
	height: 150px;
}

.termvview > main  > ul.board-sider > li.image-thumb::after
{
	font-size: 2.0rem;
}

.termvview > main  > ul.board-sider > li.left-center::after
{
	font-size: 3.0rem;
}

ul.board-sider > li.active::before
{
	background-image: url(/images/alarm/alarm-active.png);
}

ul.board-sider > li.timer::before
{
	background-image: url(/images/alarm/alarm-timer.png);
}

ul.board-sider > li.water::before
{
	background-image: url(/images/alarm/alarm-water.png);
}

ul.board-sider > li.wind::before
{
	background-image: url(/images/alarm/alarm-wind.png);
}

ul.board-sider > li.power::before
{
	background-image: url(/images/alarm/alarm-power.png);
}

ul.board-sider > li.break::before
{
	background-image: url(/images/alarm/alarm-break.png);
}

ul.board-sider > li.over::before
{
	background-image: url(/images/alarm/alarm-over.png);
}

ul.board-sider > li.fall::before
{
	background-image: url(/images/alarm/alarm-fall.png);
}

ul.board-sider > li.vil::before
{
	background-image: url(/images/alarm/alarm-vil.png);
}

ul.board-sider > li.vih::before
{
	background-image: url(/images/alarm/alarm-vih.png);
}

ul.board-sider > li.hrl::before
{
	background-image: url(/images/alarm/alarm-hrl.png);
}

ul.board-sider > li.hrh::before
{
	background-image: url(/images/alarm/alarm-hrh.png);
}

ul.board-sider > li.brl::before
{
	background-image: url(/images/alarm/alarm-brl.png);
}

ul.board-sider > li.brh::before
{
	background-image: url(/images/alarm/alarm-brh.png);
}

ul.board-sider > li.fire::before
{
	background-image: url(/images/alarm/alarm-fire.png);
}

ul.board-sider > li.sos::before
{
	background-image: url(/images/alarm/alarm-sos.png);
}

ul.board-sider > li.over[data-alarm]::after,
ul.board-sider > li.fall[data-alarm]::after,
ul.board-sider > li.timer[data-alarm]::after,
ul.board-sider > li.water[data-alarm]::after,
ul.board-sider > li.wind[data-alarm]::after,
ul.board-sider > li.power[data-alarm]::after,
ul.board-sider > li.break[data-alarm]::after,
ul.board-sider > li.fire[data-alarm]::after,
ul.board-sider > li.sos[data-alarm]::after
{
	color: yellow;
}

.termvview > main > .board-watch,
.termxview > main > .board-watch
{
	height: 225px;
	background-origin: content-box !important;
	border: 14px solid transparent;
	border-image-source: url(/images/backbox/siderv-box.png);
	border-image-slice: 14 fill;/*定义边框图像从什么位置开始分割*/
	border-image-repeat: stretch;/*定义边框图像的平铺方式*/
	padding: 5px 0 15px 20px;
	margin: 10px 0 0 0;
}

.termxview > main > .board-watch
{
	left: 20%;
	right: 20%;
	bottom: 0;
	width: auto;
	height: 234px;
	position: absolute;
}

.board-watch > li
{
	font-family: "bebas";
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 130%;
	display: inline-block;
	text-align: right;
	height: 44px;
	width: calc(33% - 20px);
	margin: 0 20px 0 0;
	color: aqua;
}

.board-watch.box4 > li
{
	height: 120px;
	width: calc(25% - 20px);
}

.board-watch.box5 > li
{
	width: calc(20% - 20px);
}

.board-watch.box6 > li
{
	width: calc(16.6% - 20px);
}

.board-watch > li > span
{
	font-size: 1.8rem;
	line-height: 150%;
	right: 0;
	bottom: 1px;
	position: absolute;
	color: inherit;
}
/*
.board-watch > li > span::after
{
	content: "μg/m³";
	display: inline-block;
	font-family: 'envycode';
	font-size: 1.6rem;
	line-height: 130%;
	margin: 0 0 0 2px;
	color: inherit;
}

.board-watch > li > span[id*="温度"]::after
{
	content: "℃";
}

.board-watch > li > span[id*="湿度"]::after
{
	content: "%";
}

.board-watch > li > span[id*="碳排"]::after
{
	content: "gCO2e";
}

.board-watch > li > span[id*="次数"]::after,
.board-watch > li > span[id*="客流"]::after
{
	content: "No.";
}

.board-watch > li > span[id*="状态"]::after
{
	content: "";
}
*/
.board-watch > li > meter
{
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	display: block;
	position: absolute;
	height: 4px;
	block-size: 4px;
}

.board-watch > li > meter::-webkit-meter-bar,
.board-watch > li > meter::-moz-meter-bar
{
	background: rgba(0,255,255,0.1);
}

.board-watch > li::after
{
	font-family: 'system-ui';
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 130%;
	display: inline-block;
	position: absolute;
	bottom: 6px;
	left: 0;
	opacity: 1;
	margin: 0;
	color: lightskyblue;
}

.board-watch > li[data-remark*="温度"]::after
{
	content: attr(data-remark) "(℃)";
}

.board-watch > li[data-remark*="湿度"]::after
{
	content: attr(data-remark) "(%)";
}

.board-watch > li[data-remark*="硫化氢"]::after,
.board-watch > li[data-remark*="氨气"]::after,
.board-watch > li[data-remark*="PM"]::after
{
/*	content: attr(data-remark) "(μg/m³)";*/
	content: attr(data-remark) "(ppm)";
}

.board-watch > li[data-remark*="碳"]::after
{
	content: attr(data-remark) "(gCO2e)";
}

.board-enval
{
	background-origin: content-box !important;
	border: 14px solid transparent;
	border-image-slice: 14 fill;/*定义边框图像从什么位置开始分割*/
	border-image-repeat: stretch;/*定义边框图像的平铺方式*/
}

.termxview > main > .board-enval
{
	right: 0;
	bottom: 0;
	height: 234px;
	width: calc(20% - 10px);
	position: absolute;
	border-image-source: url(/images/backbox/siderx-box.png);
}

.termxview > main > .board-enval.left
{
	left: 0;
	right: auto;
}

.termvview > main > .board-enval
{
	height: 150px;
	padding: 10px;
	margin: 10px 0 0 0;
	border-image-source: url(/images/backbox/siderv-box.png);
}

.board-enval > .image-thumb
{
	top: 20px;
	right: 20px;
	width: 80px;
	height: 80px;
	position: absolute;
	display: inline-block;
	background-color: #FFF;
}

.termxview .board-enval > .image-thumb
{
	top: auto;
	bottom: 12px;
	right: 15px;
	width: 80px;
	height: 100px;
	position: absolute;
	display: inline-block;
	background-position: top center !important;
	background-image: url(../images/config/codelogo.png);	
	background-image: url(../websits/toilet/images/config/codelogo.png);
}

.termxview .board-enval > .image-thumb.macode
{
	left: 15px;
	right: auto;
	background-color: white;
}

.termxview .board-enval > .image-thumb::after
{
	font-size: 1.2rem;
	line-height: 130%;
	letter-spacing: 0.5rem;
	text-align: center;
	width: 100%;
	bottom: 0;
	display: block;
	position: absolute;
	color: black;
	margin: 0;
}

.termxview > main ul.board-card
{
	bottom: 15px;
	left: 20px;
	right: 90px;
	width: auto;
	position: absolute;
	display: block;
}

.termvview > main ul.board-card
{
	left: 5px;
	right: 60%;
	top: 15px;
	bottom: 15px;
	width: auto;
	display: inline-block;
	position: absolute;
}

ul.board-card > li
{
	width: calc(50% - 10px);
	height: 100%;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 0;
}

.termxview ul.board-card > li
{
	width: 100%;
	height: auto;
	display: block;
	text-align: left;
}

ul.board-card > li + li
{
	margin: 0 0 0 10px;
}

ul.board-card > li > .image-back
{
	height: auto;
	width: 50%;
	aspect-ratio: 1;
	display: inline-block;
	border: 3px solid rgba(255,255,255,0.3);
}

ul.board-card > li > h5
{
	font-size: 2.0rem;
	line-height: 130%;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	color: aqua;
	padding: 8px 0 0 0;
}

.termxview ul.board-card > li > h5
{
	text-align: left;
	padding: 0 0 8px 0;
}

ul.board-card > li > h5[data-remark]::after
{
	font-size: 1.2rem;
	line-height: 110%;
	font-weight: normal;
	display: inline-block;
	position: relative;
	color: rgba(255,255,255,0.8);
	padding: 5px 0;
	margin: 0;
}

.termvview > main ul.board-today
{
	left: 10px;
	top: 15px;
	bottom: 10px;
	right: calc(45% + 10px);
	width: auto;
	display: inline-block;
	position: absolute;
	padding: 0 0 0 92px;
	border-right: 1px solid rgba(255,255,255,0.1);
}

ul.board-today > li
{
	font-family: "bebas";
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 130%;
	display: block;
	position: relative;
	width: 100%;
	height: 24px;
	text-align: left;
	padding: 0 0 10px 0;
	color: aqua;
}

ul.board-today > li::before
{
	font-family: inherit;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 130%;
	display: inline-block;
	width: 70px;
	height: auto;
	text-align: left;
	vertical-align: middle;
	padding: 0 0 0 0;
	margin: 0;
	color: lightskyblue;
}

ul.board-today > li.macode
{
	width: 75px;
	height: auto;
	top: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	background-color: white;
	background-position: top center !important;
	background-image: url(../images/config/codelogo.png);	
	background-image: url(../websits/toilet/images/config/codelogo.png);
	padding: 0 0 18px 0;
}

ul.board-today > li.macode::after
{
	font-size: 1.2rem;
	line-height: 130%;
	letter-spacing: 0.5rem;
	text-align: center;
	width: 100%;
	bottom: 4px;
	display: block;
	position: absolute;
	color: black;
	margin: 0;
}

ul.board-today > li.opentime
{
	font-size: 2.0rem;
	height: 32px;
	color:springgreen;
}

ul.board-today > li.opentime::before
{
	color:springgreen;
}

ul.board-today > li.support
{
	font-size: 1.2rem;
	text-align: center;
	color: lightskyblue;
	opacity: 0.8;
	margin-top: 5px;
}

ul.board-today > li.support::before
{
	font-size: 1.2rem;
	width: auto;
}

ul.board-today > li + li
{
	margin: 5px 0 0 0;
}

.termxview > main ul.board-today
{
	bottom: 35px;
	left: 20px;
	right: 90px;
	width: auto;
	position: absolute;
	display: block;
}

.termxview > main .board-enval.left > ul.board-today
{
	top: 30px;
	bottom: 30px;
	left: 10px;
	right: 10px;
}

.termxview > main ul.board-today > li
{
	height: 30px;
}

.termxview > main ul.board-today > li.opentime
{
	height: 40px;
}

.termxview > main ul.board-today > li + li
{
	margin: 20px 0 0 0;
}

.termxview > main ul.board-today > li.support
{
	font-size: 1.8rem;
	display: block;
	text-align: center;
	line-height: 200%;
}

.termxview > main ul.board-today > li.support::before
{
	font-size: 1.8rem;
	display: block;
	text-align: center;
}

.termxview > main ul.board-emot
{
	left: 10px;
	right: 10px;
	top: 15px;
	width: auto;
	position: absolute;
	display: block;
	padding: 0;
}

.termvview > main ul.board-emot
{
	top: 15px;
	bottom: 10px;
	left: 55%;
	right: 10px;
	width: auto;
	display: inline-block;
	position: absolute;
	padding: 0;
}

ul.board-emot > li
{
	height: 100%;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0;
}

ul.board-emot > li[class*="emot"]
{
	width: 18%;
	color: rgba(255,255,255,0.5);
	opacity: 0.5;
}

.termxview ul.board-emot > li[class*="emot"]
{
	width: 25%;
	padding: 0;
}

ul.board-emot > li.spliter
{
	width: 2%;
}

ul.board-emot > li.qrcode
{
	width: calc(28% - 10px);
	background-position: top center !important;
	background-image: url(../images/config/codelogo.png);	
	background-image: url(../websits/toilet/images/config/codelogo.png);
	background-color: #FFF;
	padding: 0 0 18px 0;
}

ul.board-emot > li.qrcode::after
{
	font-size: 1.2rem;
	line-height: 130%;
	letter-spacing: 0.5rem;
	text-align: center;
	width: 100%;
	bottom: 4px;
	display: block;
	position: absolute;
	color: black;
	margin: 0;
}

ul.board-emot > li > .image-thumb,
ul.board-emot > li > h5
{
	width: auto;
	height: auto;
	display: block;
	text-align: center;
	margin: 0 auto;
}

ul.board-emot > li > .image-thumb
{
	width: 70%;
	aspect-ratio: 1;
}

.termxview ul.board-emot > li > .image-thumb
{
	width: 60%;
}

ul.board-emot > li > h5
{
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 130%;
	letter-spacing: 0.2rem;
	color: inherit;
	padding: 8px 0 0 0;
}

.termxview ul.board-emot > li > h5
{
	font-size: 1.8rem;
	padding: 4px 0 0 0;
}

ul.board-emot > li.active
{
	color: aqua;
	opacity: 1;
}

ul.board-emot > li.emot-1 > .image-thumb
{
	background-image: url(/images/emote/face/emot-1.png);
}

ul.board-emot > li.emot-2 > .image-thumb
{
	background-image: url(/images/emote/face/emot-2.png);
}

ul.board-emot > li.emot-3 > .image-thumb
{
	background-image: url(/images/emote/face/emot-3.png);
}

ul.board-emot > li.emot-4 > .image-thumb
{
	background-image: url(/images/emote/face/emot-4.png);
}

ul.side-menubar,
ul.side-menusub
{
	font-size: 1.3rem;
	display: block;
	position: relative;
	text-align: left;
	width: 100%;
	color: #fff;
	padding: 0;
}

li.side-menu
{
	font-size: 1.3rem;
	line-height: 120%;
	display: block;
	position: relative;
	text-align: left;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;
	padding: 15px 15px 15px 60px;
	cursor: pointer;
	color: #fff;
	background-color: #222D3F;
}

li.side-menu[class*="icon-"]
{
	padding: 0 0 0 0;
	background-color: #354052;
}

li.side-menu::before
{
	font-size: 1.5rem;
	line-height: 110%;
	display: inline-block;
	position: relative;
	padding: 15px;
	margin-right: 15px;
	color: #fff;
	background-color: #3d4a5d;
}

li.side-menu:hover
{
	filter: brightness(1.1);
}

li.side-menu:active,
li.side-menu.active
{
	filter: brightness(1.2);
}

li.side-menu:active::before,
li.side-menu.active::before
{
	font-weight: bold !important;
}

li.side-menu:has(.side-menusub):active::before,
li.side-menu:has(.side-menusub).active::before
{
	background-color: #3d4a5d !important;
}

li.side-menu + li.side-menu
{
	border-top: 1px solid rgba(0,0,0,0.15);
}

ul.side-menusub
{
	display: none;
}

li.side-menu:active > ul.side-menusub,
li.side-menu.active > ul.side-menusub
{
	display: block;
}

ul.side-menusub > li.side-menu:active,
ul.side-menusub > li.side-menu.active
{
	filter: brightness(1);
}

.system-loginbox
{
	background-repeat: repeat;
	background-image: url("/images/backtile/cell.png");
}

.system-loginbox > .header,
.system-loginbox > .footer
{
	left: 0;
	right: 0;
	height: 46px;
	position: absolute;
	background-color: rgba(0,0,0,0.8);
	padding: 15px 10%;
	z-index: 3;
}

.system-loginbox > .header
{
	top: 0;
	text-align: left;
	border-bottom: 1px solid transparent;
}

.system-loginbox > .footer
{
	bottom: 0;
	text-align: center;
	border-top: 1px solid transparent;
}

.system-loginbox > .header > a,
.system-loginbox > .header > span,
.system-loginbox > .footer > span
{
	font-family: 'orbitron';
	font-size: 1.3rem;
	width: auto;
	display: inline-block;
	text-align: center;
	letter-spacing: 0.2rem;
	color: rgba(255,255,255,0.8);
	padding: 0;
	margin: 0;
}

.system-loginbox > .footer > span
{
	font-family: 'envycode';
	letter-spacing: 0.1rem;
}

.system-loginbox > .header > .manual
{
	top: 17px;
	right: calc(10% + 10px);
	position: absolute;
}

.system-loginbox > .header > .title
{
	font-size: 1.4rem;
}

.system-loginbox > .header > .phone
{
	top: 17px;
	right: calc(10% + 120px);
	position: absolute;
}

.system-loginbox > .footer > span + span
{
	margin-left: 15px;
}

.system-loginbox > .image-back
{
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	position: absolute;
	background: transparent;
	background-position: left center !important;
}

.slideview .board-main
{
	background-color: rgb(241,244,249) !important;
}

.slideview main::before
{
	content: "";
	top: 0;
	left: 0;
	height: 36px;
	width: 100%;
	display: block;
	position: absolute;
}

.slideview .board-main > .pagebar
{
	color: inherit;
	bottom: 5px;
}

.slideview .board-main > .pagebar > li
{
	background-color: inherit;
	border-color: rgba(0,0,0,0.04);
}

.slideview .board-main > .pagebar > li:hover,
.slideview .board-main > .pagebar > li:active,
.slideview .board-main > .pagebar > li.active
{
	-webkit-filter:brightness(1.1);
	-o-filter:brightness(1.1);
	-moz-filter:brightness(1.1);
	filter:brightness(1.1);	
}

.admixview main::before
{
	content: "";
	top: 0;
	left: 0;
	height: 72px;
	width: 100%;
	display: block;
	position: absolute;
}

.admixview .board-zone
{
	top: 72px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.admixview .leftview > .board-zone
{
	border-right: 1px solid rgb(53,64,82);
}

.admixview .rightview > .board-zone
{
	border-left: 1px solid rgb(53,64,82);
}

.admixview .board-head
{
	padding-top: 4px;
}

.admixview .board-panel + .board-panel
{
	border-top: 1px dashed rgba(0,0,0,0.1);
	margin-top: 1px;
}

.admixview .board-panel > h3,
.admixview .board-panel > h5,
.admixview .board-panel > input,
.admixview .board-panel > select,
.admixview .board-panel > button,
.admixview .board-panel > .board-chart
{
	line-height: 120%;
	color: inherit;
}

.admixview .board-panel > h3
{
	left: 5px;
}

.admixview .board-panel > h5
{
	left: 35px;
}

.admixview .board-panel > button
{
	right: 5px;
}

.admixview .board-panel > select
{
	right: 85px;
}

.admixview .board-panel > input
{
	right: 165px;
}

.admixview .board-panel > .board-chart
{
	left: 5px;
	right: 5px;
	bottom: 5px;
}

.adminview .msgbox > .msgbox-bottom > button,
.adminview .msgbox > .msgbox-bottom:before
{
	font-size: 1.3rem !important;
}

.adminview header
{
	letter-spacing: 0.02rem;
	line-height: 120%;
	position: fixed;
	height: 54px;
	top: 0;
	left: 200px;
	right: 0;
	width: auto;
	background-color: #fafafa;
}

.adminview aside
{
	font-size: 1.3rem;
	position: fixed;
	width: 200px;
	left: 0;
	top: 0;
	bottom: 0;
	color: #fff;
	background-color: #354052;
}

.adminview main
{
	position: fixed;
	width: auto;
	min-width: unset;
	left: 200px;
	right: 0;
	top: 54px;
	bottom: 0;
}

.adminview ul.table > li
{
	font-size: 1.3rem;
	line-height: 110%;
	letter-spacing: 0.02rem;
	padding: 19px 20px;
	color: #333;
}

.adminview ul.table > li.menubar-title
{
	font-size: 1.6rem;
	line-height: 120%;
	font-weight: bold;
	letter-spacing: 0.15rem;
	padding: 17px 20px;
	color: #444;
}

.adminview ul.table > li.menubar-stat
{
	padding-left: 0;
}

.adminview ul.table > li.menubar-icon
{
	padding-left: 0;
	cursor: pointer;
	color: #111;
}

.adminview ul.table > li.menubar-icon:hover
{
	background-color: rgba(64,158,255,0.10);
}

.adminview ul.table > li.menubar-icon:active
{
	background-color: rgba(64,158,255,0.15);
}

.adminview ul.table > li.menubar-stat::before,
.adminview ul.table > li.menubar-icon::before
{
	font-size: 1.3rem;
	display: inline-block;
	position: relative;
	padding: 0 0 0 20px;
	margin: 0 6px 0 0;
}

.adminview ul.table > li.menubar-stat[data-remark]::after,
.adminview ul.table > li.menubar-icon[data-remark]::after
{
	content: "(" attr(data-remark) ")";
	font-size: 1.3rem;
	line-height: 120%;
	letter-spacing: 0;
	display: inline-block;
	position: relative;
	padding: 0 0 0 5px;
	margin: 0;
	color: orangered;
}

.adminview ul.table > li.menubar-digit
{
	font-size: 1.4rem;
	padding: 0 10px 0 0;
	cursor: pointer;
	color: greenyellow;
}

.adminview ul.table > li.menubar-digit::before,
.adminview ul.table > li.menubar-digit::after
{
	font-size: 1.2rem;
	line-height: 140%;
	font-weight: normal;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	color: #fff;
}

.adminview ul.table > li.menubar-digit::before
{
	padding: 0 0 0 10px;
	margin: 0 4px 0 0;
}

.adminview ul.table > li.menubar-digit::after
{
	color: rgba(255,255,255,0.6);
	margin: 0 0 0 4px;
}

.adminview ul.table > li.space-bar
{
	width: 100%;
	padding: 0;
}

.adminview ul.table > li[class*="menubar-"] + li[class*="menubar-"]:before
{
	border-left: 1px solid rgba(0,0,0,0.15);
}

.adminview ul.table > li.menubar-icon:hover::before,
.adminview ul.table > li.menubar-icon:active::before
{
	border-left-color: transparent !important;
}

.adminview ul.search > li.type > select,
.adminview ul.search > li.input > input
{
	font-size: 1.2rem;
	color: #fff;
}

.adminview aside > .service-logo,
.adminview aside > .service-menu,
.adminview aside > .service-zone
{
	font-size: 1.3rem;
	position: absolute;
	width: 100%;
	left: 0;
}

.adminview aside > .service-logo
{
	top: 0;
	height: 54px;
	padding: 12px;
	background-color: rgba(255,255,255,0.02);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.adminview aside > .service-logo > img.logo
{
	height: 30px;
	max-height: 30px;
}

.adminview aside > .service-menu
{
	top: 54px;
	bottom: 60px;
	overflow-x: hidden;
	overflow-y: auto;
}

.adminview aside > .service-zone
{
	height: 60px;
	bottom: 0;
	padding: 5px 0 0 0;
	background-color: rgba(0,0,0,0.1);
}

.adminview aside > .service-zone > .service-phone,
.adminview aside > .service-zone > .service-email
{
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 120%;
	letter-spacing: 0.01rem;
	padding: 4px 10px;
	color: rgba(255,255,255,0.4);
}

.adminview aside > .service-zone > .service-phone::before,
.adminview aside > .service-zone > .service-email::before
{
	font-size: 1.3rem;
	padding: 0;
	display: inline-block;
	position: relative;
	margin: 0 6px 0 0;
	color: inherit;
}

.adminview .mainview
{
	width: calc(60% - 30px);
	top: 90px;
	bottom: 10px;
	left: 10px;
	right: auto;
}

.adminview .board-cover.selects > .mainview
{
	background-color: #fff;
}

.adminview .rightview
{
	width: 40%;
	top: 90px;
	bottom: 10px;
	left: auto;
	right: 10px;
	background-color: #fff;
}

.adminview .selects.listview .mainview
{
	width: calc(45% - 30px);
}

.adminview .selects.listview .rightview
{
	width: 55%;
}

.adminview .mainview.fullview
{
	width: auto;
	right: 10px;
}

.adminview .mainview.panelview,
.adminview .mainview[class*="view-"]
{
	width: auto;
	right: 0;
	bottom: 0;
}

.adminview .board-cover.selects .mainview,
.adminview .board-cover.selects .rightview
{
	top: 60px;
}

.adminview .rightview .board-zone
{
	top: 39px;
	left: 0;
	right: 0;
	bottom: 0;
}

.adminview .board-head
{
	top: 2px;
	left: 2px;
	right: 2px;
	height: 38px;
	width: auto;
	z-index: 2;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;
	text-align: left;
	border: none;
	padding-top: 0;
	margin: 0;
}

.adminview .mainview .board-head
{
	right: auto;
	width: 200px;
}

.adminview .board-head::before,
.adminview .board-head::after
{
	display: none;
}

.adminview .board-head > .board-label
{
	font-size: 1.3rem;
	line-height: 110%;
	overflow: hidden;
	background-color: transparent;
	border: 1px solid transparent;
	color: #333;
	height: 38px;
	padding: 11px 11px !important;
	margin: 0 !important;
}

.adminview .board-head > .board-label::after
{
	display: none;
}

.adminview .board-head > .board-label:hover
{
	background-color: rgba(242,91,32,0.05);
	border-color: rgba(242,91,32,0.1);
	border-bottom: 1px solid transparent;
	color: #333;
}

.adminview .board-head > .board-label:active,
.adminview .board-head > .board-label.active
{
	background-repeat: repeat;
	background-color: transparent;
	background-image: url(/images/backtile/label-back-light.png);
	border-color: rgba(242,91,32,0.3);
	border-bottom: none;
	color: #111;
}

.adminview .board-head > .board-label:active::before,
.adminview .board-head > .board-label.active::before
{
	color: rgba(242,91,32,1.0);
}

.adminview .board-page[data-type="selects"]
{
	top: 39px;
}

.adminview .board-panel > h3,
.adminview .board-panel > h5,
.adminview .board-panel > input,
.adminview .board-panel > select,
.adminview .board-panel > button,
.adminview .board-panel > .board-chart
{
	line-height: 120%;
	color: inherit;
	top: 15px;
}

.adminview .board-panel > h5,
.adminview .board-panel > input,
.adminview .board-panel > select,
.adminview .board-panel > button
{
	font-size: 1.3rem;
}

.adminview .board-panel > h3
{
	left: 10px;
	top: 11px;
}

.adminview .board-panel > h5
{
	left: 40px;
}

.adminview .board-panel > button
{
	right: 10px;
	width: 72px;
}

.adminview .board-panel > select
{
	right: 95px;
	width: 72px;
}

.adminview .board-panel > input
{
	right: 180px;
}

.adminview .board-panel > .board-chart
{
	top: 50px;
	left: 10px;
	right: 10px;
	bottom: 15px;
}

.adminview .board-view.statis > .board-panel.bd-header-before
{
	display: inline-block;
	width: calc(100% / 3 - 10px);
	height: calc(50% - 10px);
	margin: 0 10px 10px 0;
	background-color: #fff;
}

.adminview .mainview.view-1-1 .board-panel.bd-header-before
{
	width: calc(100% - 10px);
}

.adminview .mainview.view-1-2 .board-panel.bd-header-before:nth-child(1)
{
	width: calc(100% - 10px);
}

.adminview .mainview.view-1-2 .board-panel.bd-header-before:nth-child(2),
.adminview .mainview.view-1-2 .board-panel.bd-header-before:nth-child(3)
{
	width: calc(100% / 2 - 10px);
}

.adminview .mainview.view-1-3 .board-panel.bd-header-before:nth-child(1)
{
	width: calc(100% - 10px);
}

.adminview .mainview.view-1-3 .board-panel.bd-header-before:nth-child(2),
.adminview .mainview.view-1-3 .board-panel.bd-header-before:nth-child(3),
.adminview .mainview.view-1-3 .board-panel.bd-header-before:nth-child(4)
{
	width: calc(100% / 3 - 10px);
}

.adminview .mainview.view-2-1 .board-panel.bd-header-before:nth-child(1),
.adminview .mainview.view-2-1 .board-panel.bd-header-before:nth-child(2)
{
	width: calc(100% / 2 - 10px);
}

.adminview .mainview.view-2-1 .board-panel.bd-header-before:nth-child(3)
{
	width: calc(100% - 10px);
}

.adminview .mainview.view-2-2 .board-panel.bd-header-before
{
	width: calc(100% / 2 - 10px);
}

.adminview .mainview.view-2-3 .board-panel.bd-header-before:nth-child(1),
.adminview .mainview.view-2-3 .board-panel.bd-header-before:nth-child(2)
{
	width: calc(100% / 2 - 10px);
}

.adminview .mainview.view-2-3 .board-panel.bd-header-before:nth-child(3),
.adminview .mainview.view-2-3 .board-panel.bd-header-before:nth-child(4),
.adminview .mainview.view-2-3 .board-panel.bd-header-before:nth-child(5)
{
	width: calc(100% / 3 - 10px);
}

.adminview .mainview.view-3-1 .board-panel.bd-header-before:nth-child(1),
.adminview .mainview.view-3-1 .board-panel.bd-header-before:nth-child(2),
.adminview .mainview.view-3-1 .board-panel.bd-header-before:nth-child(3)
{
	width: calc(100% / 3 - 10px);
}

.adminview .mainview.view-3-1 .board-panel.bd-header-before:nth-child(4)
{
	width: calc(100% - 10px);
}

.adminview .mainview.view-3-2 .board-panel.bd-header-before:nth-child(1),
.adminview .mainview.view-3-2 .board-panel.bd-header-before:nth-child(2),
.adminview .mainview.view-3-2 .board-panel.bd-header-before:nth-child(3)
{
	width: calc(100% / 3 - 10px);
}

.adminview .mainview.view-3-2 .board-panel.bd-header-before:nth-child(4),
.adminview .mainview.view-3-2 .board-panel.bd-header-before:nth-child(5)
{
	width: calc(100% / 2 - 10px);
}

.adminview main .toolbar
{
	width: auto;
	background-color: transparent;
	background-image: url(/images/backtile/label-back-light.png);
	border-top: 1px solid rgba(242,91,32,0.3);
	border-bottom: 1px solid rgba(242,91,32,0.3);
	color: #333;
	padding: 1px 2px;
	margin: 0;
}

.adminview main .toolbar.line2
{
	height: 88px;
}

.adminview main .toolbar > li
{
	padding: 4px 0;
	margin: 0;
}

.adminview main .toolbar > li.tools
{
	min-height: 34px;
	padding: 0;
}

.adminview main .toolbar > li.toolex
{
	padding: 0 0 1px 0;
	margin: 0;
}

.adminview main .board-page[data-type="statis"] .toolbar
{
	height: 100px;
	padding-bottom: 0;
}

.adminview main .board-page[data-type="statis"] .toolbar:empty
{
	display: none;
}

.adminview .toolbar > li > button,
.adminview .toolbar > li > input,
.adminview .toolbar > li > select,
.adminview .toolbar > li > .region
{
	font-size: 1.3rem;
	height: 3.4rem;
	background-color: transparent;
	border: 1px solid rgba(242,91,32,0.2);
}

.adminview .toolbar > li > input,
.adminview .toolbar > li > span
{
	font-size: 1.3rem;
	height: 3.4rem;
	line-height: 3.4rem;
}

.adminview .toolbar > li > span
{
	padding: 0 2px;
}

.adminview .toolbar > li > input:hover,
.adminview .toolbar > li > select:hover
{
	border-color: rgba(242,91,32,0.3) !important;
}

.adminview .toolbar > li > input:active,
.adminview .toolbar > li > select:active,
.adminview .toolbar > li > input.active,
.adminview .toolbar > li > select.active
{
	border-color: rgba(242,91,32,0.5) !important;
}

.adminview .toolbar > li > button
{
	line-height: 110%;
	padding: 6px 8px 8px 8px;
}

.adminview .toolbar > li > select
{
	background-image: url("/images/backbox/arrow.png");
}

.adminview .toolbar ::-webkit-calendar-picker-indicator
{
	background: url("/images/backbox/arrow.png") no-repeat scroll right center transparent;
}

.adminview .toolbar > li > select.small
{
	width: 100px;
} 

.adminview .toolbar > li > select.normal
{
	width: 130px;
} 

.adminview .toolbar > li > select.seek-type
{
	width: 100px;
}

.adminview .toolbar > li > select[title="操作类型"]
{
	right: 0;
}

.adminview .toolbar > li > input[type="date"]
{
	width: 104px;
} 

.adminview .pagebar
{
	top: 3px;
	bottom: auto;
	left: auto;
	right: 1px;
	width: calc(100% - 200px);
	text-align: right;
	border: none;
	background-color: transparent;
}

.adminview .grid-zone > .pagebar
{
	right: 7px;
}

.adminview .panel-title .pagebar
{
	position: relative;
	width: auto;
	top: auto;
	right: auto;
	padding: 0;
}

.adminview .pagebar > li
{
	background-color: transparent;
	border-color: rgba(242,91,32,0.2);
	color: #333 !important;
}

.adminview .pagebar > li:hover
{
	background-color: rgba(242,91,32,0.05) !important;
	border-color: rgba(242,91,32,0.25) !important;
}

.adminview .pagebar > li:active,
.adminview .pagebar > li.active
{
	background-color: rgba(242,91,32,0.1) !important;
	border-color: rgba(242,91,32,0.3) !important;
}

.adminview .board-frame
{
	background-color: transparent;
} 

.adminview .rightview .board-frame
{
	background-color: rgba(242,91,32,0.01);
} 

.adminview .board-view.select,
.adminview .board-view.create,
.adminview .board-view.xupdate,
.adminview .board-view.xresume,
.adminview .board-view.xreport,
.adminview .board-view.xstatis
{
	padding: 0 4px;
}

.adminview .board-view.xstatis .board-panel
{
	background-color: transparent;
	padding: 0;
}

.adminview .board-view.xstatis .board-panel + .board-panel
{
	border-top: 1px dashed rgba(242,91,32,0.5);
	margin-top: 0;
}

.adminview .board-view.selects
{
	width: auto;
	left: 1px;
	right: 1px;
	bottom: 1px;
}

.adminview .notice-box
{
	left: 10px;
	right: 10px;
}

.adminview .notice-list > li:last-child
{
	border-bottom-color: rgba(242,91,32,0.2);
}

.adminview .notice-list > li:nth-child(even)
{
	background-color: rgba(242,91,32,0.01);
}

.adminview .notice-list > li + li
{
	border-top-color: rgba(242,91,32,0.3);
}

.adminview .notice-list > li:hover
{
	background-color: rgba(242,91,32,0.02);
}

.adminview .notice-list > li:active,
.adminview .notice-list > li.active
{
	background-color: rgba(242,91,32,0.08);
	background-color: rgba(255,128,0,0.1);
}

.adminview .board-view[type]:before
{
	height: 80px;
}

.adminview .board-view h1[data-left],
.adminview .board-view h1[data-right]
{
	height: 80px;
}

.adminview table.grid > thead
{
	border-top: 1px solid rgba(242,91,32,0.2);
	border-bottom: 1px dotted rgba(242,91,32,0.3);
	background-color: rgba(242,91,32,0.02);
}

.adminview .grid-box table.grid > thead
{
	background-color: rgba(242,91,32,0.02);
}

.adminview .board-view.selects table.grid > thead
{
	border-top: 1px solid transparent;
	border-bottom: 1px solid rgba(242,91,32,0.1);
}

.adminview table.grid tbody:last-child
{
	border-bottom: 1px solid rgba(242,91,32,0.2);
}

.adminview table.grid tr + tr
{
	border-top: 1px dotted rgba(242,91,32,0.3);
}

.adminview table.grid tbody > tr
{
	background-color: transparent;
}

.adminview table.grid tbody > tr:nth-child(even)
{
	background-color: rgba(242,91,32,0.01);
}

.adminview table.grid th,
.adminview table.grid td
{
	font-size: 1.3rem;
}

.adminview table.grid th.grid-name
{
	min-width: 150px;
}

.adminview table.grid th.grid-code
{
	width: 150px;
}

.adminview table.grid th.grid-addr
{
	width: 180px;
}

.adminview table.grid th.grid-date
{
	width: 120px;
}

.adminview table.grid th.grid-time
{
	width: 160px;
}

.adminview table.grid th.grid-kind
{
	width: 150px;
}

.adminview table.grid th.grid-type
{
	width: 150px;
}

.adminview table.grid th.grid-rate
{
	width: 120px;
}

.adminview table.grid th.grid-rank
{
	width: 120px;
}

.adminview table.grid th.grid-cord
{
	width: 150px;
}

.adminview table.grid th.grid-price
{
	width: 150px;
}

.adminview table.grid th.grid-desc
{
	min-width: 120px;
}

.adminview tbody.editor tr
{
	border-color: rgba(242,91,32,0.5);
}

.adminview tbody.editor tr:first-child
{
	border-top-color: rgba(242,91,32,0.5);
}

.adminview tbody.editor tr:last-child
{
	border-bottom-color: rgba(242,91,32,0.5);
}

.adminview .board-view th,
.adminview tbody.editor td
{
	font-size: 1.3rem;
	border-color: rgba(242,91,32,0.4);
}

.adminview tbody.editor td
{
	background-color: transparent;
	padding: 0 10px;
}

.adminview tbody.editor td.image-box
{
	padding: 0 0 10px 10px;
}

.adminview tbody.editor td:has([data-key])
{
	background-color: #fff;
}

.adminview tbody.editor td:has([disabled]),
.adminview tbody.editor td:has([readonly])
{
	background-color: transparent;
}

.adminview .board-view th.width-1,
.adminview tbody.editor td.width-1
{
	width: 34px;
}

.adminview .board-view th.width-2,
.adminview tbody.editor td.width-2
{
	width: 50px;
}

.adminview .board-view th.width-3,
.adminview tbody.editor td.width-3
{
	width: 65px;
}

.adminview .board-view th.width-4,
.adminview tbody.editor td.width-4
{
	width: 80px;
}

.adminview .board-view th.width-5,
.adminview tbody.editor td.width-5
{
	width: 95px;
}

.adminview .board-view th.width-6,
.adminview tbody.editor td.width-6
{
	width: 110px;
}

.adminview .board-view th.width-7,
.adminview tbody.editor td.width-7
{
	width: 125px;
}

.adminview .board-view th.width-8,
.adminview tbody.editor td.width-8
{
	width: 140px;
}

.adminview .board-view th.width-9,
.adminview tbody.editortd.width-9
{
	width: 155px;
}

.adminview .board-view th.width-10,
.adminview tbody.editortd.width-10
{
	width: 170px;
}

.adminview .board-view th.width-datetime,
.adminview tbody.editor td.width-datetime
{
	width: 156px;
}

.adminview .board-view th.width-date,
.adminview tbody.editor td.width-date
{
	width: 120px;
}

.adminview .board-view th.width-month,
.adminview tbody.editor td.width-month
{
	width: 110px;
}

.adminview .board-view th.width-week,
.adminview tbody.editor td.width-week
{
	width: 140px;
}

.adminview .board-view th.width-time,
.adminview tbody.editor td.width-time
{
	width: 80px;
}

.adminview tbody.editor input,
.adminview tbody.editor select,
.adminview tbody.editor option,
.adminview tbody.editor textarea
{
	font-size: 1.3rem !important;
}

.adminview tbody.editor td:has([data-key]):hover::before
{
	border-color: rgba(242,91,32,0.3);
}

.adminview tbody.editor td:has([data-key]):focus::before,
.adminview tbody.editor td:has([data-key]):active::before,
.adminview tbody.editor td:has([data-key]).active::before
{
	border-color: rgba(242,91,32,0.5);
}

.adminview table.grid tbody > tr[data-guid]:focus,
.adminview table.grid tbody > tr[data-guid]:active,
.adminview table.grid tbody > tr[data-guid].active
{
	filter: brightness(1.2);
	color: #fff;
}

.adminview table.grid tbody > tr[data-guid]:focus > td.grid-name,
.adminview table.grid tbody > tr[data-guid]:active > td.grid-name,
.adminview table.grid tbody > tr[data-guid].active > td.grid-name
{
	color: inherit;
}

.adminview table.calendar > thead
{
	border-color: rgba(242,91,32,0.3);
	background-color: rgba(242,91,32,0.02);
}

.adminview table.calendar th,
.adminview table.calendar td,
.adminview table.calendar tbody
{
	border-color: rgba(242,91,32,0.4);
}

.adminview table.calendar tr + tr
{
	border-color: rgba(242,91,32,0.5);
}

.adminview table.calendar td.date-today::before
{
	background-color: rgba(242,91,32,0.1);
}

.adminview table.calendar td:hover::before
{
	border-color: rgba(242,91,32,0.3);
}

.adminview table.calendar td:focus::before,
.adminview table.calendar td:active::before,
.adminview table.calendar td.active::before
{
	border-color: rgba(242,91,32,0.5);
}

.adminview table input,
.adminview table select,
.adminview table textarea
{
	padding-bottom: 2px;
}

.theme-board.termoview.bg-color,
.theme-board.termoview .bg-color

{
	background-image: linear-gradient(to right,rgb(6,23,66),rgb(38,86,148),rgb(6,23,66));
}

body.termoview::before
{
	content: "";
	bottom: 0;
	height: 220px;
	width: 100%;
	position: absolute;
	display: block;
	background-attachment: scroll;
	background-origin: border-box;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-image: url(/images/toilet/toilet-earth.png);
	opacity: 0.3;
}

body.termoview > main
{
	top: 110px;
}

.termoview > main > .video-box
{
	aspect-ratio: 16 / 9;
}

.termoview > main  > ul.board-sider
{
	height: 445px;
	height: calc(100% - 720px);
/*	border-image-source: url(/images/backbox/siderv-box.png);*/
	background-image: url(/images/toilet/toilet-floor.png);
	background-position: center bottom !important;
	border: none;
	margin: 10px 0 0 0;
	padding: 0;
}

.termoview > main  > ul.board-sider > li.status-inuse
{
	bottom: 2px;
}

.termoview > main  > ul.board-sider > li.image-thumb
{
	height: 230px;
	width: 110px;
	display: inline-block;
	position: absolute;
	background-position: center bottom !important;
}

.termoview > main  > ul.board-sider > li.leftv-up,
.termoview > main  > ul.board-sider > li.leftvz-up
{
	left: 12%;
	bottom: 35%;
}

.termoview > main  > ul.board-sider > li.leftv-down,
.termoview > main  > ul.board-sider > li.leftvz-down
{
	left: 29%;
	bottom: 20%;
	z-index: 2;
}

.termoview > main  > ul.board-sider > li.leftv-down::after,
.termoview > main  > ul.board-sider > li.leftvz-down::after
{
	text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}

.termoview > main  > ul.board-sider > li.right-up,
.termoview > main  > ul.board-sider > li.rightz-up
{
	right: 39%;
	bottom: 45%;
}

.termoview > main  > ul.board-sider > li.right-down,
.termoview > main  > ul.board-sider > li.rightz-down
{
	right: 25%;
	bottom: 35%;
}

.termoview > main  > ul.board-sider > li.image-thumb::before
{
	bottom: 110px;
	height: 80px;
}

.termoview > main  > ul.board-sider > li.image-thumb::after
{
	font-size: 1.8rem;
}

.termoview > main > .board-watch
{
	left: 0;
	bottom: 0;
	height: 300px;
	width: 47%;
	display: none;
	display: inline-block;
	position: absolute;
	background-origin: content-box !important;
	border: 14px solid transparent;
	border-image-source: url(/images/backbox/video-box.png);
	border-image-slice: 14 fill;/*定义边框图像从什么位置开始分割*/
	border-image-repeat: stretch;/*定义边框图像的平铺方式*/
	padding: 15px 15px;
	margin: 0;
}

.termoview > main > .board-watch.right-side
{
	left: auto;
	right: 0;
}

.termoview > main > .board-watch > li + li
{
	margin: 12px 0 0 0;
}

.termoview > main > .board-watch > li
{
	font-weight: normal;
	display: block;
	height: 24px;
	width: auto;
	padding: 0 0 4px 0;
	border-bottom: 1px solid rgba(13,171,237,0.3);
}

.termoview > main > .board-watch > li + li
{
	margin: 12px 0 0 0;
}

.termoview > main > .board-watch > li::after
{
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 130%;
	display: inline-block;
	position: absolute;
	left: 26px;
	top: 1px;
	right: auto;
	bottom: auto;
	color: white;
	margin: 0;
}

.termoview > main > .board-watch > li::before
{
	content: "";
	left: 0;
	right: auto;
	top: 0;
	bottom: 4px;
	width: 20px;
	display: inline-block;
	position: absolute;
	background-size: contain;
}

.termoview > main > .board-watch > li[data-remark*="温度"]::before
{
	background-image: url(/images/weather/enviro-wendu.png);
}

.termoview > main > .board-watch > li[data-remark*="湿度"]::before
{
	background-image: url(/images/weather/enviro-shidu.png);
}

.termoview > main > .board-watch > li[data-remark*="氨气"]::before
{
	background-image: url(/images/weather/enviro-nh3.png);
}

.termoview > main > .board-watch > li[data-remark*="硫化氢"]::before
{
	background-image: url(/images/weather/enviro-h2s.png);
}

.termoview > main > .board-watch > li[data-remark*="客流"]::before
{
	background-image: url(/images/weather/enviro-user.png);
}

.termoview > main > .board-watch > li[data-remark*="风向"]::before
{
	background-image: url(/images/weather/enviro-windfx.png);
}

.termoview > main > .board-watch > li[data-remark*="风力"]::before
{
	background-image: url(/images/weather/enviro-windfl.png);
}

.termoview > main > .board-watch > li.lable
{
	border-bottom-color: transparent;
	text-align: left;
	padding: 0 0 0 15px;
	margin-right: 0;
	color: white;
}

.termoview > main > .board-watch > li.lable::before
{
	width: 0;
	border-left: 3px solid deepskyblue;
}

.termoview > main > .board-watch > li.lable::after
{
	font-size: 1.8rem;
	font-weight: bold;
	left: 15px;
	right: auto;
	width: auto;
	text-align: left;
}

.termoview > main > .board-watch > li.weather
{
	height: 60px;
	padding: 32px 0 4px 0;
}

.termoview > main > .board-watch > li.weather::after
{
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	position: relative;
	left: auto;
	margin: 0 0 0 5px;
}

.termoview > main > .board-watch > li.weather::before
{
	width: 50%;
}

body.advert > header
{
	top: 10px;
	height: 32px;
	background-image: none;
	background-color: transparent;
	padding: 0;
}

body.advert > header > span
{
	font-family: "orbitron";
	font-size: 1.8rem;
	line-height: 130%;
	font-weight: bold;
	text-align: left;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	height: 32px;
	width: auto;
	padding: 10px 0 0 54px;
	color: aqua;
	margin: 0;
}

body.advert > header > span::before
{
	height: 32px;
}

.advert > header > .board-date
{
	padding-left: 0;
}

.advert > header > .board-date::before
{
	height: auto;
	line-height: 130%;
	vertical-align: middle;
	position: relative;
	display: inline-block;
	margin: 0 10px 0 0;
}

.advert > header > .board-remark
{
	left: auto;
	right: 15px;
}

.advert > .notice
{
	font-family: "orbitron";
	font-size: 1.8rem;
	line-height: 130%;
	font-weight: bold;
	text-align: left;
	/*
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: break-word;
	*/
	bottom: 10px;
	right: 140px;
	left: 10px;
	width: auto;
	height: auto;
	position: absolute;
	display: inline-block;
	padding: 5px 100px 2px 5px;
	background: linear-gradient(to right,red 75%,transparent) !important;
	color: white;
	margin: 0;
}

.advert > .notice:empty
{
	display: none;
}

.advert > .notice.info
{
	background: linear-gradient(to right,forestgreen 75%,transparent) !important;
}

.advert > .notice.warn
{
	background: linear-gradient(to right,orangered 75%,transparent) !important; /* 标准的语法 */
}

.advert > .notice.error
{
	background: linear-gradient(to right,red 75%,transparent) !important; /* 标准的语法 */
}

.advert > .image-thumb.qrcode
{
	top: auto;
	bottom: 10px;
	right: 15px;
	width: 80px;
	height: 80px;
	position: absolute;
	display: inline-block;
	background-color: #FFF;
	background-image: url(../images/config/codelogo.png);	
	background-image: url(../websits/toilet/images/config/codelogo.png);
}

.termxview.side-screen > main
{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.termxview.side-screen > main > .video-box
{
	top: 2px;
	bottom: 2px;
	left: 33%;
	right: 33%;
	width: auto;
}

.termxview.side-screen > main > .board-watch
{
	top: 2px;
	bottom: 2px;
	width: 33%;
	height: auto;
	border-image: none;
	border: none;
	padding: 150px 100px 30px 100px;
}

.termxview.side-screen > main > .board-watch.left
{
	left: 0;
	right: auto;
}

.termxview.side-screen > main > .board-watch.right
{
	left: auto;
	right: 0;
}

.termxview.side-screen > main > .board-watch > li
{
	display: block;
	height: 22%;
	width: auto;
	margin: 0;
	color: aqua;
}

.termxview.side-screen > main > .board-watch > li > span
{
	font-size: 4.0rem;
	color: dodgerblue;
}

.termxview.side-screen > main > .board-watch > li::after
{
	font-size: 3.6rem;
	color: midnightblue;
}

@media screen and (min-device-width: 1080px) 
{
	body.termvview > header
	{
		padding-top: 20px;
		padding-bottom: 10px;
	}
	body.termvview > header > h1
	{
		font-size: 4.8rem;
	}
	.termvview > header > span
	{
		font-size: 2.8rem;
	}
	body.termvview > main
	{
		top: 100px;
	}
	.termvview > main > ul.board-sider
	{
		height: calc(100% - 1165px);
		padding: 30px 20px;
	}
	.termvview > main > ul.board-sider > li.image-thumb::before
	{
		bottom: 240px;
		height: 180px;
	}

	.termvview > main > ul.board-sider > li.left-center::before
	{
		bottom: 240px;
		height: 230px;
	}
	.termvview > main > ul.board-sider > li.image-thumb
	{
		width: calc(25% - 40px);
	}
	.termvview > main > ul.board-sider > li.image-thumb + li.image-thumb
	{
		margin-left: 15px;
	}
	.termvview > main > ul.board-sider > li[class*="-up"] + li[class*="-up"]
	{
		margin-left: 130px;
	}

	.termvview > main  > ul.board-sider > li.image-thumb + li[class*="-vip"]
	{
		margin-left: 65px;
	}
	
	.termvview > main  > ul.board-sider > li[class*="-vip"] + li.image-thumb
	{
		margin-left: 65px;
	}
	.termvview > main > ul.board-sider > li.image-thumb::after
	{
		font-size: 3.6rem;
	}
	.termvview > main > ul.board-sider > li.status-inuse
	{
		height: 2.6rem;
		border-left-width: 60px;
		border-right-width: 60px;
		bottom: 20px;
	}
	.termvview > main > ul.board-sider > li.status-inuse::before,
	.termvview > main > ul.board-sider > li.status-inuse::after
	{
		font-size: 2.4rem;
	}

	.termvview > main > .board-watch
	{
		height: 340px;
	}
	.termvview > main > .board-watch > li
	{
		height: 66px;;
	}
	.termvview > main > .board-watch > li > span
	{
		font-size: 3.6rem;
	}
	.termvview > main > .board-watch > li::after
	{
		font-size: 2.8rem;
	}
	.termvview > main > .board-enval
	{
		height: 200px;
	}
	.termvview > main > .board-enval li > h5
	{
		font-size: 2.8rem;
	}

	.termvview > main ul.board-emot
	{
		right: 15px;
	}
			
	.termvview > main ul.board-emot > li.qrcode::after
	{
		font-size: 1.4rem;
	}

	.termvview > main ul.board-today
	{
		left: 15px;
		top: 15px;
		bottom: 10px;
		right: calc(45% + 20px);
		padding-left: 140px;
	}
	
	.termvview > main ul.board-today > li
	{
		font-size: 2.2rem;
		height: 28px;
		padding: 0 0 10px 0;
	}
	
	.termvview > main ul.board-today > li::before
	{
		font-size: 2.0rem;
		width: 100px;
		padding: 0 10px 0 0;
	}
	
	.termvview > main ul.board-today > li.macode
	{
		width: 115px;
		height: auto;
	}
	
	.termvview > main ul.board-today > li.macode::after
	{
		font-size: 1.4rem;
	}
	
	.termvview > main ul.board-today > li.support::before
	{
		font-size: 1.2rem;
		width: auto;
	}
	
	.termvview > main ul.board-today > li.opentime
	{
		font-size: 2.8rem;
		height: 42px;
	}
	
	.termvview > main ul.board-today > li.support
	{
		font-size: 1.2rem;
		margin-top: 15px;
	}
	
	.termvview > main ul.board-today > li + li
	{
		margin: 10px 0 0 0;
	}

	.termxview > main ul.board-today
	{
		bottom: 35px;
		left: 20px;
		right: 90px;
	}
	
	.termxview > main .board-enval.left > ul.board-today
	{
		top: 30px;
		bottom: 30px;
		left: 15px;
		right: 15px;
	}
	
	.termxview > main ul.board-today > li
	{
		font-size: 2.0rem;
		height: 30px;
	}
	
	.termxview > main ul.board-today > li::before
	{
		font-size: 1.8rem;
		width: 90px;
	}

	.termxview > main ul.board-today > li.opentime
	{
		font-size: 2.6rem;
		height: 40px;
	}
	
	.termxview > main ul.board-today > li + li
	{
		margin: 20px 0 0 0;
	}
	
	.termxview > main ul.board-today > li.support
	{
		font-size: 1.8rem;
		line-height: 200%;
	}
	
	.termxview > main ul.board-today > li.support::before
	{
		font-size: 1.8rem;
	}
}


@media screen and (min-device-width: 3840px) 
{
	body.advert > header
	{
		height: 64px;
	}
	
	body.advert > header > span
	{
		font-size: 3.6rem;
		height: 64px;
		padding-left: 108px;
	}
	
	body.advert > header > span::before
	{
		font-size: 3.6rem;
		height: 64px;
	}

	.advert > .notice
	{
		font-size: 3.6rem;
		right: 280px;
		left: 15px;
		bottom: 15px;
		padding: 10px 200px 4px 10px;
		padding-right: 200px;
	}

	.advert > .image-thumb.qrcode
	{
		right: 15px;
		bottom: 15px;
		width: 128px;
		height: 128px;
	}

	.advert > main .board-media.loading::after
	{
		font-size: 6.0rem;
	}
}