@charset "utf-8";
/*-----------------------------------------------------------------------------
[TABLE OF CONTENTS]
    +common
        +toolbar
        +recommendBox
	    +fetnetRec
    +jquery plugin
-----------------------------------------------------------------------------*/
/* content
*----------------------------------------------------------------------------*/
/**
*
* crumbBox
*
**/
.scrollDown {
    position: fixed;
    bottom: 18px;
    left: 50%;
    width: 36px;
    height: 36px;
    margin: 0 0 0 -18px;
    border: 2px #c08955 solid;
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 9999;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
}
.scrollDown a {
    display: block;
    text-align: center;
}
.scrollDown img {
    position: relative;
    top: 2px;
    max-width: 18px;
    animation: scrollDownArrow 1.1s infinite;
    opacity: .25;
}
@keyframes scrollDownArrow {
    0%   {top: 2px;opacity: 0;}
    10%  {top: 2px;opacity: 0;}
    20%  {top: 4px;opacity: .25;}
    30%  {top: 8px;opacity: .50;}
    40%  {top: 12px;opacity: .75;}
    50%  {top: 14px;opacity: 1;}
    100% {top: 14px;opacity: 1;}
}
/**
*
* crumbBox
*
**/
article.toolMobile {
    display: none;
}
article.toolMobile .toolBoxHd {
    width: 100%;
    height: 38px;
    border-bottom: 1px #e7e7e7 solid;
	background: #f6f6f6;
	background: -moz-linear-gradient(top,  #f6f6f6 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f6f6f6 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );
}
article.toolMobile .toolBoxHd a {
	float: left;
	width: 50%;
    display: block;
    vertical-align: middle;
    color: #333;
    text-align: center;
    font-size: 12px;
    line-height: 38px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article.toolMobile .toolBoxHd a:hover {
    color: #ef3123;
}
article.toolMobile .toolBoxHd a:last-child {
    border-left: 1px #d5d5d5 solid;
}
article.toolMobile .toolBoxHd a img {
	max-width: 22px;
    vertical-align: middle;
}
article.toolMobile .toolBoxBd {
    padding: 10px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f2f2f2;
}
/**
*
* toolbar
*
**/
aside.toolbar {
    position: fixed;
    top: 118px;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 100%;
    background: #fff;
	-webkit-box-shadow: 0 0 5px 1px rgba(150,150,150,0.2);
	-moz-box-shadow: 0 0 5px 1px rgba(150,150,150,0.2);
	box-shadow: 0 0 5px 1px rgba(150,150,150,0.2);
	-webkit-transition: top 0.5s;
	-moz-transition: top 0.5s;
	-o-transition: top 0.5s;
	transition: top 0.5s;
	z-index: 6;
}
aside.toolbar.minSize { top: 64px;}
aside.toolbar.maxSize { top: 94px;}
#wrapper.adSize aside.toolbar { top: 178px;}
#wrapper.adSize aside.toolbar.minSize { top: 64px;}
#wrapper.adSize aside.toolbar.maxSize { top: 94px;}
aside.toolbar h2.mainHead {
    height: 28px;
    line-height: 28px;
    background: #c5a88b;
}
aside.toolbar h2.mainHead span {
    display: block;
    text-align: center;
    border-left: 4px #825938 solid;
    line-height: 28px;
    font-size: 15px;
    color: #fff;
}
aside.toolbar h2.mainHead span.mobile {
    display: none;
}
aside.toolbar ul.slickToolbar {
    filter:alpha(opacity=1);
    -moz-opacity:1.0;
    opacity:1.0;
    height: auto; 
}
aside.toolbar ul li {
    border-bottom: 1px #eaeaea solid;
}
aside.toolbar ul li a {
    display: block;
    text-align: center;
    padding: 8px 0;
    font-size: 14px;
}
aside.toolbar ul li a:hover {
    color: #333;
    background: #f2f2f2;
}
aside.toolbar ul li a img {
    display: block;
    width: 42px;
    margin: 0 auto;
}
/**
*
* recommendBox
*
**/
article.recommendBox {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1120px;
}
article.recommendBox .recBoxCon {
    position: relative;
    width: 100%;
}
.recBoxConMask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #f2f2f2;
    z-index: 16;
    display: none;
}
.recBoxConMask.open {
    display: block;
}
article.recommendBox h2.mainHead {
    margin: 0 0 10px;
    letter-spacing: 2px;
}
article.recommendBox h2.mainHead span.mobile {
    display: none;
}
article.recommendBox ul {
    position: relative;
    width: 100%;
    padding: 0 0 42% 0;
}
article.recommendBox ul li {
    position: absolute;
    width: 36.6%;
    overflow: hidden;
}
article.recommendBox ul li:nth-child(1) {top: 0; left: 0;}
article.recommendBox ul li:nth-child(2) {top: 0; left: 37.5%;}
article.recommendBox ul li:nth-child(3) {bottom: 0; left: 0;}
article.recommendBox ul li:nth-child(4) {bottom: 0; left: 37.5%;}
article.recommendBox ul li:nth-child(5) {top: 0; right: 0; width: 25%}
article.recommendBox ul li .conBox {
    position: relative;
    overflow: hidden;
}
article.recommendBox ul li .conBox a.mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 26px;
    text-align: center;
    filter:alpha(opacity=0);
    -moz-opacity:.0;
    opacity:.0;
    z-index: 1;
}
article.recommendBox ul li:hover .conBox a.mask {
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
article.recommendBox ul li .conBox a.mask span {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
	display: block;
    width: 100%;
    height: 100px;
    text-align: center;
    color: #fff;
}
article.recommendBox ul li .conBox a.mask span.icon img {
    margin: 0 auto 5px auto;
    width: 22%;
    max-width: 86px;
}
article.recommendBox ul li .conBox a.mask span.icon.gifts img {
    width: 32%;
    max-width: 86px;
}
article.recommendBox ul li.unit1 .conBox a.mask {background: rgba(214,20,12,0.88);}
article.recommendBox ul li.unit2 .conBox a.mask {background: rgba(239,124,0,0.88);}
article.recommendBox ul li.unit3 .conBox a.mask {background: rgba(2,181,201,0.88);}
article.recommendBox ul li.unit4 .conBox a.mask {background: rgba(156,179,0,0.88);}
article.recommendBox ul li.unit5 .conBox a.mask {background: rgba(214,20,12,0.88);/*background: rgba(215,142,0,0.88);*/}
article.recommendBox ul li .conBox a.mask span.icon.product,
article.recommendBox ul li .conBox a.mask span.icon.info,
article.recommendBox ul li .conBox a.mask span.icon.new,
article.recommendBox ul li .conBox a.mask span.icon.program,
article.recommendBox ul li .conBox a.mask span.icon.gifts {
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
article.recommendBox ul li .photo {
    width: 100%;
    overflow: hidden;
}
article.recommendBox ul li .photo img {
    width: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
article.recommendBox ul li:hover .photo img {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
     transform:scale(1.1);
}
article.recommendBox ul li .photo .mobile {
    display: none;
}
article.recommendBox ul li .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 101%;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 20px;
    background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
article.recommendBox ul li:hover .title {
    bottom: -55px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
article.recommendBox ul li.unit1 .title {border-bottom: 3px #d6140c solid;}
article.recommendBox ul li.unit2 .title {border-bottom: 3px #f28300 solid;}
article.recommendBox ul li.unit3 .title {border-bottom: 3px #01b5c8 solid;}
article.recommendBox ul li.unit4 .title {border-bottom: 3px #9cb10b solid;}
article.recommendBox ul li.unit5 .title {border-bottom: 3px #d6140c solid;}
article.recommendBox ul li .title img {width: 50px;}
article.recommendBox .recBoxConBd {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 0 42% 0;
    background: #fff;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.1);
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
	display: none;
    z-index: 1;
}
article.recommendBox .recBoxConBd .mainBox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 30px;
	display: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform:scale(.4);
    -moz-transform:scale(.4);
    -ms-transform:scale(.4);
    -o-transform:scale(.4);
     transform:scale(.4);
    -webkit-transition: all .5s, background-color .2s; 
    -moz-transition: all .5s, background-color .2s; 
    -o-transition: all .5s, background-color .2s; 
    transition: all .5s, background-color .2s;
	background-color: #fff;
}
article.recommendBox .recBoxConBd .mainBox.productBox { border-bottom: 3px #d42321 solid;}
article.recommendBox .recBoxConBd .mainBox.infoBox { border-bottom: 3px #0bb8c6 solid;}
article.recommendBox .recBoxConBd .mainBox.newBox { border-bottom: 3px #a1b211 solid;}
article.recommendBox .recBoxConBd .mainBox.programBox { border-bottom: 3px #ef8908 solid;}
article.recommendBox .recBoxConBd .mainBox.giftsBox { border-bottom: 3px #d42321 solid;}
article.recommendBox .recBoxConBd > div:nth-child(1) {
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	 transform-origin: left top;
}
article.recommendBox .recBoxConBd > div:nth-child(2) {
	-webkit-transform-origin: center top;
	-moz-transform-origin: center top;
	-ms-transform-origin: center top;
	-o-transform-origin: center top;
	 transform-origin: center top;	
}
article.recommendBox .recBoxConBd > div:nth-child(3) {
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	-o-transform-origin: left bottom;
	 transform-origin: left bottom;
}
article.recommendBox .recBoxConBd > div:nth-child(4) {
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	 transform-origin: center bottom;
}
article.recommendBox .recBoxConBd > div:nth-child(5) {
	-webkit-transform-origin: center right;
	-moz-transform-origin: center right;
	-ms-transform-origin: center right;
	-o-transform-origin: center right;
	 transform-origin: center right;
}
article.recommendBox .recBoxConBd .mainBox.open { 
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
     transform:scale(1);
}
article.recommendBox .recBoxConBd .mainTitle {
    line-height: 1.2em;
    margin: 0 0 30px 0;
    font-size: 24px;
    font-weight: bold;
}
article.recommendBox .recBoxConBd .mainBox.productBox .mainTitle { margin: 0 0 20px 0;}
article.recommendBox .recBoxConBd .mainBox.infoBox .mainTitle { margin: 0 0 40px 0;}
article.recommendBox .recBoxConBd .mainBox.newBox .mainTitle,
article.recommendBox .recBoxConBd .mainBox.programBox .mainTitle,
article.recommendBox .recBoxConBd .mainBox.giftsBox .mainTitle { margin: 0 0 20px 0;}
article.recommendBox .recBoxConBd .infoList {
    float: left;
    width: 61%;
    margin: 0 2% 0 2%;
    padding: 0 2% 0 0;
    border-right: 1px #d8d8d8 solid;
}
article.recommendBox .recBoxConBd .infoList .box {
    position: relative;
    height: 50px;
    overflow: hidden;
    margin: 0 20px 15px 0;
    padding: 0 0 15px 18px;
    border-bottom: 1px #d8d8d8 solid;
    display: table;
    vertical-align: middle;
    width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article.recommendBox .recBoxConBd .infoList .box:after {
    position: absolute;
    top: 50%;
    left: 2px;
	content:"";
	width: 6px;
	height: 6px;
	margin: -11px 0 0 0;
	background: #00b4c8;
}
article.recommendBox .recBoxConBd .infoList .box .date,
article.recommendBox .recBoxConBd .infoList .box .text {
	display: table-cell; 
	vertical-align: middle;
	font-size: 16px;
	line-height: 1.4em;
}
article.recommendBox .recBoxConBd .infoList .box .date {
	width: 80px;
	padding: 0 20px 0 0;
}
article.recommendBox .recBoxConBd .mainBox.infoBox ol {
    float: left;
    width: 30%;
    max-width: 285px;
    margin: 0 0 0 2%;
}
article.recommendBox .recBoxConBd .mainBox.infoBox ol li {
    position: relative;
    float: none;
    width: auto;
    margin: 0;
}
article.recommendBox .recBoxConBd .mainBox.infoBox ol li .photo img { max-width: 285px;}
article.recommendBox .recBoxConBd ol:after {
	content:"";
	display: table;
	clear: both;
}
article.recommendBox .recBoxConBd ol li {
    position: relative;
    float: left;
    width: 27.3%;
    margin: 0 3%;
}
article.recommendBox .recBoxConBd .mainBox ol li a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
article.recommendBox .recBoxConBd .mainBox.infoBox ol li .title a { 
    position: relative;
}
article.recommendBox .recBoxConBd ol li .photo {
    position: relative;
    margin: 0 0 15px 0;
    text-align: center;
}
article.recommendBox .recBoxConBd ol li .photo img {
    width: 100%;
    border: 1px #f7f7f7 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article.recommendBox .recBoxConBd ol li .conBox {
    position: relative;
}
article.recommendBox .recBoxConBd ol li .conBox > a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
article.recommendBox .recBoxConBd .mainBox.productBox ol li .photo img { max-width: 250px; border: 0;}
article.recommendBox .recBoxConBd .mainBox.infoBox ol li .photo img,
article.recommendBox .recBoxConBd .mainBox.newBox ol li .photo img,
article.recommendBox .recBoxConBd .mainBox.programBox ol li .photo img,
article.recommendBox .recBoxConBd .mainBox.giftsBox ol li .photo img { max-width: 300px;}
article.recommendBox .recBoxConBd ol li .title {
    width: 300px;
    padding: 0 0 10px 0;
    color: #000;
    font-size: 16px;
    line-height: 1.2em;
    display: table-cell;
    vertical-align: middle;
}
article.recommendBox .recBoxConBd .mainBox.productBox ol li .title { border-bottom: 1px #d8d8d8 solid; text-align: center;}
article.recommendBox .recBoxConBd .mainBox.infoBox ol li .title,
article.recommendBox .recBoxConBd .mainBox.newBox ol li .title,
article.recommendBox .recBoxConBd .mainBox.programBox ol li .title,
article.recommendBox .recBoxConBd .mainBox.giftsBox ol li .title { padding: 0; margin: 0 0 5px 0;}
article.recommendBox .recBoxConBd ol li .conBox:hover .title {
    color: #e71a0f;
}
article.recommendBox .recBoxConBd .mainBox.infoBox ol li .title {
    display: block;
    width: auto;
    border-top: 1px #ccc solid;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}
article.recommendBox .recBoxConBd .mainBox.infoBox ol li .title:first-child {
    border-top: 0;
    padding: 0;
    margin: 0;
}
article.recommendBox .recBoxConBd ol li .text {
    padding: 4px 0 0 0;
    color: #666;
}
article.recommendBox .recBoxConBd .mainBox.productBox ol li .text { font-size: 15px;line-height: 1.2em; text-align: center;}
article.recommendBox .recBoxConBd .mainBox.infoBox ol li .text,
article.recommendBox .recBoxConBd .mainBox.newBox ol li .text,
article.recommendBox .recBoxConBd .mainBox.programBox ol li .text,
article.recommendBox .recBoxConBd .mainBox.giftsBox ol li .text { font-size: 13px;line-height: 1.4em;}
article.recommendBox .recBoxConBd a.more {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: block;
    font-size: 15px;
    padding: 0 15px 0 0;
	background: url(../images/icon/icon_more.png) no-repeat right center;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
}
article.recommendBox .recBoxConBd a:hover.more {
    color: #e71a0f;    
	background: url(../images/icon/icon_moreHover.png) no-repeat right center;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
}
article.recommendBox .recBoxConBd ol li a.more,
article.recommendBox .recBoxConBd .infoList a.more {
    position: relative;
    right: auto;
    bottom: auto;
    float: right;
    padding: 0 20px 0 0;
    margin: 0;
}
article.recommendBox .recBoxConBd ol li a.more {
    margin: 20px 0 0 0;
}
article.recommendBox .recBoxConBd a.close {
    position: absolute;
    right: 15px;
    top: 15px;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 0;
	background: url(../images/icon/icon_close.png) no-repeat;
	-moz-background-size: 40px auto;
	-webkit-background-size: 40px auto;
	-o-background-size: 40px auto;
	background-size: 40px auto;
}
article.recommendBox .recBoxConBd a:hover.close {
	background: url(../images/icon/icon_descboxClose.png) no-repeat;
	-moz-background-size: 40px auto;
	-webkit-background-size: 40px auto;
	-o-background-size: 40px auto;
	background-size: 40px auto;
}
/**
*
* fetnetRec
*
**/
section .main.fetnetRec .bgimages {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
section .main.fetnetRec .bgimages img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: none;
}
section .main.fetnetRec .bgimages img:nth-child(1) {
    display: block;
}
article.fetnetRecBox {
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1120px;
    z-index: 2;
}
article.fetnetRecBox h2.mainHead {
    letter-spacing: 2px;
}
article.fetnetRecBox h2.mainHead img {
    max-width: 70px;
    margin: -2px 5px 0 0;
}
article.fetnetRecBox .fetnetRecHd {
    position: relative;
    z-index: 1;
    height: 48px;
    line-height: 48px;
    border-left: 1px #e1e1e1 solid;
    border-right: 1px #e1e1e1 solid;
    background: #fff;
}
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav {
    height: 48px;
    padding: 0 30px;
}
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi {
    text-align: center;
    font-size: 20px;
}
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi a {
    position: relative;
    display: block;
    height: 48px;
    margin: 0 0 15px 0;
}
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi:hover a:after,
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current a:after,
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.slick-center a:after {
	bottom: -20px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 10px;
	border-left-width: 12px;
	border-right-width: 12px;
	margin-left: -12px;
	z-index: 1;
}
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi img {
    position: relative;
    top: -2px;
    margin: 0 5px 0 0;
    display: inline-block;
    width: 32px;
}
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.video:hover a, 
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.video a, 
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.video.slick-center a       { color: #fff; background: #26addf;}
/*article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.video:hover a:after,*/
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.video a:after,
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.video.slick-center a:after   { border-top-color: #26addf;}
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.shop:hover a, 
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.shop a, 
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.shop.slick-center a          { color: #fff; background: #e72410;}
/*article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.shop:hover a:after,*/
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.shop a:after,
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.shop.slick-center a:after    { border-top-color: #e72410;}
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.mobile:hover a, 
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.mobile a, 
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.mobile.slick-center a        { color: #fff; background: #009f49;}
/*article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.mobile:hover a:after,*/
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.mobile a:after,
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.mobile.slick-center a:after  { border-top-color: #009f49;}
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.game:hover a, 
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.game a, 
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.game.slick-center a          { color: #fff; background: #ee7800;}
/*article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.game:hover a:after,*/
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.game a:after,
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.game.slick-center a:after    { border-top-color: #ee7800;}
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.ring:hover a, 
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.ring a, 
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.ring.slick-center a         { color: #fff; background: #e72410;}
/*article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.music:hover a:after,*/
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.ring a:after,
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.ring.slick-center a:after   { border-top-color: #e72410;}
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.read:hover a, 
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.read a, 
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.read.slick-center a          { color: #fff; background: #43bab1;}
/*article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.read:hover a:after,*/
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.read a:after,
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.read.slick-center a:after    { border-top-color: #43bab1;}
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.music:hover a, 
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.music a, 
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.music.slick-center a         { color: #fff; background: #a90884;}
/*article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.music:hover a:after,*/
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.music a:after,
article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.music.slick-center a:after   { border-top-color: #a90884;}
article.fetnetRecBox .fetnetRecHd .slick-slider .slick-prev { left: 0; background: #fff url(../images/icon/icon_fetnetRec_prev.png) no-repeat center;}
article.fetnetRecBox .fetnetRecHd .slick-slider .slick-next { right: 0; background: #fff url(../images/icon/icon_fetnetRec_next.png) no-repeat center;}
article.fetnetRecBox .fetnetRecHd .slick-slider .slick-prev,
article.fetnetRecBox .fetnetRecHd .slick-slider .slick-next { width: 30px; height: 48px;margin-top: -24px;
	-moz-background-size: 22px auto;
	-webkit-background-size: 22px auto;
	-o-background-size: 22px auto;
	background-size: 22px auto;
    filter:alpha(opacity=70);
    -moz-opacity:.7;
    opacity:.7;
}
article.fetnetRecBox .fetnetRecHd .slick-slider .slick-prev:hover,
article.fetnetRecBox .fetnetRecHd .slick-slider .slick-next:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}
article.fetnetRecBox .fetnetRecBd {}
article.fetnetRecBox .fetnetRecBd .slickMaxBox.slick-slider {
    margin-bottom: 0;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLiBox {
    margin: 20px 0 0 0;
    position: relative;
    background: #fff;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox:after {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
	content: "";
	height: 0;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slick-slider {
    margin-bottom: 10px;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.video .slickLiBox:after  { border-top: 3px #26addf solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.shop .slickLiBox:after   { border-top: 3px #e72410 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox:after { border-top: 3px #009f49 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.game .slickLiBox:after   { border-top: 3px #ee7800 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox:after  { border-top: 3px #e72410 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.read .slickLiBox:after   { border-top: 3px #43bab1 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox:after   { border-top: 3px #a90884 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slickUl:after,
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox:after,
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox:after,
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox:after {
	content:"";
	display: block;
	clear: both;
}
/* conBox */
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.video .slickLiBox,
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.read .slickLiBox  { padding: 25px 30px 60px 30px;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.shop .slickLiBox   { padding: 25px 30px 60px 30px;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox { padding: 25px 15px 28px 15px;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.game .slickLiBox   { padding: 25px 15px 60px 15px;}
/* ol li */
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slickUl .slickLi { 
    position: relative;
    float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox .slickUl .slickLi,
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox .slickUl .slickLi { 
    width: 16%;
    margin: 20px 1.4% 0 0;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox .slickUl .slickLi:nth-child(1),
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox .slickUl .slickLi:nth-child(1) { 
    width: 28%;
    margin: 0 2% 0 0;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.video .slickLiBox .slickUl .slickLi,
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.read .slickLiBox .slickUl .slickLi { 
    width: 17%;
    margin: 0 1.5% 0 1.5%;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi { 
    width: 32.3%;
    margin: 0 1% 2% 1%;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi:nth-child(1) { 
    width: 27.3%;
    margin: 0 1.5% 2% 1.5%;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.game .slickLiBox .slickUl .slickLi { 
    width: 31.3%;
    margin: 0 1%;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.shop .slickLiBox .slickUl .slickLi { 
    width: 22%;
    margin: 0 1.5% 0 1.5%;
}
/* photo */
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slickUl .slickLi .photo { 
    position: relative;
    width: 100%;
    overflow: hidden;
    border: 1px #e2e2e2 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox .slickUl .slickLi:hover .photo { border: 1px #e72410 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox .slickUl .slickLi:hover .photo { border: 1px #a90883 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.video .slickLiBox .slickUl .slickLi:hover .photo { border: 1px #26addf solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi:nth-child(1):hover .photo { border: 1px #009f49 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.game .slickLiBox .slickUl .slickLi:hover .photo { border: 1px #ee7800 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.shop .slickLiBox .slickUl .slickLi:hover .photo { border: 1px #e72410 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.read .slickLiBox .slickUl .slickLi:hover .photo { border: 1px #43bab1 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox .slickUl .slickLi:nth-child(1) .photo,
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox .slickUl .slickLi:nth-child(1) .photo { 
    background: #000;
    margin: 0;
    padding-bottom: 15%;
    box-sizing: border-box;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi { 
    border: 1px #f4f4f4 solid;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi:hover { 
    border: 1px #009f49 solid;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi:nth-child(1) { 
    border: 0;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi .photo { 
    width: 45%;
    border: 0;
    z-index: 1;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi:nth-child(1) .photo { 
    width: 100%;
    border: 1px #f4f4f4 solid;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.game .slickLiBox .slickUl .slickLi .photo,
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.game .slickLiBox .slickUl .slickLi:hover .photo { 
    border-bottom: 0;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slickUl .slickLi .photo img { 
    width: 100%;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slickUl .slickLi a { 
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
/* desc */
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox .slickUl .slickLi .desc,
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox .slickUl .slickLi .desc { 
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 0;
    line-height: 4px;
    z-index: 2;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox .slickUl .slickLi .desc { background: #e72410;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox .slickUl .slickLi .desc { background: #a90884;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox .slickUl .slickLi:nth-child(1) .desc,
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox .slickUl .slickLi:nth-child(1) .desc { 
    line-height: 4px;
    margin: 0;
}
/* title */
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slickUl .slickLi .title { 
    font-size: 16px;
    line-height: 1.2em;
    padding: 10px 0 5px 0;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.game .slickLiBox .slickUl .slickLi .title { 
    padding: 10px 10px 5px 110px;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.video .slickLiBox .slickUl .slickLi .title,
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.read .slickLiBox .slickUl .slickLi .title { 
    height: 2.2em;
    overflow: hidden;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.video .slickLiBox .slickUl .slickLi .title,
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.read .slickLiBox .slickUl .slickLi .title,
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.shop .slickLiBox .slickUl .slickLi .title { 
    text-align: center;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi .title { 
    padding: 10px 10px 5px 15px;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi:nth-child(1) .title { 
    padding: 10px 5px;
    color: #fff;
    background: #169d4d;
}
/* text */
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slickUl .slickLi .text { 
    color: #666;
    font-size: 13px;
    line-height: 1.2em;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi .text { 
    padding: 0 10px 0 15px;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi:nth-child(1) .text { 
    padding: 10px 5px;
}
/* icon */
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slickUl .slickLi .icon { 
    position: relative;
    float: left;
    margin: -20px 20px 0 20px;
    z-index: 1;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slickUl .slickLi .icon img { 
    max-width: 76px;
    width: 100%;
}
/* star */
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slickUl .slickLi .star { 
    padding: 0 0 0 110px;
    color: #ec7720;
    font-size: 18px;
    line-height: 1.2em;
    font-family: Arial;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slickUl .slickLi .price { 
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    background: #e42820;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox .slickUl .slickLi:nth-child(1) .box,
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox .slickUl .slickLi:nth-child(1) .box { 
    position: absolute;
    bottom: 5px;
    left: 1px;
    right: 1px;
    height: 80px;
    padding: 50px 20px 0 20px;
	background: url(../images/home/bg_tabsBox_photo.png) repeat-x center;
    display: inline-flex;
    flex-wrap: wrap;
	align-content: center;
    justify-content:center;	
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox .slickUl .slickLi:nth-child(1) .box .title,
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox .slickUl .slickLi:nth-child(1) .box .text,
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox .slickUl .slickLi:nth-child(1) .box .title,
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox .slickUl .slickLi:nth-child(1) .box .text { 
    color: #fff;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.video .slickLiBox .slickUl .slickLi .box {
    border-top: 5px #31aedc solid;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.read .slickLiBox .slickUl .slickLi .box {
    border-top: 5px #43bab1 solid;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.game .slickLiBox .slickUl .slickLi .box { 
	min-height: 90px;
    border-left: 1px #e2e2e2 solid;
    border-right: 1px #e2e2e2 solid;
    border-bottom: 5px #ec7720 solid;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.game .slickLiBox .slickUl .slickLi:hover .box { 
    border-left: 1px #ee7800 solid;
    border-right: 1px #ee7800 solid;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi .box { 
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    height: 100%;
    background: #f4f4f4;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi:nth-child(1) .box { 
    position: relative;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
    background: none;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .more { 
    position: absolute;
    bottom: 20px;
    right: 2%;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .more a { 
    padding: 0 15px 0 0;
    margin: 0 10px 0 0;
    font-size: 13px;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox .more a { color: #e72410; border-right: 1px #e72410 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox .more a { color: #a90884; border-right: 1px #a90884 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.video .slickLiBox .more a { color: #26addf; border-right: 1px #26addf solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .more a { color: #009f49; border-right: 1px #009f49 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.game .slickLiBox .more a { color: #ee7800; border-right: 1px #ee7800 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.shop .slickLiBox .more a { color: #e72410; border-right: 1px #e72410 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.read .slickLiBox .more a { color: #43bab1; border-right: 1px #43bab1 solid;}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .more a:last-child { 
    border-right: 0;
    padding: 0;
    margin: 0;
}
article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .more img {
    display: inline;
    vertical-align: bottom;
}
/*-----------------------------------------------------------------------------
sequencejs jQuery Plugin
-----------------------------------------------------------------------------*/
.seqComplex {border-bottom: 1px #d2d2d2 solid; position: relative;width: 100%;height: 465px;max-width: 100%;overflow: hidden;margin: 0 auto;padding: 0;background: #fff url(../images/icon/loading.gif) no-repeat center;}
#hp_superad .seqComplex {background: #E0E0E0 url(../images/icon/loading.gif) no-repeat center;}
.seqComplex .seqBoxComplex {position: relative;height: 100%;}
.seqComplex .seq-pagination, .seqComplex .seq-screen, .seqComplex .seq-canvas, .seqComplex .seq-canvas > * {margin: 0;padding: 0;list-style: none;}
.seqComplex .seq-screen, .seqComplex .seq-canvas, .seqComplex .seq-canvas > * {height: 100%;width: 100%;}
.seqComplex .seq-canvas > * {position: absolute;-webkit-transition-property: left, opacity;-moz-transition-property: left, opacity;-ms-transition-property: left, opacity;-o-transition-property: left, opacity;transition-property: left, opacity;}
.seqComplex .seq-canvas > *:before {content: "";display: inline-block;vertical-align: middle;height: 100%;}
.seqComplex .seq-preloader {background: #F8F8F8;}
.seqComplex .navigationBox {position: absolute;left: 50%;z-index: 10;bottom: 30px;/*width: 100%;*/}
.seqComplex .seq-pagination {/*display: none;*/ position: relative; right: 50%; /*max-width: 1246px;padding: 0 60px;*/margin: 0 auto;border: none;text-align: center;}
.seqComplex .seq-pagination a {display: block;width: 100%;height: 100%;}
.seqComplex .seq-pagination .seq-current {background: #333;}
.seqComplex .seq-pagination > * {margin: 0 4px;padding: 0;display: inline-block;zoom: 1;width: 10px;height: 10px;cursor: pointer;font: 0/0 a;text-shadow: none;color: transparent;background: #999;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border: 1px #fff solid;-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.7);-moz-box-shadow: 0 0 1px rgba(255,255,255,0.7);box-shadow: 0 0 1px rgba(255,255,255,0.7);}
.seqComplex.seq-active {overflow: hidden;}
.seqComplex.seq-active .seq-pagination {display: block;}
.seqComplex.seq-active .seq-preloader,
.seqComplex.seq-active .seq-pagination {visibility: visible;}
.seqComplex.seq-active .seq-preloader.seq-preloaded {visibility: hidden;}
.seqComplex a.clickButton { position: absolute; top: 0; left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 2;}
.seqComplex .seqBox { position: absolute; top: 10%; left: 100px; width: 100%;opacity: 0; z-index: 1;}
.seqComplex .seqBox .seqBoxBd { max-width: 1366px; margin: 0 auto;}
.seqComplex .seqBox .title { position: relative; float: right; width: 390px; height: 290px; padding: 30px; margin: 0 40px 0 0; color: #fff; text-align: right;display: inline-flex;flex-wrap: wrap;align-content: center;justify-content: flex-end;}
.seqComplex .seqBox .title.leftComplex { float: left; margin: 0 0 0 140px; text-align: left;justify-content: flex-start;}
.seqComplex .seqBox .title .mainTitle { position: relative; z-index: 1; font-size: 43px; line-height: 1.1em; margin: 0 0 0.3em 0; width:100%;max-height: 2.2em;overflow: hidden;}
.seqComplex .seqBox .title .mainTitle > h2 { font-weight: normal;}
.seqComplex .seqBox .title .subTitle { position: relative; z-index: 1; font-size: 26px; line-height: 1.6em; font-weight: normal; width:100%;max-height: 1.6em;overflow: hidden;}
.seqComplex .seqBox .title .text { position: relative; z-index: 1; font-size: 18px; line-height: 1.5em; width:100%;max-height: 3em;overflow: hidden;}
.seqComplex .seqBox .title span.button { position: relative; z-index: 1; display: inline-block; width: 145px; height: 42px; line-height: 42px; text-align: center; margin: 20px 0 0 0; padding: 0 0 0 5px; color: #fff; font-size: 18px; background: rgba(51,51,51,0.8);}
.seqComplex .seqBox .title span.button img { position: relative; top: -2px; left: auto; margin: auto; width: 16px; height: 16px;}
.seqComplex .seqBox .title .bgTitle {position: absolute; top: 0; left: 0;right: 0;bottom: 0;width: 100%;height: 100%;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
.seqComplex .monitor img { position: absolute; top: 0; left: 50%; margin: 0 0 0 -1060px; width: 1920px; height: 465px; opacity: 0; -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.seqComplex .mobile img { position: relative; left: -10%;opacity: 0; -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.seqComplex .monitor { position: relative;display: block;}
.seqComplex .seq-in .monitor img { opacity: 1; margin: 0 0 0 -960px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition-duration: .8s;-moz-transition-duration: .8s;-ms-transition-duration: .8s;-o-transition-duration: .8s;transition-duration: .8s;}
.seqComplex .seq-in .mobile img { opacity: 1; left: 0; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition-duration: .8s;-moz-transition-duration: .8s;-ms-transition-duration: .8s;-o-transition-duration: .8s;transition-duration: .8s;}
.seqComplex .seq-in .seqBox {opacity: 1; left: 0;-webkit-transition-duration: .8s;-moz-transition-duration: .8s;-ms-transition-duration: .8s;-o-transition-duration: .8s;transition-duration: .8s;}
.seqComplex .seq-out .monitor img { opacity: 0; margin: 0 0 0 -860px; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);-webkit-transition-duration: .8s;-moz-transition-duration: .8s;-ms-transition-duration: .8s;-o-transition-duration: .8s;transition-duration: .8s;}
.seqComplex .seq-out .mobile img { opacity: 0; left: 10%; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);-webkit-transition-duration: .8s;-moz-transition-duration: .8s;-ms-transition-duration: .8s;-o-transition-duration: .8s;transition-duration: .8s;}
.seqComplex .seq-out .seqBox {opacity: 0; left: -100px;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-ms-transition-duration: .5s;-o-transition-duration: .5s;transition-duration: .5s;}
.seqComplex .bgComplex .mobile { display: none; height: 100%;}
.seqComplex .mobile img { height: 100%;}
.seqComplex .bgComplex {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;border-bottom: 0;}
/**
*
* adHome
*
**/
article.recommendBox .adHome {position: relative;width: 100%;padding: 0 0 9% 0;margin: 30px 0 0 0;background: #fff url(../images/icon/loading.gif) no-repeat center;-moz-background-size: auto 96%;-webkit-background-size: auto 96%;-o-background-size: auto 96%;background-size: auto 96%;}
article.recommendBox .adBox { position: absolute; top: 0; left: 0; width: 100%; padding: 0 0 9% 0;}
article.recommendBox .adBox .monitor,
article.recommendBox .adBox .mobile {position: absolute;top: 0;left: 0;right: 0; width: 100%;}
article.recommendBox .adBox img { width: 100%; margin: 0 -1px; border: 1px #fff solid;}
article.recommendBox .adBox .mobile { display: none;}
/**
*
* adSplash
*
**/
.featherlight .featherlight-content {border: 0;padding: 0;}
.featherlight .featherlight-close-icon {background: url(../images/icon/icon_splashAD.png) no-repeat;-webkit-background-size: 36px auto;-o-background-size: 36px auto;background-size: 36px auto;}
.featherlight .featherlight-close-icon:hover { background: url(../images/icon/icon_splashAD_hover.png) no-repeat;-webkit-background-size: 36px auto;-o-background-size: 36px auto;background-size: 36px auto;}
.splashAD .monitor img { width:100%;}
.splashAD .mobile img { width:100%;}
.splashAD { position: relative; z-index:1;}
.splashAD .bgComplex .mobile { display: none;}
.splashAD .video { position: absolute;top: 5%; left:11%;width: 78%;padding-bottom: 44%;}
.splashAD .video iframe {  position: absolute; top:0; left: 0; width: 100%; height: 100%;}
@media only screen and (max-width: 1024px) {.featherlight .featherlight-content {margin-left: 5%;margin-right: 5%;max-height: 95%;padding: 0;border-bottom: 0;}}
@media only screen and (max-height: 768px) {.splashAD .monitor img { max-height:600px; max-width:924px;}}
/**
*
* noticeMsg
*
**/
.noticeMsgBox {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;}
.noticeMsgBox .monitor {position: relative;display: block;}
.noticeMsgBox .monitor:after {position: absolute;top: -50px;left: -95px;width: 80px;height: 85px;content: "";background: url(../images/home/noticeArrow_.png) no-repeat;}
.noticeMsgBox .mobile {width: 70%;display: none;}
.noticeMsgBox .monitor, .noticeMsgBox .mobile {text-align: center;position: relative;z-index: 2;}
.noticeMsgBox .monitor img, .noticeMsgBox .mobile img{max-width: 100%;}
.noticeMsgBox .bgComplex {position: relative;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.noticeMsgBox .bgComplex a {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;cursor: pointer;background-color: rgba(0,0,0,.85);z-index: 1;}
@media only screen and (max-width: 1380px) {.noticeMsgBox .monitor {max-width: 450px;}}
@media only screen and (max-width: 960px) {.noticeMsgBox .monitor {width: 70%;}}
@media only screen and (max-width : 767px) {
    .noticeMsgBox .monitor {display: none;}
    .noticeMsgBox .mobile {display: block;margin: 5%;}
    .noticeMsgBox .bgComplex {align-items: start;}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) 
and (orientation : landscape) {
    .noticeMsgBox {overflow: auto;z-index: 99;}
    .noticeMsgBox .bgComplex { min-height: 700px;}
}