@charset "UTF-8";
/*=========================================
reset
=========================================*/
* {
	outline : 0;
}

body {
	line-height:1;
	margin:0;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

ul, ol {
	list-style:none;
	margin:0;
	padding:0;
}
li {
	padding:0;
}

input, select {
	vertical-align:middle;
}

a {
	display: block;
	border : 0;
	outline : 0;
}

a {
	-webkit-tap-highlight-color:transparent;
}

img {
	border : 0;
	outline : 0;
}

/*=========================================
BASE
=========================================*/
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v11/qpy-UiLNKP-VfOdbcs6r6-vvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}


@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 300;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: local('NotoSansJP-Regular.otf'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
 }

@font-face {
	font-family: "icon";
	src: url('/assets/img/fa_eot.eot');
	src: url('/assets/img/fa_eot.eot?#iefix') format('embedded-opentype'),
		url('/assets/img/fa_woff2.woff2') format('woff2'),
		url('/assets/img/fa_woff.woff') format('woff'),
		url('/assets/img/fa_ttf.ttf')  format('truetype'),
		url('/assets/img/fa_svg.svg#svgico') format('svg');
}

html {
   overflow-y:scroll;
}
body {
	color: #25292c;
	font-size : 15px;
	line-height : 1.5;
	font-family :  Helvetica, Roboto, 'Noto Sans Japanese' ,sans-serif;
	background: rgba(42, 42, 42, 1);
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	line-break: strict;
}
/*font-family: 'Montserrat', sans-serif;*/

a:link, a:visited {
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
	color : #6a6969;
	text-decoration : none;
}

a:hover, a:visited:hover {
	color : rgba(255,113,43,1);
	text-decoration : none;
}

h1, h2, h3, h4, h5, h6 {
	color : #434343;
}


hr {
   border: 0;
   height: 1px;
	background: #a6a6a7;
	margin : 40px 0;
}

.white {
	background : #fff!important;
}

.blue1 {
	background-color : #e1e8e8!important;
}


.gray1 {
	background-color : #e8e8e8!important;
}

.gray2 {
	background-color : #d1d1d2!important;
}

.gray3 {
	background: rgba(42, 42, 42, 1);
}

@media(max-width:639px){
	.onlypc {
		display : none!important;
	}
}

.inner {
	max-width : 1104px;
	padding : 44px 20px;
	margin : 0 auto;
	position : relative;
}
@media(max-width:1023px){
	.inner {
		width : 100%;
		padding : 32px 0;
	}
}

.mont {
	font-family: 'Montserrat', sans-serif!important;
	font-weight : 400!important;
-webkit-font-smoothing: antialiased;
}

.mont_b {
	font-family: 'Montserrat', sans-serif!important;
	font-weight : 700!important;
-webkit-font-smoothing: antialiased;
}

/*=========================================
row1
=========================================*/
.row1 {
	padding : 0;
}

@media(max-width:1023px){
	.row1 {
		padding : 0 16px;
	}
}

/*=========================================
row2
=========================================*/
.row2 {
	width : 50%;
	margin-right : 4%;
	padding : 0;
	float : left;
}

.row2:nth-of-type(2n) {
	width : 46%;
	margin-right : 0;
}

@media(max-width:1023px){
	.row2 {
		width : 94% ;
		width : -webkit-calc(100% - 32px) ;
		width : calc(100% - 32px) ;
		padding : 0 16px;
	}

	.row2:nth-of-type(2n) {
		width : 94% ;
		width : -webkit-calc(100% - 32px) ;
		width : calc(100% - 32px) ;
		padding : 32px 16px 0;
	}
}




a.cat1,
span.cat1 {
	background : #e55a51;
	color : #fff!important;
}

a.cat2,
span.cat2 {
	background : #37587c;
	color : #fff!important;
}

a.cat3,
span.cat3 {
	background : #357066;
	color : #fff!important;
}

a.cat4,
span.cat4 {
	background : #ff7f30;
	color : #2a2a2a!important;
}


/*=========================================
TITLE
=========================================*/
.TopTitle {
	font-size : 28px;
	line-height : 28px;
	font-family : 'Oswald', sans-serif;
	font-weight : normal;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	position : relative;
	z-index : 10;
	text-align : center;
	margin-bottom : 40px;
}

.TopTitle:after {
	content : "";
	width : 60px;
	height : 4px;
	background : #ff7433;
	display : block;
	margin : 20px auto 0;
}

@media(max-width:1023px){
	.TopTitle {
		font-size : 20px;
		text-align : center;
		letter-spacing : 0;
	}

	.TopTitle span {
		padding : 0 8px;
		font-size : 20px;
		display : inline-block;
	}

	.TopTitle span.model {
		font-size : 12px;
		line-height : 20px;
		padding : 0 8px 0 0;
	}

}

/*=========================================
header
=========================================*/
#globalHeader {
	text-align : center;
	position : relative;
	overflow : hidden;
	border-bottom : rgba(42, 42, 42, 1) 4px solid;
}

#globalHeader:before {
	content:"";
	display:block;
	height : 10000px;
	width :50%;
	width : -webkit-calc(50% - 700px) ;
	width : calc(50% - 700px) ;
	background : #FFA926;
	position : absolute;

}

#globalHeader .inner {
	padding : 16px 20px 12px;
	position : relative;
}

#globalHeader .inner:before {
	content:"";
	display:block;
	height : 1000px;
	width :1000px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top : -500px;
	left : -920px;
	background : #99cccc;
	position : absolute;
	background:-webkit-gradient(linear, left top, right bottom, from(#FFA926), to(#ff7433));
	background:-moz-linear-gradient(left, #FFA926, #ff7433);
	background:linear-gradient(left, #FFA926, #ff7433);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA926', endColorstr='#ff7433',GradientType=1 );
}

#siteLogo a:before {
	content:"";
	position :relative;
	display:block;
	height : 8px;
	width : 1000px;
	top : -0;
	left : -280px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background : rgba(42, 42, 42, 1);
	z-index : 8;
}


#siteLogo {
	width : 20%;
	margin-top : 6px;
	height : 24px;
	text-align : left;
	float : left;
}
#siteLogo a {
	position :relative;
	width : 170px;
	height : 24px;
	background-image : url(/ksg9b600000000ab-att/2018_logo_580_761.png);
	background-size:170px 24px;
	font-size : 1px;
	line-height : 1px;
	z-index : 10;
	text-indent : -10000px;
}

#siteLogo a span {
	display : none;
}

@media(max-width:1023px){

	#globalHeader .inner {
		padding : 0 0 8px 0;
	}

	#globalHeader .inner:before {
		content:"";
		display:block;
		height : 4px;
		width :100%;
		transform: none;
		position : static;
		margin-bottom : 12px;
	}

	#siteLogo a:before {
		content : none;
		display : none;
	}

	#siteLogo {
		width : 142px;
		margin : 0 auto;
		float : none;
		text-align : center;
	}

	#siteLogo a {
		width : 142px;
		height : 20px;
		background-size:142px 20px;
	}


}

/*=========================================
NAVIGATION
=========================================*/
#globalMenu {
	width : 80%;
	float : right;
}

.pcmenu {
	list-style-type: none;
	padding: 0;
	margin-left : auto;
	text-align : right;
	font-family : 'Oswald', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight : 400;
	font-size : 16px;
	line-height : 20px;
}
.pcmenu li {
	margin: 0 0 0 20px;
	padding: 0;
	display : inline-block;
}

.pcmenu li a {
	padding: 0.5em 0;
	color :#fff !important;
	position: relative;
	letter-spacing: 1px;
	text-decoration: none;
}
.pcmenu li a:before,
.pcmenu li a:after {
	position: absolute;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}
.pcmenu li a:before {
	bottom: 0;
	display: block;
	height: 2px;
	width: 0%;
	content: "";
	background-color: #ff7433;
}

.pcmenu li a:after {
	left: 0;
	top: 0;
	padding: 0.5em 0;
	position: absolute;
	 content: attr(data-hover);
	color: #ff7433;
	white-space: nowrap;
	max-width: 0%;
	overflow: hidden;
	opacity: ;
}
.pcmenu li a:hover:before,
.pcmenu li.current a:before {
	opacity: 1;
	width: 100%;
}
.pcmenu li a:hover:after,
.pcmenu li.current a:after {
 max-width: 100%;
}

.pcmenu li.search {
	margin-left : 28px;
	margin-right : 8px;
}
.pcmenu li.search a {
	font-family : 'Icon';
	font-size : 18px;
}

.menuchild {
	position : relative;
	z-index: 1000;
	display : block;
	height : 0;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.menuchild .childinner {
	position : absolute;
	top : 12px;
	right : 0;
	width : 600px;
	border :  #ff7433 2px solid;
	font-family : 'Oswald', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight : 400;
	opacity : 0;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
	 z-index : 1000;
}

.menuchild .childinner.active {
	opacity : 1;
	 z-index : 1001;
}

.menuchild .childlist {
	box-sizing : border-box;
	padding : 8px;
	text-align : left;
}

#gm1 {
	width : 728px;
}

#gm2 {
	width : 628px;
}

#gm3 {
	width : 508px;
}


.menuchild .childlist li.liA {
	font-size : 14px;
	line-height : 1;
	display : inline-block;
	width : 20%;
	box-sizing : border-box;
	padding : 8px;
}

.menuchild .childlist li.liB {
	font-size : 14px;
	line-height : 1;
	display : inline-block;
	box-sizing : border-box;
	padding : 8px 12px 8px 8px;
}

.menuchild .childlist a {
	color :#fff;
	display : inline-block;
	position: relative;
	letter-spacing: 1px;
	padding-bottom : 8px;
	text-decoration: none;
}
.menuchild .childlist a:before,
.menuchild .childlist a:after {
	position: absolute;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}
.menuchild .childlist a:before {
	bottom: 0;
	display: block;
	height: 2px;
	width: 0%;
	content: "";
	background-color: #ff7433;
}

.menuchild .childlist a:after {
 left: 0;
 top: 0;
 padding: 0.5em 0;
 position: absolute;
 content: attr(data-hover);
 color: #ff7433;
 white-space: nowrap;
 max-width: 0%;
 overflow: hidden;
}
.menuchild .childlist a:hover:before,
.menuchild .childlist .current a:before {
	opacity: 1;
	width: 100%;
}
.menuchild .childlist  a:hover:after,
.menuchild .childlist  .current a:after {
 max-width: 100%;
}

.menuchild .HeaderProductsSearch {
	padding : 20px;
}

.menuchild .HeaderProductsSearchTxt {
	width: 300px;
	padding: 8px 8px;
	font-size: 13px;
	line-height: 1;
	margin: 0;
	border: 0;
	outline: 0;
	background-color: white;
	box-sizing: border-box;
}

.HeaderProductsSearchSubmit {
	font-family : "Icon";
	font-size : 20px;
	line-height : 29px;
	border : 0;
	padding : 0;
	background : transparent;
	color : rgba(255,255,255,1);
	cursor : pointer;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}
.HeaderProductsSearchSubmit:hover {
	color : rgba(255,255,255,0.7);
}


@media(max-width:1023px){
	.pcmenu {
		display : none!important;
	}
}

.hamburger {
	display : none;
}

@media(max-width:1023px){
	.hamburger {
		display: block;
		width: 30px;
		position : absolute;
		top : 12px;
		right : 8px;
	}
	.hamburger span {
		background: #fff;
		display: block;
		height: 2px;
		margin: 6px 0;
	}

	html.mm-opened .hamburger span.top-bar {
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate( 45deg );
		top: 8px;
	}
	html.mm-opened .hamburger span.middle-bar {
		opacity: 0;
	}
	html.mm-opened .hamburger span.bottom-bar {
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate( -45deg );
		top: -8px;
	}
	.hamburger {
		overflow: hidden;
	}
	.hamburger span {
		position: relative;
		-moz-transform: rotate(0);
		-webkit-transform: rotate(0);
		transform: rotate( 0 );
		top: 0;
		left: 0;
		opacity: 1;
		transition: none 0.5s ease;
		transition-property: transform, top, left, opacity;
	}

	html.mm-opened .hamburger span.middle-bar {
		left: -40px;
	}
	.SPHeaderProductsSearchTxt {
		width: 192px;
		padding: 8px 8px;
		font-size: 13px;
		line-height: 1;
		margin: 0;
		border: 1px solid  rgba(0,0,0,0.3);
		outline: 0;
		background-color: white;
		box-sizing: border-box;
	}

	.SPHeaderProductsSearchSubmit {
		font-family : "Icon";
		font-size : 20px;
		line-height : 29px;
		border : 0;
		padding : 0;
		background : transparent;
		color : rgba(0,0,0,0.3);
		cursor : pointer;
		-webkit-transition: all 0.35s ease;
		 transition: all 0.35s ease;
	}
	.SPHeaderProductsSearchSubmit:hover {
		color : rgba(0,0,0,0.3);
	}
}


/*=========================================
Footbnr
=========================================*/
.Footerbnr {
	width : 100%;
}

.Footerbnr.col2 li {
	width : 50%;
	position : relative;
	float : left;
}

.Footerbnr.col3 li {
	width : 33.3%;
	position : relative;
	float : left;
}

.Footerbnr.col4 li {
	width : 25%;
	position : relative;
	float : left;
}

.Footerbnr li a {
	width : 100%;
	height : 100%;
	position : absolute;
	display : table;
	line-height : 1;
	font-family: 'Montserrat', sans-serif!important;
	font-weight : 400!important;
	-webkit-font-smoothing: antialiased;
	background : rgba(0, 0, 0, 0);
	z-index : 100;
}
.Footerbnr li a span {
	padding : 0 12px;
	display : table-cell;
	text-align : center;
	vertical-align : middle;
	color : #fff;
	text-shadow: 0 0 5px #333;
	font-size : 22px;
}

.Footerbnr li a span.red {
	color :  rgba(214, 10, 32, 1);
}

.Footerbnr li a span.gray {
	color :  rgba(92, 92, 92, 1);
	text-shadow: none;
}
.Footerbnr li a:hover {
	color : #fff;
	background : rgba(0, 0, 0, 0.2);
}
.Footerbnr li p {
	width : 100%;
	overflow : hidden;
	z-index : 10;
	display : block;
}
.Footerbnr li p img {
	width : 100%;
   position: relative;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
   -moz-transition: -moz-transform 0.1s linear;
   -webkit-transition: -webkit-transform 0.1s linear;
   -o-transition: -o-transform 0.1s linear;
   -ms-transition: -ms-transform 0.1s linear;
   transition: transform 0.1s linear;
	z-index : 10;
}

.Footerbnr li:hover p img {
   -webkit-transform: translate(-50%,-50%) scale(1.1);
   -moz-transform: translate(-50%,-50%) scale(1.1);
   -o-transform: translate(-50%,-50%) scale(1.1);
   -ms-transform: translate(-50%,-50%) scale(1.1);
   transform: translate(-50%,-50%) scale(1.1);
	z-index : 10;
}

@media(max-width:1023px){
	.Footerbnr.col2 li,
	.Footerbnr.col3 li,
	.Footerbnr.col4 li {
		width : 50%;
	}
}

@media(max-width:639px){
	.Footerbnr.col2 li,
	.Footerbnr.col3 li,
	.Footerbnr.col4 li {
		width : 100%;
		float : none;
	}
}

/*=========================================
FooterLogo
=========================================*/
.FooterLogoLink .inner {
	padding-top : 24px;
	padding-bottom : 12px;
}
.FooterLogo {
	width : 100%;
	text-align : center;
}

.FooterLogo li {
	padding : 12px 20px;
	box-sizing : border-box;
	display : inline-block;
}

.FooterLogo li a img {
	height : 40px;
	opacity : 0.7;
}

.FooterLogo li a:hover img {
	opacity : 1;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

@media(max-width:1023px){
	.FooterLogo li {
	padding : 12px 0;
		width : 50%;
	}
	.FooterLogo li a img {
		height : 32px;
	}
}

/*=========================================
footer
=========================================*/
#footer {
	font-size : 85%;
	padding : 40px 4px;
	text-align : center;
	color: #ededed;
}


/*=========================================
Topicpath
=========================================*/
#HeaderTopicpath {
	background : #efefef;
	font-size : 12px;
	line-height : 12px;
	border-bottom: 1px solid rgba(42, 42, 42, 0.1);
}
#HeaderTopicpath .inner {
	padding-top : 12px;
	padding-bottom : 12px;
	position : relative;
}

#HeaderTopicpath ul.TopicPath {
/*	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	flex-direction : row;
*/
}

#HeaderTopicpath ul.TopicPath li {
	margin : 0 12px 0 0;
   display: inline-block;
}

#HeaderTopicpath ul.TopicPath li > a:hover, #HeaderTopicpath ul.TopicPath li > a:active {
   color: #000;
}

#HeaderTopicpath ul.TopicPath li > a, #HeaderTopicpath ul.TopicPath li > span {
   color: #6d7579;
}

#HeaderTopicpath ul.TopicPath li a:after {
		width : 13px;
		height : 13px;
		font-size : 13px;
		line-height : 13px;
		padding-left : 12px;
		content : "\f105";
		font-family: "icon";
		color : #3b4349;
}
.TopicPathClose {
	width: 20px;
	height : 20px;
	position : absolute;
	display : none;
	top  : 20px;
	right : 12px;
	cursor : pointer;
}
.TopicPathClose span {
	display : none;
}
.TopicPathClose:before {
		content : "";
		width : 20px;
		height: 2px;
		background: #999;
		display: block;
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate( -45deg );
		margin-top : 10px;
}

.TopicPathClose:after {
		content : "";
		width : 20px;
		height: 2px;
		background: #999;
		display: block;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate( 45deg );
		margin-top : -2px;
}

@media(max-width:639px){
	#HeaderTopicpath {
		background : #fff;
	}

	#HeaderTopicpath .inner {
		padding-top :4px;
		padding-bottom : 4px;
	}

	#HeaderTopicpath ul.TopicPath {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction : column-reverse;
	}
	#HeaderTopicpath ul.TopicPath li {
			background : #fff;
			display : none;
	}

	#HeaderTopicpath ul.TopicPath.open li {
			display : block;
	}
	#HeaderTopicpath ul.TopicPath li a {
		display : block;
		width : 100%;
		line-height : 40px;
	}
	#HeaderTopicpath ul.TopicPath li a:after {
		content : "";
	}

	#HeaderTopicpath ul.TopicPath li a:before {
		width : 13px;
		height : 13px;
		font-size : 13px;
		line-height : 13px;
		padding-right : 12px;
		content : "\f104";
		font-family: "icon";
		color : #cc0033;
	}

	#HeaderTopicpath ul.TopicPath li:nth-last-child(2) {
			display : block;
	}
	#HeaderTopicpath ul.TopicPath li:last-child {
			display : none;
	}
}



/*=========================================
section topimg
=========================================*/
#TopImgArea .inner {
	padding-top : 20px;
	padding-bottom : 20px;
}

.topSlide {
	height : 328px;
	overflow : hidden;
	background: rgba(42, 42, 42, 1);
	padding : 4px;
	box-sizing: border-box;
}

.TopSlides a {
	width : 100%;
	height : 320px;
	position : relative;
}

.TopSlides .TopSlidesImg {
	top:0
	left : 0;
	position : absolute;
}

.TopSlides .TopSlidesImg img {
	height : 320px;
   position: relative;
   top: 160px;
   left: 50%;
   -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
   -moz-transition: -moz-transform 0.1s linear;
   -webkit-transition: -webkit-transform 0.1s linear;
   -o-transition: -o-transform 0.1s linear;
   -ms-transition: -ms-transform 0.1s linear;
   transition: transform 0.1s linear;
}
.TopSlides a:hover .TopSlidesImg img {
   -webkit-transform: translate(-50%,-50%) scale(1.1);
   -moz-transform: translate(-50%,-50%) scale(1.1);
   -o-transform: translate(-50%,-50%) scale(1.1);
   -ms-transform: translate(-50%,-50%) scale(1.1);
   transform: translate(-50%,-50%) scale(1.1);
}


.TopSlides .TopSlidesTxt {
	width : 340px;
	height : 320px;
	display:block;
	position : absolute;
	color : #fff;
	top:0;
	right : 0;
	z-index : 2;
}
.TopSlides .TopSlidesTxt p.TopSlideTitle {
	font-size : 32px;
	line-height : 36px;
	font-family : 'Oswald', sans-serif;
	letter-spacing : 2px;
	position : relative;
	z-index : 3;
	margin-top : 60px;
	margin-bottom : 12px;
}

.TopSlides .TopSlidesTxt p.TopSlideTxt {
	font-size : 14px;
	position : relative;
	z-index : 3;
	margin : 0 16px 0 0;
}

.TopSlides .TopSlidesTxt p.TopSlideDetail {
	font-size : 16px;
	font-family : 'Oswald', sans-serif;
	letter-spacing : 2px;
	position : absolute;
	z-index : 3;
	bottom : 12px;
	right : 12px;
}

.TopSlides .TopSlidesTxt p.TopSlideDetail:after {
	bottom: -2px;
	display: block;
	height: 2px;
	width: 0%;
	content: "";
	background-color: #fff;
	position: absolute;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.TopSlides a:hover .TopSlidesTxt p.TopSlideDetail:after {
	opacity: 1;
	width: 100%;
}

.TopSlides .TopSlidesTxt p.TopSlideDetail span:after {
	content : "\f105";
	font-size : 22px;
	line-height : 16px;
	padding-left : 4px;
	font-family: "icon";
}

.TopSlides .TopSlidesTxt:before {
	content:"";
	position :absolute;
	display:block;
	height : 1000px;
	width : 1000px;
	top : -250px;
	left : 0;
	-moz-transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
	background: rgba(42, 42, 42, 1);
	z-index : 1;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;

}

.TopSlides a:hover .TopSlidesTxt:before {
	background : #ff7433;
}

.TopSlides .TopSlidesTxt:after {
	content:"";
	position :absolute;
	display:block;
	height : 1000px;
	width : 1000px;
	top : 370px;
	right : -200px;
	-moz-transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
	background : #ff7433;
	z-index : 1;

}


@media(max-width:1023px){
	#TopImgArea .inner {
		padding-top : 0;
		padding-bottom : 0;
	}

	#TopImgArea .row1 {
		padding : 0 0;
	}

	.topSlide {
		height : auto;
		padding : 0px;
	}

	.TopSlides a {
		height : auto;
	}
	.TopSlides .TopSlidesImg {
		width : 100%;
		display : block;
		height : auto;
		position : relative;
	}


	.TopSlides .TopSlidesImg img {
		width : 100%;
		height : auto;
		position: static;
		left :0;
		top : 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		-moz-transition: none;
		-webkit-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}

	.TopSlides a:hover .TopSlidesImg img {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		-moz-transition: none;
		-webkit-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}

	.TopSlides .TopSlidesTxt {
		width : 100%;
		box-sizing : border-box;
		padding : 16px;
		display : block;
		height : auto;
		position: relative;
		overflow : hidden;
	}

	.TopSlides .TopSlidesTxt p.TopSlideTitle {
		font-size : 24px;
		line-height : 28px;
		margin-top : 0;
		margin-bottom : 12px;
	}

	.TopSlides .TopSlidesTxt p.TopSlideTxt {
		margin : 0;
	}

	.TopSlides .TopSlidesTxt p.TopSlideDetail {
		display : none;
	}

	.TopSlides .TopSlidesTxt p.TopSlideDetail span:after,
	.TopSlides .TopSlidesTxt:before ,
	.TopSlides .TopSlidesTxt:after,
	.TopSlides .TopSlidesTxt p.TopSlideDetail:after {
		content : none;
	}
}

/*=========================================
section topinfo
=========================================*/
#TopInfoArea .inner {
	padding-top : 8px;
	padding-bottom : 8px;
}

.TopInfo {
	width : 960px;
	margin : 0 auto;
}

.TopInfoTitle {
	font-size : 16px;
	font-family : 'Oswald', sans-serif;
	font-weight : normal;
	display : table-cell;
	width : 160px;
	vertical-align : middle;
}

.TopInfoArea {
	position : relative;
	overflow : hidden;
	display : table-cell;
	width : 800px;
	vertical-align : middle;
}

.TopInfoList {
	width : 800px;
	margin : 0 0 0 0;
	position : relative;
	overflow : hidden;
	z-index : 3;
}
.TopInfoList .TopInfoListInner {
	width : 800px;
}

.TopInfoList .TopInfoListInner a {
	padding : 8px 28px;
	border-radius : 4px;
	position : realtive;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background : rgba(255, 255, 255, 1);
	color : #434343;
}

.TopInfoList .TopInfoListInner a:hover {
	color : #434343;
	background : rgba(255, 255, 255, 0.5);
}

.TopInfoList .TopInfoListInner p {
	display : table-cell;
}

.TopInfoList .TopInfoListInner p.date {
	padding-right : 32px;
}

.TopInfoList .TopInfoListInner p.cat {
	padding-right : 32px;
}

.TopInfoList .TopInfoListInner p.cat span {
	width : 100px;
	display : block;
	font-size : 12px;
	padding : 4px 0;
	text-align : center;
	color : #fff;
	font-family: 'Oswald', sans-serif!important;
	font-weight : 400!important;
}
@media(max-width:1023px){
	#TopInfoArea .inner {
		padding-top : 32px!important;
		padding-bottom : 32px!important;
	}
	.TopInfo {
		width : 100%;
	}
	.TopInfoTitle {
		width : auto;
		display : block;
		font-size : 20px;
		text-align : center;
		letter-spacing : 0;
		margin-bottom : 40px;
	}
	.TopInfoTitle:after {
		content : "";
		width : 60px;
		height : 4px;
		background : #ff7433;
		display : block;
		margin : 20px auto 0;
	}
	.TopInfoArea {
		display : block;
		width : 100%;
	}

	.TopInfoList {
		width : 100%;
		background : rgba(255, 255, 255, 1);
		border-radius : 4px;
	}
	.TopInfoList .TopInfoListInner {
		width : 100%;
	}
	.TopInfoList .TopInfoListInner a {
		padding : 12px;
	}

	.TopInfoList .TopInfoListInner p.date {
		padding-right : 12px;
	}

	.TopInfoList .TopInfoListInner p.cat {
		padding-right : 0;
	}

	.TopInfoList .TopInfoListInner p.cat span {
		font-size : 11px;
		padding : 2px 0;
		color : #fff;
	}

	.TopInfoList .TopInfoListInner p.title {
		display : block;
		padding-top : 12px;
	}
}


/*=========================================
section pickup
=========================================*/
#TopPickUpArea {
	position : relative;
	overflow : hidden;
}

#TopPickUpInner {
	display : none;
}
.PicupListCol {
	position : relative;
	z-index : 2;
}
.PickupList {
	width : 100%;
	position : relative;
	z-index : 2;
}

.PickupList li {
	width : 33.33333333332%;
	height : 150px;
	position : relative;
	float : left;
	display : block;
	overflow : hidden;
}

.PickupList li:after {
	content : "";
	width : 105%;
	height : 105%;
	background :
	opacity: .3;
	transition: all 0.3s cubic-bezier(.25, .46, .45, .94);
	position : absolute;
	left : -1px;
	top : -!px;
}


.PickupList li#pksg9b60000003qan:after {
	background : url(/products/ksg9b60000003qan-img/ksg9b60000003qc1.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b6000000440h:after {
	background : url(/products/ksg9b6000000440h-img/ksg9b6000000441v.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b60000003jsb:after {
	background : url(/products/ske/ksg9b60000003jsb-img/ksg9b60000003jtp.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b6000000416b:after {
	background : url(/products/ksg9b6000000416b-img/ksg9b6000000417p.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b600000022ps:after {
	background : url(/products/sk9/ksg9b600000022ps-img/ksg9b600000022r6.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b60000000z1m:after {
	background : url(/products/gt3gt7/ksg9b60000000z1m-img/ksg9b60000000z30.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b6000000020b:after {
	background : url(/products/gkgt/ksg9b6000000020b-img/ksg9b6000000021l.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b600000002ej:after {
	background : url(/products/bnbs/ksg9b600000002ej-img/ksg9b600000002ft.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b60000003ms2:after {
	background : url(/products/ksg9b60000003ms2-img/ksg9b60000003mtg.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b60000003muf:after {
	background : url(/products/ksg9b60000003muf-img/ksg9b60000003mvt.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b600000001kt:after {
	background : url(/products/vmgvm4/ksg9b600000001kt-img/ksg9b600000001m3.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b60000000223:after {
	background : url(/products/gpegp7/ksg9b60000000223-img/ksg9b6000000023d.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b600000001yj:after {
	background : url(/products/sj/ksg9b600000001yj-img/ksg9b600000001zt.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b6000000023v:after {
	background : url(/products/gjgp/ksg9b6000000023v-img/ksg9b60000000255.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b600000001h8:after {
	background : url(/products/zczn/ksg9b600000001h8-img/ksg9b600000001ii.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b600000002gb:after {
	background : url(/products/bmbr/ksg9b600000002gb-img/ksg9b600000002hl.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b600000001j0:after {
	background : url(/products/exiga_ya/ksg9b600000001j0-img/ksg9b600000001ka.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b6000000025n:after {
	background : url(/products/grb/ksg9b6000000025n-img/ksg9b6000000026x.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b6000000027f:after {
	background : url(/products/gegh/ksg9b6000000027f-img/ksg9b6000000028p.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b600000001wr:after {
	background : url(/products/sh/ksg9b600000001wr-img/ksg9b600000001y1.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b600000002i3:after {
	background : url(/products/blbp/ksg9b600000002i3-img/ksg9b600000002jd.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b600000001od:after {
	background : url(/products/sg/ksg9b600000001od-img/ksg9b600000001pn.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b60000000297:after {
	background : url(/products/gdgg/ksg9b60000000297-img/ksg9b600000002ah.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b600000002jv:after {
	background : url(/products/bebh/ksg9b600000002jv-img/ksg9b600000002l5.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b600000001ml:after {
	background : url(/products/sf/ksg9b600000001ml-img/ksg9b600000001nv.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b600000002ln:after {
	background : url(/products/bdbg/ksg9b600000002ln-img/ksg9b600000002mx.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b600000002az:after {
	background : url(/products/gcgf/ksg9b600000002az-img/ksg9b600000002c9.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b600000002nf:after {
	background : url(/products/bcbf/ksg9b600000002nf-img/ksg9b600000002op.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b600000002cr:after {
	background : url(/products/accessories/ksg9b600000002cr-img/ksg9b600000002e1.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b60000000cu3:after {
	background : url(/products/universal/ksg9b60000000cu3-img/ksg9b60000000cvd.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList li#pksg9b600000027nv:after {
	background : url(/retailers/ksg9b600000027nv-img/ksg9b600000027o9.jpg) center center no-repeat;;
	background-size : cover;
}


.PickupList li:hover:after {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.PickupList li a {
	width : 101%;
	height : 101%;
	position : absolute;
	display : table;
	line-height : 1;
	left : -1px;
	top : -!px;
	font-family : 'Oswald', sans-serif;
	font-weight : 400!important;
	-webkit-font-smoothing: antialiased;
	background : rgba(0, 0, 0, 0.5);
	z-index : 100;
}
.PickupList li a p {
	padding : 0 12px;
	display : table-cell;
	text-align : center;
	vertical-align : middle;

}

.PickupList li a span {
	display : inline-block;
	color : #fff;
	font-size : 24px;
	position : relative;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.PickupList li a:hover span {
	color: #ff7433;
}

.PickupList li a span:after {
	bottom: -8px;
	display: block;
	height: 2px;
	width: 0;
	content: "";
	position: absolute;
	background-color: #ff7433;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.PickupList li a:hover span:after {
	width: 100%;
}

.PickupList li a:hover {
	color : #fff;
	background : rgba(0, 0, 0, 0.3);
}
.PickupList li p {
	width : 100%;
	height : 150px;
	overflow : hidden;
	z-index : 10;
	display : block;
}
.PickupList li p img {
	width : 100%;
   position: relative;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%,-50%) scale(1.05);
   -ms-transform: translate(-50%,-50%) scale(1.05);
   transform: translate(-50%,-50%) scale(1.05);
	-webkit-transition: all 01s ease;
	transition: all 0.1s ease;
	z-index : 10;
}
.PickupList li:hover p img {
   -webkit-transform: translate(-50%,-50%) scale(1.1);
   -moz-transform: translate(-50%,-50%) scale(1.1);
   -o-transform: translate(-50%,-50%) scale(1.1);
   -ms-transform: translate(-50%,-50%) scale(1.1);
   transform: translate(-50%,-50%) scale(1.1);
	z-index : 10;
}

.TopPickUpMore a:link,
.TopPickUpMore a:hover,
.TopPickUpMore a:visited,
.TopPickUpMore a:visited:hover
{
	color : #232323;
}

.TopPickUpMore a:hover,
.TopPickUpMore a:visited:hover
{
	color: #ff7433;
}

.TopPickUpMore a:after {
	background-color: #ff7433!important;
}

@media(max-width:1023px){
	#TopPickUpArea .TopTitle {
		color : #434343;
	}
	.PickupList li {
		width : 50%;
		position : relative;
	}
}


@media(max-width:623px){
	.PickupList li {
		width : 100%;
		position : relative;
	}
	.PickupList li a span {
		font-size : 18px;
	}
}

/*=========================================
section TopicsList
=========================================*/
#TopTopicsArea {
	position : relative;
	overflow : hidden;
}
#TopTopicsArea .inner:before {
	content:"";
	position :absolute;
	display:block;
	height : 3000px;
	width : 3000px;
	top : -250px;
	right : -2580px;
	-moz-transform: rotate(25deg);
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
	background : #ff7433;
	z-index : 1;
}

.TopicsList {
	margin : 0 0 0 0;
	position : relative;
	z-index : 3;
}
.TopicsList li{
	width : 100%;
	margin-bottom : 8px;
	overflow:hidden;
}
.TopicsList li:last-child {
	margin-bottom : 0px;
}

.TopicsList li a {
	padding : 8px 28px;
	border-radius : 4px;
	position : realtive;
	-webkit-transition: all 0.5s ease;
	 transition: all 0.5s ease;
}

.white .TopicsList li a {
	background : rgba(42, 42, 42, 0.1);
	color : #434343;
	position : relative;
	z-index : 10;
}

.white .TopicsList li a:hover {
	background : rgba(42, 42, 42, 0);
}


.gray1 .TopicsList li a {
	background : rgba(255, 255, 255, 1);
	color : #434343;
}

.gray1 .TopicsList li a:hover {
	color : #434343;
	background : rgba(255, 255, 255, 0.5);
}

.TopicsList li p {
	display : table-cell;
}

.TopicsList li p.date {
	padding-right : 32px;
}

.TopicsList li p.cat {
	padding-right : 32px;
}

.TopicsList li p.cat span {
	width : 100px;
	display : block;
	font-size : 12px;
	padding : 4px 0;
	text-align : center;
	color : #fff;
	font-family: 'Oswald', sans-serif!important;
	font-weight : 400!important;
}

.TopTopicsMore a:link,
.TopTopicsMore a:visited
{
	color : #fff;
}

.TopTopicsMore a:hover,
.TopTopicsMore a:visited:hover
{
	color: #232323;
}

.TopTopicsMore a:after {
	background-color: #232323!important;
}


@media(max-width:1023px){
	.TopicsList {
		margin : 0 0;
	}

	.TopicsList li a {
		padding : 12px;
	}

	.TopicsList li p.date {
		padding-right : 12px;
	}

	.TopicsList li p.cat {
		padding-right : 0;
	}

	.TopicsList li p.cat span {
		font-size : 11px;
		padding : 2px 0;
		color : #fff;
	}

	.TopicsList li p.title {
		display : block;
		padding-top : 12px;
	}
}


/*=========================================
TOPICS DETAIL
=========================================*/
.TopicsAcvsArea {
	margin : 0 auto 40px;
}
.TopicsAcvs {
	margin : 0 auto 0;
	text-align : center;
	height : 36px;
	overflow : hidden;
}

.TopicsAcvs li {
	display : inline-block;
	position : relative;
	position : relative;
	z-index : 100;
}

@media(max-width:1023px){
	.TopicsAcvs {
		height : auto;
	}
	.TopicsAcvs li {
		display : block;
	}
}

.TopicsAcvs li a {
	position : relative;
	z-index : 100;
}


.TopicsAcvs li a span {
	background : rgba(42, 42, 42, 1);
	color : rgba(255,255,255,1);
	font-family: 'Oswald', sans-serif!important;
	display ; block;
	font-size : 14px;
	line-height : 36px;
	padding : 0 12px;
	display : inline-block;
	position : relative;
	z-index : 100;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.TopicsAcvs li a:hover span,
.TopicsAcvs li.current a span {
	background : rgba(255, 116, 51, 1);
	color : rgba(255,255,255,1);
}

.TopicsAcvs li:first-child a:before {
	content : "";
    width:36px;
	height: 36px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background : rgba(42, 42, 42, 1);
	display : block;
	position : absolute;
	left : -11px;
	top : 0;
	z-index : 99;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}



.TopicsAcvs li:first-child a:hover:before,
.TopicsAcvs li.current:first-child a:before {
	background : rgba(255, 116, 51, 1);
}


.TopicsAcvs li:last-child a:after {
	content : "";
    width:36px;
	height: 36px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background : rgba(42, 42, 42, 1);
	display : block;
	position : absolute;
	right : -11px;
	top : 0;
	z-index : 99;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.TopicsAcvsLabel,
.TopicsAcvsClose {
	display : none;
}

@media(max-width:1023px){
	.TopicsAcvsArea {
		position : relative;
		margin : 0 0 20px;
	}
	.TopicsAcvsLabel {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		cursor: pointer;
		z-index: 101;
	}
	.TopicsAcvsLabel:after {
		width : 28px;
		height : 28px;
		font-size : 28px;
		line-height : 28px;
		content : "\f107";
		font-family: "icon";
		color : #fff;
		text-align : left;
		position : absolute;
		right : 0;
		top : 50%;
		margin-top : -14px;
	}
	.TopicsAcvs {
		height : auto;
		min-height : 36px;
	}
	.TopicsAcvs li {
		display : block;
		position : absolute;
		width : 100%;
		top: 0;
		right: 0;
		bottom: 0;
		z-index : 10;
		height : 0;
		-webkit-transition: height 0.35s ease;
		 transition: height 0.35s ease;
	}
	.TopicsAcvs li.current {
		z-index : 12;
		height : 36px;
	}
	.TopicsAcvsClose {
		display: block;
		max-height: 0;
		overflow-y: hidden;
		background-color: #d1d3d4;
		-webkit-transition: max-height 200ms;
		transition: max-height 200ms;
		cursor: pointer;
		text-transform: uppercase;
		font-size: 12px;
		line-height: 36px;
		letter-spacing: 0;
		text-align : center;
		font-family : 'Oswald', sans-serif;
		font-weight : normal;
	}

	.opened .TopicsAcvsLabel {
		display : none;
	}
	.opened .TopicsAcvs {
		z-index : 102;
	}
	.opened .TopicsAcvs li {
		position : static;
		z-index : 102;
		height : 36px;
	}
	.opened .TopicsAcvsClose {
		max-height : 36px;
	}
	.TopicsAcvs li a span {
		display : block;
	}
	.TopicsAcvs li:first-child a:before,
	.TopicsAcvs li:last-child a:after {
		content : none;
	}

}

.TopicsAcvs li:last-child a:hover:after,
.TopicsAcvs li.current:last-child a:after {
	background : rgba(255, 116, 51, 1);
}


.TopicsArea {
	max-width : 840px;
	margin : 0 auto;
}

.TopicsInfo {
	margin-bottom : 8px;
}
.TopicsInfo p {
	display : table-cell;
	font-size : 13px;
	line-height : 13px;
}

.TopicsInfo p.cat {
	padding-right : 12px;
}

.TopicsInfo p.cat span {
	width : 100px;
	display : block;
	font-size : 11px;
	padding : 4px 0;
	text-align : center;
	color : #fff;
	font-family: 'Montserrat', sans-serif!important;
	font-weight : 400!important;
}

.TopicsTitle {
	font-size : 24px;
	font-weight : normal;
	padding-bottom : 12px;
	margin-bottom : 24px;
	border-bottom : 1px solid  rgba(42,42,42,0.2);
}

p.TopicsBody {
	font-size : 16px;
	margin : 0 0 2em;
}

p.TopicsBody:last-child {
	margin : 0;
}

p.TopicsBody a {
	display : inline;
}

/*=========================================
OUTLINE / GARAGE
=========================================*/
.OutlineTitle {
	font-size : 20px;
	text-align : center;
	font-weight : normal;
	margin : 0 0 20px;
}


.ProfileTable {
	width : 100%;
	table-layout: fixed;
	border-collapse :  collapse;
}

.ProfileTable th {
	width : 24%;
	font-weight : normal;
	letter-spacing :2px;
	padding : 28px 16px;
	background : #fff;
	border-top : #d1d1d2 1px solid;
	text-align: left;
	letter-spacing : 2px;
	box-sizing : border-box;
}

.ProfileTable td {
	width : 76%;
	padding : 28px 16px;
	border-top : #d1d1d2 1px solid;
	background : #fff;
	box-sizing : border-box;
}

.ProfileTable tr:first-of-type th,
.ProfileTable tr:first-of-type td {
	border : 0;
}

@media(max-width:1023px){
	.ProfileTable th,
	.ProfileTable td {
		width : 100%;
		display : block;
		padding : 0 8px;
	}
	.ProfileTable th {
		font-weight : 700;
		padding-top : 16px;
	}
	.ProfileTable td {
		padding-bottom : 16px;
		border : 0;
	}
}

#map {
	width : 100%;
	height : 400px;
	box-sizing : border-box;
	border : #434343 1px solid;
}
.BusinessCol {
	width : 50%;
	box-sizing : border-box;
	padding-top : 40px;
	float : left;
}

.BusinessCol:nth-child(-n + 2) {
	padding-top : 0;
}

.BusinessCol:nth-child(2n) {
	padding-left : 20px;
}

.BusinessCol:nth-child(2n+1) {
	padding-right : 20px;
}

.BusinessColInner {
	background : #fff;
	padding : 40px;
	margin : 0;
	box-sizing : border-box;
	border-radius : 12px;
}

.BusinessColInner .BusinessColImg {
	margin-bottom : 8px;
}

.BusinessColInner .BusinessColImg img {
	width : 100%;
}

.BusinessColInner h2 {
	font-size : 18px;
	line-height : 1.4;
	font-weight : 500;
	color : #ff7433;
	margin-bottom : 8px;
}

.BusinessColInner .BusinessColTxt p {
	margin-top : 1em;
}

.BusinessColInner .BusinessColTxt p:first-child {
	margin-top : 0;
}

@media(max-width:1023px){
	.BusinessCol {
		width : 100%;
		float : none;
	}



	.BusinessCol:nth-child(2n+1),
	.BusinessCol:nth-child(2n) {
		padding :32px 0 0;
	}

	.BusinessCol:nth-child(1) {
		padding-top : 0;
	}

	.BusinessColInner {
		padding : 20px;
	}
}

#GarageContact .inner {
	margin-top : -60px;
	padding-top : 60px;
}
.GarageListA li.GarageListAInner {
	display : inline-block;
	box-sizing : border-box;
	width : 25%;
	padding-top : 16px;
}

.GarageListA li.GarageListAInner:nth-of-type(4n+1) {
	padding-right : 12px;
}

.GarageListA li.GarageListAInner:nth-of-type(4n+2) {
	padding-left : 4px;
	padding-right : 8px;
}

.GarageListA li.GarageListAInner:nth-of-type(4n+3) {
	padding-left : 8px;
	padding-right :4px;
}

.GarageListA li.GarageListAInner:nth-of-type(-n+4) {
	padding-top : 0;
}

.GarageListA li.GarageListAInner:nth-of-type(4n) {
	padding-left : 12px;
}

.GarageListA li.GarageListAInner a {
	width  :100%;
	background : rgba(255,255,255,1);
	display : table-cell;
	text-align : center;
	vertical-align : middle;
	padding : 40px 0;
	border-radius : 12px;
}

.GarageListA li.GarageListAInner a:hover {
	opacity : 0.7;
}

.GarageListA li.GarageListAInner a img {
	width : 60%;
}

@media(max-width:1023px){
	.GarageListA li.GarageListAInner,
	.GarageListA li.GarageListAInner:nth-of-type(4n+1),
	.GarageListA li.GarageListAInner:nth-of-type(4n+2),
	.GarageListA li.GarageListAInner:nth-of-type(4n+3),
	.GarageListA li.GarageListAInner:nth-of-type(-n+4) {
		width : 50%;
		padding : 12px 0 0 0;
	}
	.GarageListA li.GarageListAInner:nth-of-type(2n+1) {
		padding-right : 6px;
	}
	.GarageListA li.GarageListAInner:nth-of-type(2n) {
		padding-left : 6px;
	}
	.GarageListA li.GarageListAInner:nth-of-type(-n+2) {
		padding-top : 0px;
	}
	.GarageListA li.GarageListAInner a {
		padding : 20px 0;
	}
	.GarageListA li.GarageListAInner a img {
		width : 72%;
	}
}
.GarageListB {
	margin-bottom : 32px;
}
.GarageListB li.GarageListBInner {
	display : inline-block;
	box-sizing : border-box;
	width : 50%;
	padding-top : 20px;
}

.GarageListB li.GarageListBInner:nth-of-type(2n+1) {
	padding-right : 10px;
}

.GarageListB li.GarageListBInner:nth-of-type(2n) {
	padding-left : 10px;
}

.GarageListB li.GarageListBInner:nth-of-type(-n+2) {
	padding-top : 0;
}

.GarageListB li.GarageListBInner a {
	width  :100%;
	background : #434343;
	color : #fff;
	text-align : center;
	vertical-align : middle;
	padding : 12px 0;
	border-radius : 12px;
	font-weight : 500;
	font-size : 16px;
}

.GarageListB li.GarageListBInner a:hover {
	background : #ff7433;
}


@media(max-width:1023px){
	.GarageListB li.GarageListBInner,
	.GarageListB li.GarageListBInner:nth-of-type(2n+1),
	.GarageListB li.GarageListBInner:nth-of-type(2n),
	.GarageListB li.GarageListBInner:nth-of-type(-n+2) {
		width : 100%;
		padding : 16px 0 0 0;
	}

	.GarageListB li.GarageListBInner:nth-of-type(1) {
		padding-top : 0px;
	}

}

/*=========================================
FAQ
=========================================*/
.FAQList {
	margin : 0 120px;
}
@media(max-width:1023px){
	.FAQList {
		margin : 0;
	}
}

.FAQList > li {
	margin-bottom : 8px;
}

.FAQList > li:last-child {
	margin-bottom : 0;
}

.FAQList > li > a,
.FAQList > li > a:visited {
	background : rgba(42, 42, 42, 0.9);
	border-radius : 8px;
	font-family: 'Montserrat';
	padding : 12px;
	color : #fff;
	font-size : 16px;
}

.FAQList > li > a.active {
	border-radius : 8px 8px 0 0;
	background : #ff7433;
	color : #fff;
}

.FAQList > li > a span {
	display : table-cell;

}

.FAQList > li > a:before {
	content : "\f067";
	font-family: "icon";
	color : #fff;
	display : table-cell;
	width : 28px;
	vertical-align : middle;
}

.FAQList > li > a.active:before {
	content : "\f068";

}

.FAQList > li > ul {
	display : none;
	background : rgba(42, 42, 42, 0.2);
	border-radius : 0 0 8px 8px;
	padding : 12px 8px;
}

.FAQList > li > ul > li {
	margin-bottom : 8px;
}

.FAQList > li > ul > li:last-child {
	margin-bottom : 0;
}

.FAQList > li > ul > li > a,
.FAQList > li > ul > li > a:visited {
	background : rgba(42, 42, 42, 0.8);
	border-radius : 8px;
	font-family: 'Montserrat';
	padding : 8px 12px;
	color : #fff;
}

.FAQList > li > ul > li > a.active {
	border-radius : 8px 8px 0 0;
	background : #ff7433;
	color : #fff;
}

.FAQList > li > ul > li > a span {
	display : table-cell;

}

.FAQList > li > ul > li > a:before {
	content : "\f067";
	font-family: "icon";
	color : #fff;
	display : table-cell;
	width : 20px;
	vertical-align : middle;
}

.FAQList > li > ul > li > a.active:before {
	content : "\f068";
}

.FAQList > li > ul > li > div {
	display : none;
	padding : 24px;
	background : #fff;
	border-radius : 0 0 8px 8px;
}

.FAQList > li > ul > li > div p {
	margin-top : 24px;
}

.FAQList > li > ul > li > div p:first-child {
	margin-top : 0;
}

.FAQList > li > ul > li > div p img {
	max-width : 100%;
}

.FaqTbl {
	margin-top : 24px;
	width : 100%;
	display : table;
	box-sizing : border-box;
	border-top : 1px solid rgba(42, 42, 42, 1);
	border-left : 1px solid rgba(42, 42, 42, 1);

}

.FaqTbl .FaqTblRow {
	width : 100%;
	display : table-row;
	box-sizing : border-box;
}

.FaqTbl .FaqTblTh {
	display : table-cell;
	background : rgba(42, 42, 42, 0.2);
	text-align : center;
	padding : 4px;
	box-sizing : border-box;
	border-bottom : 1px solid rgba(42, 42, 42, 1);
	border-right : 1px solid rgba(42, 42, 42, 1);
}

.FaqTbl .FaqTblTd {
	display : table-cell;
	text-align : center;
	padding : 4px;
	box-sizing : border-box;
	border-bottom : 1px solid rgba(42, 42, 42, 1);
	border-right : 1px solid rgba(42, 42, 42, 1);
}

.FaqTblSp {
	display : none;
}

@media(max-width:639px){
	.FaqTbl {
		display : none;
	}

	.FaqTblSp {
		margin-top : 24px;
		display : block;
		border-top : 1px solid rgba(42, 42, 42, 1);
		border-left : 1px solid rgba(42, 42, 42, 1);
	}

	.FaqTblSp dt {
		display : block;
		background : rgba(42, 42, 42, 0.2);
		padding : 4px;
		box-sizing : border-box;
		border-bottom : 1px solid rgba(42, 42, 42, 1);
		border-right : 1px solid rgba(42, 42, 42, 1);
	}
	.FaqTblSp dd {
		display : block;
		padding : 4px;
		margin : 0;
		box-sizing : border-box;
		border-bottom : 1px solid rgba(42, 42, 42, 1);
		border-right : 1px solid rgba(42, 42, 42, 1);
	}



}


/*=========================================
Partners
=========================================*/
.PartnersList {
	width : 100%;
}

.PartnertsListCol {
	width : 33.3%;
	float : left;
}

.PartnertsListColInner {
	margin : 16px 0;
	padding : 20px;
	display : block;
	border-right : rgba(42, 42, 42, 0.2) 1px solid;
}


.PartnertsListColInner a {
	display : table;
	table-layout : fixed;
	width : 100%;
	text-align : center;
	vertical-align : middle;
}

.PartnertsListColInner a > div {
	display : table-cell;
	width : 100%;
	height : 200px;
	text-align : center;
	vertical-align : middle;
}

.PartnertsListColInner a > div span  {
	display : block;
}

.PartnertsListColInner a > div > span.logo {
	margin-bottom : 20px;
}
.PartnertsListColInner a > div > span.bigname {
	font-size : 40px;
	font-family: 'Montserrat';
	font-weight : 700;
	letter-spacing : 2px;
	margin-bottom : 20px;
}



.PartnertsListColInner a > div img {
	width : 80%;
}

.PartnertsListColInner a:hover > div img {
	opacity : 0.7;
}


.PartnertsListCol:nth-of-type(3n) .PartnertsListColInner {
	border-right : 0;
}

.PartnertsListCol:before {
	content : "";
	width : -webkit-calc(100% - 32px);
	width : calc(100% - 32px);	height : 1px;
	background : rgba(42, 42, 42, 0.2);
	margin : 0 auto;
	display : block;
}

.PartnertsListCol:nth-of-type(-n+3):before {
	content : none;
}

@media(max-width:1023px){
	.PartnertsListCol {
		width : 50%;
	}

	.PartnertsListColInner,
	.PartnertsListCol:nth-of-type(3n) .PartnertsListColInner {
		border-right : rgba(42, 42, 42, 0.2) 1px solid;
	}

	.PartnertsListCol:nth-of-type(2n) .PartnertsListColInner {
		border-right : 0;
	}

	.PartnertsListCol:before,
	.PartnertsListCol:nth-of-type(-n+3):before {
		content : "";
	}

	.PartnertsListCol:nth-of-type(-n+2):before {
		content : none;
	}

	.PartnertsListColInner a > div > span.bigname {
		font-size : 28px;
	}
}



@media(max-width:639px){
	.PartnertsListCol {
		width : 100%;
		float : none;
		margin : 0 0 12px;
	}
	.PartnertsListCol:nth-of-type(3n) .PartnertsListColInner,
	.PartnertsListColInner {
		margin : 0;
		padding : 32px;
		border : rgba(42, 42, 42, 0.2) 1px solid;
	}
	.PartnertsListColInner a > div {
		height : auto;
	}
	.PartnertsListCol:before {
		content : none;
	}
}

/*=========================================
section Top Models
=========================================*/

#ModelsRow {
	position : relative;
}
.TopModels {
	overflow : hidden;
}

.TopModelsCol {
	padding : 20px;
}

@media(max-width:639px){
	.TopModelsCol {
		padding : 0;
	}
}


.TopModelsColInner {
	background : #fff;
}


.TopModelsColImg img{
	width : 100%;
}

.TopModelsColTxt {
	padding : 20px;
}

#ModelsArrow {
	font-weight : normal;
}


#ModelsArrow .slick-prev {
	width : 28px;
	height : 28px;
	top : 0;
	right : 36px;
	margin : 0;
	padding : 0;
	position : absolute;
	background :  #626a6e;
	border : 0;
	outline : 0;
	z-index : 100;
	cursor : pointer;
	color : #fff;
	font-family: "icon";
	font-size : 16px;
	line-height : 28px;
	text-align : center;
}

#ModelsArrow .slick-next {
	width : 28px;
	height : 28px;
	top : 0;
	right : 0;
	margin : 0;
	padding : 0;
	position : absolute;
	background :  #626a6e;
	border : 0;
	outline : 0;
	z-index : 100;
	cursor : pointer;
	color : #fff;
	font-family: "icon";
	font-size : 16px;
	line-height : 28px;
	text-align : center;
}

#ModelsArrow .slick-prev:hover,
#ModelsArrow .slick-next:hover {
	background : #212527;
}

.TopModels ul.slick-dots {
	width : 100%;
	text-align : center;
}

.TopModels ul.slick-dots li {
	width: 8px;
	height: 8px;
	margin : 0 8px 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-radius: 100%;
	background: transparent;
	border : #b0b6b8 2px solid;;
	outline : 0;
	text-indent : -100000px;
	font-size : 1px;
	line-height : 1;
	cursor : pointer;
}

.TopModels ul.slick-dots li.slick-active {
	background: #b0b6b8;
}


@media(max-width:639px){
	.TopModels ul.slick-dots {
		padding-top : 8px;
	}
	.TopModels ul.slick-dots li {
		display : none;
	}

	.TopModels ul.slick-dots li.slick-active {
		width : auto;
		height : auto;
		text-align : center;
		background: transparent;
		border : 0;
		display : block;
		text-indent : 0;
		font-size : 100%;
	}
}

/*=========================================
Contents title
=========================================*/
#ContentsTitleArea {
	background : #fff;
}
#ContentsTitleArea .inner {
	padding-top : 32px;
	padding-bottom : 0;
}

/*=========================================
Contents List
=========================================*/
#ContentsList {
	margin-bottom : 12px;
}

.ContentsListColumn {
	padding-bottom : 40px;
	margin-bottom : 40px;
	border-bottom: 1px solid #d5d9d8;
}

	.ContentsListColumnImg {
		width : 30%;
		float : left;
	}

	.ContentsListColumnTxt {
		width : 65%;
		float : right;
	}

	.ContentsListColumnImg p {
		width : 100%;
	}


@media(max-width:639px) {

	.ContentsListColumnImg {
		width : 100%;
		float : none;
		margin-bottom : 12px;
	}

	.ContentsListColumnTxt {
		width : 100%;
		float : none;
	}

	.ContentsListColumnImg p {
		width : 100%;
	}
}


/*=========================================
Contents topimg
=========================================*/
.ContentsTopImg {
	margin-bottom : 32px;
}

.ContentsTopImg img {
	width : 100%;
}

/*=========================================
Contents Body
=========================================*/
.ContentsBody {
	margin : 0 0 32px;
}

.ContentsBody p {
	margin : 0 0 1em;
}

.ContentsBody p:last-child {
	margin : 0;
}



/*=========================================
BOX A
=========================================*/
.boxA {
	margin-bottom : 32px;
}
.boxA .boxTitle {
	padding: 12px;
	background-color: #434c53;
	display: block;
	overflow: hidden;
	color: #fff;
	font-size: 15px;
	font-weight : normal;
	font-family: "Audi Type Bold";
	white-space: nowrap;
	text-overflow: ellipsis
}

.boxA .boxinner {
	padding : 16px;
	border: 1px solid #e5eaee;
}

.boxA .boxinner p {
	margin-bottom : 20px;
}

.boxA .boxinner p:last-child {
	margin-bottom : 0;
}

/*=========================================
BOX A
=========================================*/
.sublist {
	width : 100%;
}

.sublist li {
	padding : 0 12px;
}

.sublist li a {
	padding : 12px 0;
	border-bottom : #e1e7eb 1px solid;
}

.sublist li:last-child a {
	border-bottom :0;
}

.sublist li a:before {
	content : "\f105";
	font-family: "icon";
	color : #cc0033;
	font-size : 16px;
	line-height : 1;
	padding-right : 8px;
}

/*=========================================
BUTTON
=========================================*/
.topbtn {
	margin-top : 20px;
	text-align : right;
	margin-right : 8px;
}

.topbtn a {
	font-size : 16px;
	font-family : 'Oswald', sans-serif;
	position : relative;
	z-index : 4;
	display : inline-block;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.topbtn a span:after {
	content : "\f105";
	font-size : 22px;
	line-height : 16px;
	padding-left : 8px;
	font-family: "icon";
}


.topbtn a:after {
	bottom: -2px;
	display: block;
	height: 2px;
	width: 0%;
	content: "";
	background-color: #fff;
	position: absolute;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.topbtn a:hover:after {
	opacity: 1;
	width: 100%;
}

p.morebtn {
	width : 240px;
	margin : 20px auto 0;
	text-align : center;
	height : 36px;
	overflow : hidden;
}

a.btnA {
	position : relative;
	z-index : 100;
}

a.btnA span {
	width : 200px;
	background : rgba(42, 42, 42, 1);
	color : rgba(255,255,255,1);
	font-family: 'Oswald', sans-serif!important;
	display ; block;
	font-size : 14px;
	line-height : 36px;
	padding : 0;
	display : inline-block;
	position : relative;
	z-index : 100;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

a.btnA:hover span {
	background : rgba(255, 116, 51, 1);
	color : rgba(255,255,255,1);
}

a.btnA:before {
	content : "";
    width:36px;
	height: 36px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background : rgba(42, 42, 42, 1);
	display : block;
	position : absolute;
	left : 8px;
	top : 0;
	z-index : 99;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

a.btnA:hover:before {
	background : rgba(255, 116, 51, 1);
}


a.btnA:after {
	content : "";
    width:36px;
	height: 36px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background : rgba(42, 42, 42, 1);
	display : block;
	position : absolute;
	right : 8px;
	top : 0;
	z-index : 99;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

a.btnA:hover:after {
	background : rgba(255, 116, 51, 1);
}


a.ico-right:after {
	content : "\f054";
	font-family: "icon";
	color : rgba(255,255,255,1);
	line-height : 1;
	padding-left : 8px;
}

a.ico-plus span:after {
	content : "\f067";
	font-family: "icon";
	color : rgba(255,255,255,1);
	line-height : 1;
	padding-left : 8px;
}


a.ico-dl:before {
	content : "\f019";
	font-family: "icon";
	color : #fff;
	line-height : 1;
	padding-right : 8px;
}

a.ico-pdf:before {
	content : "\f1c1";
	font-family: "icon";
	color : #fff;
	line-height : 1;
	padding-right : 8px;
}



.mm-menu.mm-bottom,.mm-menu.mm-top{width:100%;min-width:100%;max-width:100%;height:80%;min-height:140px;max-height:880px}
.mm-menu.mm-right{left:auto;right:0}
html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}
@media all and (max-width:175px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}
}
@media all and (min-width:550px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}
}
html.mm-front .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}
html.mm-front #mm-blocker{z-index:1}
html.mm-front .mm-menu{z-index:2}
.mm-menu.mm-front,.mm-menu.mm-next{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.mm-menu.mm-front.mm-right,.mm-menu.mm-next.mm-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.mm-menu.mm-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
.mm-menu.mm-bottom{top:auto;bottom:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

/*=========================================
PRO SHOP
=========================================*/
.fairend {
	text-align : center;
}

.fairendBtn a {
	width : 240px;
	font-size : 16px;
	padding : 16px 0;
	font-weight : 500;
	margin : 40px auto 0;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	background : #ff7433;
	color : #fff!important;
	text-align : center;
}
.fairendBtn a:hover {
	opacity : 0.7;
}


ul.FNavi {
	text-align : center;
	margin-bottom : 32px;
}
ul.FNavi li {
	display : inline-block;
}
ul.FNavi li a {
	font-size : 13px;
	line-height : 24px;
	background : #252525;
	color : #fff;
	font-family : 'Oswald';
}

ul.FNavi li a:hover,
ul.FNavi li a.current {
	background-color: #ff7433;
	color : #fff;
}

ul.FNavi li:nth-of-type(1) a {
	width : 68px;
	text-align : center;
}

ul.FNavi li:nth-of-type(2) a {
	width : 68px;
	text-align : center;
}
ul#tabs-list {
	margin: 0 auto 40px;
	text-align: center;
	height: 36px;
	overflow: hidden;
}
ul#tabs-list li {
	margin-right : 0;
	display : inline-block;
	z-index : 100;
	position : relative;
}

label.panel-label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.28);
	padding : 0 20px;
	font-size : 14px;
	line-height : 36px;
	text-align : center;
	cursor: pointer;
	background-color: #252525;
	-webkit-transition-property: border-top, background-color, color;
	transition-property: border-top, background-color, color;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	position : relative;
	z-index : 100;

}
ul#tabs-list li:hover label.panel-label {
	background-color: #ff7433;
}

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label,
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label,
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label,
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label,
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label,
#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 label.panel-label,
#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7 label.panel-label,
#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8 label.panel-label,
#panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9 label.panel-label,
#panel-10-ctrl:checked ~ #tabs-list #panel-10 label.panel-label,
#panel-11-ctrl:checked ~ #tabs-list #panel-11 label.panel-label {
	background-color: #ff7433;
}

ul#tabs-list li:first-of-type:after {
	content : "";
    width:36px;
	height: 36px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background : rgba(37,37,37,1);
	display : block;
	position : absolute;
	left : -11px;
	top : 0;
	z-index : 19;
	-webkit-transition: all 0.2s ease;
	 transition: all 0.2s ease;
}
ul#tabs-list li:first-of-type:hover:after,
#panel-1-ctrl:checked ~ #tabs-list li:first-of-type:after {
	background-color: #ff7433;
}

ul#tabs-list li:last-of-type:after {
	content : "";
    width:36px;
	height: 36px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background : rgba(37,37,37,1);
	display : block;
	position : absolute;
	right : -11px;
	top : 0;
	z-index : 19;
	-webkit-transition: all 0.2s ease;
	 transition: all 0.2s ease;
}
ul#tabs-list li:last-of-type:hover:after,
#panel-9-ctrl:checked ~ #tabs-list li:last-of-type:after {
	background-color: #ff7433;
}


#panels {
	background-color: #e0e2e3;
	position : relative;
}
#panels .container {
	margin: 0 auto;
}

#panels section .panelinner {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity 600ms;
	transition: opacity 600ms;
	overflow-y: hidden;
}

#panel-1-ctrl:checked ~ #panels #panel-1 .panelinner,
#panel-2-ctrl:checked ~ #panels #panel-2 .panelinner,
#panel-3-ctrl:checked ~ #panels #panel-3 .panelinner,
#panel-4-ctrl:checked ~ #panels #panel-4 .panelinner,
#panel-5-ctrl:checked ~ #panels #panel-5 .panelinner,
#panel-6-ctrl:checked ~ #panels #panel-6 .panelinner,
#panel-7-ctrl:checked ~ #panels #panel-7 .panelinner,
#panel-8-ctrl:checked ~ #panels #panel-8 .panelinner,
#panel-9-ctrl:checked ~ #panels #panel-9 .panelinner,
#panel-10-ctrl:checked ~ #panels #panel-10 .panelinner,
#panel-11-ctrl:checked ~ #panels #panel-11 .panelinner {
	height : 640px;
	opacity: 1;
	padding: 0;
	position : relative;
}
.panel-radios {
	display : none;
}

#open-nav-label,
#close-nav-label {
	display: none;
}

#nav-ctrl {
	display: none;
}

.panel_list {
	margin : 20px;
	width : 37%;
	height : 600px;
	overflow-y : auto;
}

.panel_list::-webkit-scrollbar {
  all:unset;
  width: 4px;
  background: #fff;
}

.panel_list::-webkit-scrollbar-track {
  all:unset;
  width: 4px;
  background: #fff;
}
.panel_list::-webkit-scrollbar-thumb {
  all:unset;
  background: rgba(37,37,37,1);
}

.panel_list li {
	margin-top : 4px;
	padding-right : 12px;
}

.panel_list li:first-child {
	margin-top : 0;
}

.panel_list li a.panel_ctrl.panel_proshop {
	padding : 8px 12px;
	color : #25292c;
	background : rgba(255,255,255,1);
	border-left :  rgba(37,37,37,1) 8px solid;
	border-top : rgba(37,37,37,1) 2px solid;
	border-right : rgba(37,37,37,1) 2px solid;
	border-bottom : rgba(37,37,37,1) 2px solid;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.panel_list li a.panel_ctrl.panel_proshop span {
	display : block;
}
.panel_list li a.panel_ctrl.panel_proshop span.name {
	font-weight : bold;
}
.panel_list li a:hover.panel_ctrl.panel_proshop {
	color : #25292c;
	background : rgba(255,255,255,0.5);
	border-left :  rgba(37,37,37,0.5) 8px solid;
	border-top : rgba(37,37,37,0.5) 2px solid;
	border-right : rgba(37,37,37,0.5) 2px solid;
	border-bottom : rgba(37,37,37,0.5) 2px solid;
}

.panel_list li a.panel_ctrl.panel_proshop.selected {
	background : rgba(255,255,255,1);
	border-left :  #ff7433 8px solid;
	border-top : #ff7433 2px solid;
	border-right : #ff7433 2px solid;
	border-bottom : #ff7433 2px solid;

}

.panel_list li a.panel_ctrl.panel_fair {
	padding : 8px 8px 6px;
	line-height : 15px;
	color : #25292c;
	background : rgba(255,255,255,1);
	border-left :  rgba(37,37,37,1) 8px solid;
	border-top : rgba(37,37,37,1) 1px solid;
	border-right : rgba(37,37,37,1) 1px solid;
	border-bottom : rgba(37,37,37,1) 1px solid;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.panel_list li a.panel_ctrl.panel_fair span.date {
	font-family: 'Oswald';
	font-weight: 400;
	font-size : 12px;
	padding-bottom : 8px;
	display : block;
}
.panel_list li a.panel_ctrl.panel_fair span.name {
	font-weight : bold;
	line-height : 15px;
}
.panel_list li a:hover.panel_ctrl.panel_fair {
	color : #25292c;
	background : rgba(255,255,255,0.5);
	border-left :  rgba(37,37,37,0.5) 8px solid;
	border-top : rgba(37,37,37,0.5) 1px solid;
	border-right : rgba(37,37,37,0.5) 1px solid;
	border-bottom : rgba(37,37,37,0.5) 1px solid;
}

.panel_list li a.panel_ctrl.panel_fair.selected {
	background : rgba(255,255,255,1);
	border-left :  #ff7433 8px solid;
	border-top : #ff7433 1px solid;
	border-right : #ff7433 1px solid;
	border-bottom : #ff7433 1px solid;

}


.panel_info {
	width : 60%;
	height : 640px;
	background : #252525;
	position : absolute;
	right : 0;
	top : 0;
	opacity : 0;
	display : block;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}


.panel_fbox {
	display : flex;
	justify-content: space-between;
}

.panel_right {
	width : 40%;
	padding-right : 32px;
}
.panel_right img {
	width : 100%;
}
.panel_left {
	width : 100%;
}
.panel_info.active {
	opacity :1;
	z-index : 10;
}

.panel_map {
	height : 320px;
	padding : 24px 0 0;
	margin : 24px 32px 24px;
}
.panel_name {
	margin : 0 32px 12px;
	color : #fff;
}

.panel_name a {
	color : rgba(255,255,255,1);
}

.panel_name a:hover {
	color : rgba(255,113,43,1);
}

.panel_name a:after {
	content : "\f08e";
	font-family : "Icon";
	padding-left : 8px;
	font-weight : normal;
	font-size : 16px;
}
.panel_add {
	padding : 0 32px;
	box-sizing : border-box;
	width : 100%;
	font-size : 14px;
	display : table;
	color : #fff;
}

.panel_add a {
	color : rgba(255,255,255,1);
}
.panel_add a:hover {
	color : rgba(255,255,255,0.5);
}
.panel_add_row {
	display : table-row;
}
.panel_add_label {
	width : 100px;
	display : table-cell;
	box-sizing : border-box;
	padding : 8px 16px;
	border-right : #fff 1px solid;
	border-top : #fff 1px solid;
}
.panel_add_detail {
	width : calc(100% - 100px);
	display : table-cell;
	box-sizing : border-box;
	padding : 8px 16px;
	border-top : #fff 1px solid;
}
.panel_date {
	display : inline-block;
	margin-right : 4px;
}
.panel_close {
	display : none;
}

@media(max-width:1023px) {
	ul#tabs-list {
		height : auto;
		overflow : visible;
		margin  : 0 0 20px;
	}
	ul#tabs-list li {
		margin-right : 0px;
		width : 100%;
		display : inline-block;
		position : static;
		z-index : 1;
	}
	ul#tabs-list li:first-of-type:after,
	ul#tabs-list li:last-of-type:after {
		content : none;
	}

	#nav-ctrl:checked ~ #tabs-list #li-for-panel-1,
	#nav-ctrl:checked ~ #tabs-list #li-for-panel-2,
	#nav-ctrl:checked ~ #tabs-list #li-for-panel-3,
	#nav-ctrl:checked ~ #tabs-list #li-for-panel-4,
	#nav-ctrl:checked ~ #tabs-list #li-for-panel-5,
	#nav-ctrl:checked ~ #tabs-list #li-for-panel-6,
	#nav-ctrl:checked ~ #tabs-list #li-for-panel-7,
	#nav-ctrl:checked ~ #tabs-list #li-for-panel-8,
	#nav-ctrl:checked ~ #tabs-list #li-for-panel-9,
	#nav-ctrl:checked ~ #tabs-list #panel-10,
	#nav-ctrl:checked ~ #tabs-list #panel-11 label.panel-label {
		max-height: 36px!important;
		opacity: 1;
		z-index : -1;
	}

	#open-nav-label {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		cursor: pointer;
		z-index : 101;
	}

	#nav-ctrl:checked ~ #tabs-list #open-nav-label {
		display: none;
	}

	#close-nav-label {
		display: block;
		max-height: 0;
		overflow-y: hidden;
		background-color: #d1d3d4;
		-webkit-transition: max-height 200ms;
		transition: max-height 200ms;
		cursor: pointer;
		text-transform: uppercase;
		font-size: 12px;
		line-height: 22px;
		letter-spacing: 0;
		text-align : center;
		font-family : 'Oswald', sans-serif;
		font-weight : normal;
	}

	#nav-ctrl:checked ~ #tabs-list #close-nav-label {
		padding : 12px 28px;
		max-height : 46px;
		opacity : 1;
	}

	#tabs-list {
		margin-bottom : 12px;
		border-bottom : 0!important;
		position : relative;
	}

	/*
	#tabs-list label.panel-label {
		padding: 12px 0;
	}
*/
	#tabs-list #li-for-panel-1,
	#tabs-list #li-for-panel-2,
	#tabs-list #li-for-panel-3,
	#tabs-list #li-for-panel-4,
	#tabs-list #li-for-panel-5,
	#tabs-list #li-for-panel-6,
	#tabs-list #li-for-panel-7,
	#tabs-list #li-for-panel-8,
	#tabs-list #li-for-panel-9,
	#tabs-list #li-for-panel-10,
	#tabs-list #li-for-panel-11{
		display : block;
		margin : 0;
		width : 100%;
		max-height: 0;
		overflow-y: hidden;
	}
	#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1,
	#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2,
	#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3,
	#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4,
	#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5,
	#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6,
	#panel-7-ctrl:checked ~ #tabs-list #li-for-panel-7,
	#panel-8-ctrl:checked ~ #tabs-list #li-for-panel-8,
	#panel-9-ctrl:checked ~ #tabs-list #li-for-panel-9,
	#panel-10-ctrl:checked ~ #tabs-list #li-for-panel-10,
	#panel-11-ctrl:checked ~ #tabs-list #li-for-panel-11 {
		max-height: 46px;
		opacity: 1;
	}


	#panel-1-ctrl:checked ~ #panels #panel-1 .panelinner,
	#panel-2-ctrl:checked ~ #panels #panel-2 .panelinner,
	#panel-3-ctrl:checked ~ #panels #panel-3 .panelinner,
	#panel-4-ctrl:checked ~ #panels #panel-4 .panelinner,
	#panel-5-ctrl:checked ~ #panels #panel-5 .panelinner,
	#panel-6-ctrl:checked ~ #panels #panel-6 .panelinner,
	#panel-7-ctrl:checked ~ #panels #panel-7 .panelinner,
	#panel-8-ctrl:checked ~ #panels #panel-8 .panelinner,
	#panel-9-ctrl:checked ~ #panels #panel-9 .panelinner,
	#panel-10-ctrl:checked ~ #panels #panel-10 .panelinner,
	#panel-11-ctrl:checked ~ #panels #panel-11 .panelinner {
		height : auto;
		opacity: 1;
		padding: 0;
		position : relative;
	}

	.panel_list {
		margin : 0;
		width : 100%;
		height : auto;
		overflow : visible;
	}

	#open-nav-label:after {
		width : 28px;
		height : 28px;
		font-size : 28px;
		line-height : 28px;
		content : "\f107";
		font-family: "icon";
		color : #fff;
		text-align : left;
		position : absolute;
		right : 0;
		top : 50%;
		margin-top : -14px;
	}

	.panel_list li {
		margin : 0px;
		padding : 0px;
	}

	.panel_list li:nth-child(2n+1)  a.panel_ctrl.panel_proshop,
	.panel_list li:nth-child(2n+1)  a.panel_ctrl.panel_fair,
	.panel_list li:nth-child(2n+1)  a.panel_ctrl {
		padding : 8px 24px 8px 12px;
		color : #25292c;
		background : rgba(209,211,212,1);
		border : 0;
		position : relative;
	}

	.panel_list li:nth-child(2n)  a.panel_ctrl.panel_proshop,
	.panel_list li:nth-child(2n)  a.panel_ctrl.panel_fair,
	.panel_list li:nth-child(2n)  a.panel_ctrl {
		padding : 8px 24px 8px 12px;
		color : #25292c;
		background : rgba(224,226,227,1);
		border : 0;
		position : relative;
	}

	.panel_list li a.panel_ctrl.panel_proshop:after,
	.panel_list li a.panel_ctrl.panel_fair:after,
	.panel_list li a.panel_ctrl:after {
		width : 28px;
		height : 28px;
		font-size : 28px;
		line-height : 28px;
		content : "\f107";
		font-family: "icon";
		color : #3b4349;
		position : absolute;
		right : 0;
		top : 50%;
		margin-top : -14px;
	}

	.panel_list li a.panel_ctrl.panel_proshop.open:after,
	.panel_list li a.panel_ctrl.panel_fair.open:after,
	.panel_list li a.panel_ctrl.open:after {
		width : 28px;
		height : 28px;
		font-size : 28px;
		line-height : 28px;
		content : "\f106";
		font-family: "icon";
		color : #3b4349;
		position : absolute;
		right : 0;
		top : 50%;
		margin-top : -14px;
	}


	.panel_info.active,
	.panel_info {
		width : 100%;
		background : #252525;
		position : relative;
		height : 0;
		display : block;
		overflow:hidden;
		opacity :1;
		-webkit-transition: all 0.35s ease;
		transition: all 0.35s ease;
	}
	.panel_info.opened {
		height : auto;
		padding-bottom : 60px;
		position : relative;
		z-index : 10;
		-webkit-transition: all 0.35s ease;
		transition: all 0.35s ease;
		opacity :1;
	}

	.panel_fbox {
		flex-direction: column;
	}

	.panel_right {
		width : 100%;
		padding : 0 32px;
		box-sizing : border-box;
	}

	.panel_info.active {
		opacity :1;
		z-index : 10;
	}

	.panel_map {
		height : 260px;
		padding : 0;
		margin : 0 0 24px;
	}
	.panel_name {
		margin : 0 0 20px;
		padding : 0 12px;
	}
	.panel_add {
		padding : 0 12px;
		box-sizing : border-box;
		width : 100%;
		display : block;
		color : #fff;
	}
	.panel_add_row {
		display : block;
		margin-bottom : 20px;
	}
	.panel_add_label {
		width : 100%;
		display : block;
		box-sizing : border-box;
		padding : 0	;
		border : 0;
		margin-bottom : 2px;
	}
	.panel_add_detail {
		width : 100%;
		display : block;
		box-sizing : border-box;
		padding : 0	;
		border : 0;
	}

	.panel_close {
		color : #fff;
		font-family : "Icon";
		position :absolute;
		display:block;
		height : 18px;
		width : 18px;
		font-size : 1px;
		bottom : 8px;
		right : 8px;
		cursor : pointer;
	}
	.panel_close:before {
		content : "";
		position :absolute;
		display:block;
		height : 100px;
		width : 100px;
		bottom : -64px;
		right : -64px;
		transform: rotate(-45deg);
		background : #ff7433;
		z-index : -1;
	}
}


/*****************************************************************************************
APPLIDE MODEL
*****************************************************************************************/
.AppliedList {
	padding : 0 12px;
	text-align : center;
	margin : 0;
}

.AppliedList li {
	width : 108px;
	box-sizing : border-box;
	margin : 4px;
	font-family: 'Oswald';
	display : inline-block;
	padding : 6px 4px;
	color : rgba(255,255,255,1);
	font-size : 12px;
	background :  rgba(37,37,37,0.72);
}

.AppliedList li span.year {
	padding-left : 8px;
	font-size : 11px;
	color : rgba(255,255,255,1);
	display : inline;
}
.AppliedFAQ {
	text-align : center;
	margin : 4px auto 40px;
}

.AppliedFAQ a {
	display : inline-block;
	font-weight : 500;
	font-size : 12px;
}

.AppliedFAQ a:before {
	content : "\f059";
	font-family : "Icon";
	padding-right : 2px;
}

@media(max-width:1023px) {
	.AppliedList li {
		width : 48%;
		margin : 1%;
	}

}
/*****************************************************************************************
PRODUCTS LIST
*****************************************************************************************/
.ProductsList {
	width : 100%;
	box-sizing : border-box;
	position : relative;
	z-index : 2;
}

.ProductsList li {
	width : 25%;
	box-sizing : border-box;
	padding : 16px;
	float : left;
}

@media(max-width:1023px){
	.ProductsList li {
		width : 100%;
		float : none;
	}
}
.ProductsList li a {
	color: rgba(37,37,37,1);
	position : relative;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.ProductsList li a:hover {
	color: rgba(255,113,43,1);
	background: rgba(255,255,255,0.5);
}

.ProductsList li .ProductsListCat {
	position : absolute;
	z-index : 20;
}

.ProductsList li .ProductsListCat span {
	display : block;
	background :  rgba(37,37,37,1);
	color : rgba(255,255,255,1);
	padding : 2px 8px;
	font-size : 13px;
	font-family : "Oswald";
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.ProductsList li a:hover .ProductsListCat span {
	background :  rgba(255,113,43,1);
}

.ProductsList li .ProductsListThumb {
	position: relative;
	box-sizing : border-box;
	width: 100%;
	height: 100%;
	padding: 75% 0 0;
	margin-bottom : 8px;
	overflow : hidden;
	border : rgba(37,37,37,1) 1px solid;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.ProductsList li a:hover .ProductsListThumb {
	border : rgba(255,113,43,1) 1px solid;
}


.ProductsList li .ProductsListThumb .ProductsListThumbInner {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing : border-box;
	width: 100%;
	height: 100%;
	background : #fff;
}


.ProductsList li a .ProductsListThumb img {
	width : 100%;
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) scale(1);
	-ms-transform: translate(-50%,-50%) scale(1);
	transform: translate(-50%,-50%) scale(1);
	-webkit-transition: all 0.15s ;
	transition: all 0.1s ;
	z-index : 10;
}

.ProductsList li a:hover .ProductsListThumb img {
   -webkit-transform: translate(-50%,-50%) scale(1.05);
   -moz-transform: translate(-50%,-50%) scale(1.05);
   -o-transform: translate(-50%,-50%) scale(1.05);
   -ms-transform: translate(-50%,-50%) scale(1.05);
   transform: translate(-50%,-50%) scale(1.05);
	z-index : 10;
}

/*****************************************************************************************
PRODUCTS
*****************************************************************************************/
.LangNav {
	width : 100%;
	text-align : right;
	margin-bottom : 8px;
}

@media(max-width:1023px){
	.LangNav {
		text-align : center;
	}
}

.LangNav li {
	display : inline-block;
	color : rgba(37,37,37,0.5);
	font-family: 'Oswald';
	margin : 0 4px;
}

.LangNav li span {
	color : rgba(37,37,37,0.5);
	cursor : pointer;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.LangNav li span:hover {
	color : rgba(37,37,37,0.7);
}


.LangNav li span.selected {
	color : rgba(255,113,43,1);
}

.LangNav li:first-child:after {
	content : "/";
	margin-left : 4px;
}

.ProductImgArea {
	background : rgba(37,37,37,1);
	box-sizing : border-box;
	padding : 20px 12px;
	position : relative;
	height : 470px;
	overflow : hidden;
}

.product_imgs .slick-slide{
	margin : 0 1px;
}
.product_imgs span {
	display : block;
}

.product_imgs .product_imgs_cap {
	padding-top : 12px;
	color : #FFF;
}
.product_imgs img {
	width : 100%;
}

.product_imgs_nav {
	padding : 0 12px 20px;
	background : rgba(37,37,37,1);
}

.product_imgs_nav .slick-slide{
	margin : 0 1px;
}

.product_imgs_nav img {
	width : 100%;
}

.product_imgs_nav .slick-slide{
	margin: 0 4px;
}

.product_imgs_nav .slick-slide img{
	width:100%;
	height:auto;
	box-sizing:border-box;
	border:solid 2px rgba(37,37,37,1);
	cursor: pointer;
}
.product_imgs_nav .slick-slide.slick-current img{
	border:solid 2px #ff712b;
}
.slick-initialized .slick-slide {
	overflow:hidden;
 }

.ProductsMakerIcons {
	margin-bottom : 16px;
}
.ProductsMakerIcons li {
	display : inline-block;
	margin-right : 8px;
	margin-bottom : 4px;
}

.ProductsMakerIcons li span,
.ProductsMakerIcons li a {
	display : block;
	font-size : 13px;
	font-family: 'Oswald';
	background : rgba(255,113,43,1);
	color : #fff;
	padding : 6px 12px;
	line-height : 13px;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}



.ProductsMakerIcons li a.maker {
	background : rgba(37,37,37,0.28);
	color : rgba(37,37,37,1);
}
.ProductsMakerIcons li a.maker:hover  {
	background : rgba(37,37,37,0.5);
}
.ProductsDetailTitle {
	font-size : 28px;
	font-weight : 700;
}

@media(max-width:1023px){
	.ProductsDetailTitle {
		font-size : 20px;
	}
}
.ProductsDetailInfo {
	margin-bottom : 20px;
}

.ProductsDetailNo {
	display : inline-block;
	margin-right : 24px;
}

.ProductsDetailPrice {
	display : inline-block;
}

.ProductsDetailTime {
	padding-top : 8px;
	font-size : 12px;
	font-weight : 500;
}

.ProductsDetailTime span {
	display : inline-block;
	font-size : 12px;
	font-family: 'Oswald';
	background : rgba(255,113,43,1);
	color : #fff;
	padding : 4px 12px;
	font-weight : 400;
	line-height : 12px;
	margin-right : 4px;
}

#DetailJP,
#DetailEN {
	display : none;
}

.ProductsDetailTxt p {
	margin-top : 1em;
}
.ProductsDetailTxt p:first-child {
	margin-top : 0;
}

.ProductsDetailTxt .makerlogo img {
	max-width : 100%;
}
.ProductsDetailTxt  p.btn a {
	background : rgba(255,113,43,1);
	color : #fff;
	font-family: 'Oswald';
	text-align : center;
	padding : 4px 0;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}
.ProductsDetailTxt  p.btn a:hover {
	background : rgba(255,113,43,0.72);

}

.ProductsDetailTxt  p.btn a span:before {
	content : "\f07a";
	font-family: 'Icon';
	font-size : 20px;
	margin-right : 8px;
}

.ProductsDetailTxt  p.ex {
	font-size : 13px;
	margin-top : 4px;
}

.ProductsDetailFiles {
	margin-top : 1em;
}

.ProductsDetailFiles li {
	position : relative;
	margin-top : 4px;
}

.ProductsDetailFiles li:first-child {
	margin-top : 0;
}

.ProductsDetailFiles li a span {
	padding-left : 1.2em;
	display : block;
}
.ProductsDetailFiles li a:before {
	content : "\f15b";
	font-family : "Icon";
	position : absolute;
}

/*****************************************************************************************
PICKUP 2nd
*****************************************************************************************/
.RelateItems {
	width : 100%;
	padding : 0 32px;
	box-sizing : border-box;
	position : relative;
	z-index : 2;
}

.RelateItems .slick-prev {
	width : 32px;
	height : 64%;
	position : absolute;
	left : 0;
	top : 0:
	outline : 0;
	border : 0;
	padding : 0;
	margin : 0;
	cursor: pointer;
	font-size : 40px;
	text-align : left;
	font-family : "Icon";
	background : transparent;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.RelateItems .slick-prev:hover {
	color: rgba(255,113,43,1);
}

.RelateItems .slick-next {
	width : 32px;
	height : 64%;
	position : absolute;
	right : 0;
	top : 0;
	outline : 0;
	border : 0;
	padding : 0;
	margin : 0;
	cursor: pointer;
	text-align : right;
	font-size : 40px;
	font-family : "Icon";
	background : transparent;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.RelateItems .slick-next:hover {
	color: rgba(255,113,43,1);
}


.RelateItems ul.slick-dots {
	width : 100%;
	margin-top : 12px;
	text-align : center;
}

.RelateItems ul.slick-dots li {
	width: 12px;
	height: 12px;
	margin: 0 8px 0;
	display: inline-block;*
	display: inline; *
	zoom: 1;
	border-radius: 100%;
	background: rgba(37,37,37,0.5);
	outline: 0;
	text-indent: -100000px;
	font-size: 1px;
	line-height: 1;
	cursor: pointer;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.RelateItems ul.slick-dots li:hover {
	background: rgba(37,37,37,0.8);
}

.RelateItems ul.slick-dots li.slick-active {
	background: rgba(255,113,43,1);
}

.RelateItems li.slick-slide {
	margin: 0 8px;
}

.RelateItems li a {
	padding : 8px 8px 12px;
	color: rgba(37,37,37,1);
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.RelateItems li a:hover {
	color: rgba(255,113,43,1);
	background: rgba(255,255,255,0.5);
}

.RelateItems li .RelateItemsThumb {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 75% 0 0;
	margin-bottom : 8px;
	overflow : hidden;
}

.RelateItems li .RelateItemsThumb .RelateItemsThumbInner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background : #fff;
}


.RelateItems li a .RelateItemsThumb img {
	width : 100%;
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) scale(1);
	-ms-transform: translate(-50%,-50%) scale(1);
	transform: translate(-50%,-50%) scale(1);
	-webkit-transition: all 0.15s ;
	transition: all 0.1s ;
	z-index : 10;
}

.RelateItems li a:hover .RelateItemsThumb img {
   -webkit-transform: translate(-50%,-50%) scale(1.05);
   -moz-transform: translate(-50%,-50%) scale(1.05);
   -o-transform: translate(-50%,-50%) scale(1.05);
   -ms-transform: translate(-50%,-50%) scale(1.05);
   transform: translate(-50%,-50%) scale(1.05);
	z-index : 10;
}


/*****************************************************************************************
PICKUP 2nd
*****************************************************************************************/
.PickupList2 {
	width : 100%;
	position : relative;
	z-index : 2;
}

.PickupList2 li {
	width : 20%;
	height : 64px;
	position : relative;
	float : left;
	display : block;
	overflow : hidden;
}

.PickupList2 li:after {
	content : "";
	width : 105%;
	height : 105%;
	background :
	opacity: .3;
	transition: all 0.3s cubic-bezier(.25, .46, .45, .94);
	background-size : cover;
	position : absolute;
	left : -1px;
	top : -!px;
}


.PickupList2 li#pksg9b60000003qan:after {
	background : url(/products/ksg9b60000003qan-img/ksg9b60000003qc1.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b6000000440h:after {
	background : url(/products/ksg9b6000000440h-img/ksg9b6000000441v.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b60000003jsb:after {
	background : url(/products/ske/ksg9b60000003jsb-img/ksg9b60000003jtp.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b6000000416b:after {
	background : url(/products/ksg9b6000000416b-img/ksg9b6000000417p.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b600000022ps:after {
	background : url(/products/sk9/ksg9b600000022ps-img/ksg9b600000022r6.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b60000000z1m:after {
	background : url(/products/gt3gt7/ksg9b60000000z1m-img/ksg9b60000000z30.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b6000000020b:after {
	background : url(/products/gkgt/ksg9b6000000020b-img/ksg9b6000000021l.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b600000002ej:after {
	background : url(/products/bnbs/ksg9b600000002ej-img/ksg9b600000002ft.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b60000003ms2:after {
	background : url(/products/ksg9b60000003ms2-img/ksg9b60000003mtg.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b60000003muf:after {
	background : url(/products/ksg9b60000003muf-img/ksg9b60000003mvt.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b600000001kt:after {
	background : url(/products/vmgvm4/ksg9b600000001kt-img/ksg9b600000001m3.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b60000000223:after {
	background : url(/products/gpegp7/ksg9b60000000223-img/ksg9b6000000023d.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b600000001yj:after {
	background : url(/products/sj/ksg9b600000001yj-img/ksg9b600000001zt.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b6000000023v:after {
	background : url(/products/gjgp/ksg9b6000000023v-img/ksg9b60000000255.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b600000001h8:after {
	background : url(/products/zczn/ksg9b600000001h8-img/ksg9b600000001ii.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b600000002gb:after {
	background : url(/products/bmbr/ksg9b600000002gb-img/ksg9b600000002hl.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b600000001j0:after {
	background : url(/products/exiga_ya/ksg9b600000001j0-img/ksg9b600000001ka.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b6000000025n:after {
	background : url(/products/grb/ksg9b6000000025n-img/ksg9b6000000026x.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b6000000027f:after {
	background : url(/products/gegh/ksg9b6000000027f-img/ksg9b6000000028p.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b600000001wr:after {
	background : url(/products/sh/ksg9b600000001wr-img/ksg9b600000001y1.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b600000002i3:after {
	background : url(/products/blbp/ksg9b600000002i3-img/ksg9b600000002jd.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b600000001od:after {
	background : url(/products/sg/ksg9b600000001od-img/ksg9b600000001pn.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b60000000297:after {
	background : url(/products/gdgg/ksg9b60000000297-img/ksg9b600000002ah.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b600000002jv:after {
	background : url(/products/bebh/ksg9b600000002jv-img/ksg9b600000002l5.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b600000001ml:after {
	background : url(/products/sf/ksg9b600000001ml-img/ksg9b600000001nv.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b600000002ln:after {
	background : url(/products/bdbg/ksg9b600000002ln-img/ksg9b600000002mx.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b600000002az:after {
	background : url(/products/gcgf/ksg9b600000002az-img/ksg9b600000002c9.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b600000002nf:after {
	background : url(/products/bcbf/ksg9b600000002nf-img/ksg9b600000002op.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b600000002cr:after {
	background : url(/products/accessories/ksg9b600000002cr-img/ksg9b600000002e1.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b60000000cu3:after {
	background : url(/products/universal/ksg9b60000000cu3-img/ksg9b60000000cvd.jpg) center center no-repeat;;
	background-size : cover;
}

.PickupList2 li#pksg9b600000027nv:after {
	background : url(/retailers/ksg9b600000027nv-img/ksg9b600000027o9.jpg) center center no-repeat;;
	background-size : cover;
}


.PickupList2 li:hover:after {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.PickupList2 li a {
	width : 101%;
	height : 101%;
	position : absolute;
	display : table;
	line-height : 1;
	left : -1px;
	top : -!px;
	font-family : 'Oswald', sans-serif;
	font-weight : 400!important;
	-webkit-font-smoothing: antialiased;
	background : rgba(0, 0, 0, 0.3);
	z-index : 100;
}
.PickupList2 li a p {
	padding : 0 12px;
	display : table-cell;
	text-align : center;
	vertical-align : middle;

}

.PickupList2 li a span {
	display : inline-block;
	color : #fff;
	font-size : 18px;
	position : relative;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.PickupList2 li a:hover span {
	color: #ff7433;
}

.PickupList2 li a span:after {
	bottom: -8px;
	display: block;
	height: 2px;
	width: 0;
	content: "";
	position: absolute;
	background-color: #ff7433;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}

.PickupList2 li a:hover span:after {
	width: 100%;
}

.PickupList2 li a:hover {
	color : #fff;
	background : rgba(0, 0, 0, 0.2);
}
.PickupList2 li p {
	width : 100%;
	height : 64px;
	overflow : hidden;
	z-index : 10;
	display : block;
}
.PickupList2 li p img {
	width : 100%;
   position: relative;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%,-50%) scale(1.05);
   -ms-transform: translate(-50%,-50%) scale(1.05);
   transform: translate(-50%,-50%) scale(1.05);
	-webkit-transition: all 01s ease;
	transition: all 0.1s ease;
	z-index : 10;
}
.PickupList2 li:hover p img {
   -webkit-transform: translate(-50%,-50%) scale(1.1);
   -moz-transform: translate(-50%,-50%) scale(1.1);
   -o-transform: translate(-50%,-50%) scale(1.1);
   -ms-transform: translate(-50%,-50%) scale(1.1);
   transform: translate(-50%,-50%) scale(1.1);
	z-index : 10;
}

@media(max-width:1023px){
	.PickupList2 li {
		width : 50%;
		position : relative;
	}
	.PickupList2 li a span {
		font-size : 14px;
	}
}

/*****************************************************************************************
Page Top
*****************************************************************************************/
#PageTop {
	position: fixed;
	bottom: 40px;
	right: 40px;
	font-size: 18px;
	z-index : 1000;
}
@media(max-width:1023px){
	#PageTop {
		bottom: 8px;
		right: 8px;
	}
}

#PageTop a {
	font-family: "icon";
	background: rgba(63,63,63,1);
    text-decoration: none;
    color: #fff;
	width: 40px;
	line-height : 40px;
    text-align: center;
    display: block;
}

#PageTop a:hover {
	background: rgba(105,105,105,1);
}

/*****************************************************************************************
アンカーナビ
*****************************************************************************************/
.AnchorNavi {
	width : 100%;
	padding : 12px 20px;
	background :  rgba(42, 42, 42, 1);
	border-bottom : 2px solid #ff7433;
	box-sizing : border-box;
	position : fixed;
	top : 0;
	left : 0;
	z-index : 1000;
	-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 10px 10px rgba(0,0,0,0.4);
	box-shadow: 0 10px 10px rgba(0,0,0,0.4);
	overflow : hidden;
}

.AnchorNavi p {
	font-family: 'Oswald';
	color : rgba(255,255,255,1);
	position : relative;
	text-align : center;
}

.AnchorNavi p span.en {
	display : none;
}

.AnchorNavi p span.fullwidth {
	font-family: 'Noto Sans Japanese'!important;
	font-weight : 500;
}
/*****************************************************************************************
年式の確認法
*****************************************************************************************/
#infobox {
	width: 100%;
	height: 100%;
	z-index : -1;
	position : fixed;
	display : block;
	background : rgba(0,0,0,0.8);
	opacity : 0;
	top : 0;
	left : 0;
	-webkit-transition: opacity 0.5s ease;
	 transition: opacity 0.5s ease;
}

#infobox.active {
	z-index : 11000;
	opacity : 1;
}

#Infoboxinner {
	width : 50%;
	min-height : 40%;
	padding : 12px;
	background : rgba(255,255,255,1);
	border-radius : 8px;
	position : absolute;
	top : 50%;
	left : 50%;
	box-sizing : border-box;
	-moz-transform: translate(-50%, -50%); /* Safari用 */
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}

@media(max-width:799px) {
	#Infoboxinner {
		width : 90%;
		height : auto;
		min-height : 40%;
		max-height : 90%;
	}

}

#Infoboxinner .infoboxclose {
	width : 18px;
	height : 18px;
	margin-left : auto;
}

#Infoboxinner .infoboxclose a {
	font-size : 18px;
	line-height : 1;
	font-family : 'Icon';
	color : #ff7433;
}

.infoboxtxt {
	margin-top : 12px;
}

.infoboxtxt .title {
	font-size : 18px;
	line-height : 18px;
	font-family : 'Oswald', sans-serif;
	font-weight : normal;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	position : relative;
	z-index : 10;
	text-align : center;
	margin-bottom : 20px;
}

.infoboxtxt .title:after {
	content : "";
	width : 40px;
	height : 4px;
	background : #ff7433;
	display : block;
	margin : 16px auto 0;
}

.infoboxtxt p img {
	width : 100%;
}

/*****************************************************************************************
Search
*****************************************************************************************/

.ResultSearchFrm {
	width : 680px;
	margin : 0 auto 40px;
	padding : 28px 0;
	background : #383835;
	border-radius : 8px;
	box-sizing : border-box;
	text-align : center;
}
@media(max-width:1023px){
	.ResultSearchFrm {
		width : 100%;
	}
}

.ResultSearchTxt {
	width: 520px;
	padding: 8px 8px;
	font-size: 13px;
	line-height: 1;
	margin: 0;
	border: 0;
	outline: 0;
	background-color: white;
	box-sizing: border-box;
}

@media(max-width:1023px){
	.ResultSearchTxt {
		width : 72%;
	}
}

.ResultSearchSubmit {
	font-family : "Icon";
	font-size : 20px;
	line-height : 29px;
	border : 0;
	padding : 0;
	background : transparent;
	color : rgba(255,255,255,1);
	cursor : pointer;
	-webkit-transition: all 0.35s ease;
	 transition: all 0.35s ease;
}
.ResultSearchSubmit:hover {
	color : rgba(255,255,255,0.7);
}


.searchResult {
	padding : 0 0 20px 0;
}

#fs-paginate {
	text-align : center;
	margin-top : 40px;
}
#fs-paginate a {
	display : inline-block;
	margin : 0 4px;
}

#fs-paginate a:hover {
	opacity : 0.7;
}
#fs-paginate a.fs-page-link {
	text-align : center;
	font-size : 16px;
	line-height : 24px;
	width : 24px;
	height : 24px;
	border : 1px solid #010103;
	color : #010103;
	background : #e5e5e5;
}

#fs-paginate a.fs-current-link {
	background : #010103;
	color : #fff;
}

#fs-paginate a.fs-turn-page-link {
	font-family : "Icon";
	text-align : center;
	font-size : 16px;
	line-height : 26px;
	width : 24px;
	color : #010103;
}

/*****************************************************************************************
FORM
*****************************************************************************************/
.FrmArea {
	max-width : 680px;
	margin : 0 auto;
}

.FrmAreaTitle {
	font-size : 20px;
	font-weight : 500;
	margin-bottom : 32px;
	text-align : center;
}
.FrmAreaTblWrap {
	margin-top : 24px;
}

.FrmAreaTbl {
	width : 100%;
	border : 0;
}

.FrmAreaTbl th {
	width : 30%;
	font-weight : 500;
	text-align : left;
	padding : 12px;
	box-sizing : border-box;
	vertical-align : top;
}

.FrmAreaTbl td {
	width : 70%;
	font-weight : 300;
	text-align : left;
	vertical-align : top;
	padding : 12px;
	box-sizing : border-box;
}

.FrmAreaTbl th span.attention {
	color : #d9291d;
	padding-left : 4px;
}

.inputtxt {
	width: 300px;
	padding: 8px 8px;
	font-size: 13px;
	line-height: 1;
	margin: 0;
	border: #d1d1d2 1px solid;
	outline: 0;
	background-color: white;
	box-sizing: border-box;
}

.txtara {
	width: 420px;
	height : 240px;
	padding: 8px 8px;
	font-size: 13px;
	line-height: 1;
	margin: 0;
	border: #d1d1d2 1px solid;
	outline: 0;
	background-color: white;
	box-sizing: border-box;
	display : block;
}

.FrmAreaTbl td > input,
.FrmAreaTbl td > p {
	margin-top : 12px;
}

.FrmAreaTbl td > input:first-child,
.FrmAreaTbl td > p:first-child {
	margin-top : 0;
}

.FrmAreaTbl td label.error {
	color : #d9291d;
	font-size : 13px;
	margin-top : 4px;
	display : block;
}

.FrmAreaTbl td input.error {
	border-color : #d9291d;
}

.FrmAreaBtn {
	margin-top : 32px;
	text-align : center;
}
.FrmAreaBtn li {
	display : inline-block;
	width : 240px;
	margin : 4px 8px;
}

.FrmAreaBtnNext {
	width : 100%;
	outline : 0;
	border : 0;
	cursor : pointer;
	font-size : 16px;
	padding : 16px 0;
	font-weight : 500;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	background : #ff7433;
	color : #fff!important;
}
.FrmAreaBtnNext:hover {
	opacity : 0.7;
}

.FrmAreaBtnBack {
	width : 100%;
	outline : 0;
	border : 0;
	cursor : pointer;
	font-size : 16px;
	padding : 16px 0;
	font-weight : 500;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	background : #616161;
	color : #fff!important;
}
.FrmAreaBtnBack:hover {
	opacity : 0.7;
}
@media(max-width:680px){
	.FrmAreaTbl th,
	.FrmAreaTbl td {
		display : block;
		width : 100%;
		padding : 0;
	}
	.FrmAreaTbl td {
		margin-bottom : 20px;
	}
	.inputtxt {
		box-sizing : border-box;
		width : 100%;
	}
	.txtara {
		box-sizing : border-box;
		width : 100%;
	}
}

/*****************************************************************************************
clearfix
*****************************************************************************************/
.clearfix:after	{
	content: ".";
	display: block;
	height: 0;
	margin : 0;
	padding : 0;
	clear: both;
	visibility: hidden;
}
.clearfix	{ display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix	{ height: 1%;}

.clearfix	{ display: block;}
/* End hide from IE-mac */