@font-face {
	font-family: MRP-L;
	src: url('../fonts/Myriad_pro/MyriadPro-Light.otf');
}
@font-face {
	font-family: MRP-R;
	src: url('../fonts/Myriad_pro/MYRIADPRO-REGULAR.OTF');
}
html,body{margin: 0; padding:0; background: #000000;}
/* ---------- RESET ---------- */
	#hd *{
		margin: 0;
		padding: 0;
		text-decoration: none;
		list-style-type: none;
		box-sizing: border-box;
	}
	::selection {
		background: #1d2124;
		color: #CE0000;
	}
	::-moz-selection {
		background: #1d2124;
		color: #ffffff;
	}
	#hd ul,
	#hd ol,
	#hd li {
		margin: 0;
		padding:0;
	}
	#hd,
	#hd section {
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
		vertical-align: baseline;
	}
	#hd{
		background-color: #000;
		padding-top: 70px;
	}
	#hd h1,
	#hd h2,
	#hd h3,
	#hd h4,
	#hd p,
	#hd a,
	#hd li,
	#hd b,
	#hd small {
		margin: 0;
		padding:0;
		line-height: normal;
		color: white;
	}
	#hd select{
		outline:none;
	}
/* ---------- Element -------- */
	#hd section{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	#hd img {
		display: block;
		margin:0 auto;
		max-width: 100%;
		height: auto;
		border: none;
	}
	#hd a.btn-primary{
		display: inline-block;
		vertical-align: middle;
		min-width: 140px;
		background-color: #c00;
		color: #fff;
		text-align: center;
		cursor: pointer;
		padding:7px 20px 10px;
		margin:0 2px;
		-webkit-transition: all .3s ease-in;
		-moz-transition: all .3s ease-in;
		-ms-transition: all .3s ease-in;
		-o-transition: all .3s ease-in;
		transition: all .3s ease-in;
	}
	@media screen and (min-width: 768px) {
		#hd a.btn-primary:hover{
			background: #fff;
			color: #cf121c;
		}
	}
	#hd a.btn-primary-large{
		display: inline-block;
		vertical-align: middle;
		min-width: 200px;
		background-color: #c00;
		color: #fff;
		text-align: center;
		cursor: pointer;
    padding: 20px 20px;
		margin:0 2px;
		-webkit-transition: all .3s ease-in;
		-moz-transition: all .3s ease-in;
		-ms-transition: all .3s ease-in;
		-o-transition: all .3s ease-in;
		transition: all .3s ease-in;
	}
	#hd a.btn-primary-large:hover{
		background: #fff;
	    color: #cf121c;
	}
	#hd a.btn-primary-large h3 {
		margin-bottom: 0;
	}
	#hd a.btn-primary-large:hover h3{
	    color: #cf121c;
	}
	#hd a.btn-primary-color-reverse:hover  {
		background: black;
	}
	#hd a.btn-primary-color-reverse:hover h3  {
		color: white !important;
	}
/* ---------- Block ---------- */
	#hd .hd-mobile_on,
	#hd .hd-1023on {display: none; }

	#hd .cf:after{
		content:'';
		display: table;
		clear:both;
	}
	#hd .hd-w100 {
		position: relative;
		width: 100%;
		margin:0 auto;
		z-index: 2;
	}
	#hd .fleft {float: left; }
	#hd .fright {float: right; }
	#hd .hd-w1300,
	#hd .hd-w1200,
	#hd .hd-w1000,
	#hd .hd-w1080,
	#hd .hd-w950,
	#hd .hd-w900,
	#hd .hd-w800,
	#hd .hd-w500{
		position: relative;
		width: 90%;
		margin:0 auto;
		z-index: 2;
	}
	#hd .hd-w1300 {max-width: 1300px;}
	#hd .hd-w1200 {max-width: 1200px;}
	#hd .hd-w1080 {max-width: 1080px;}
	#hd .hd-w1000 {max-width: 1000px;}
	#hd .hd-w950 {max-width: 950px;}
	#hd .hd-w900 {max-width: 900px;}
	#hd .hd-w800{max-width: 800px;}
	#hd .hd-w500{max-width: 500px;}
	#hd .hd-ib{
		display: inline-block;
		vertical-align: middle;
		margin-left: -5px;
	}
	#hd .ib-top{vertical-align: top;}
	#hd .ib-bottom{vertical-align: bottom;}
	#hd .hd-col15 {width: 15%;}
	#hd .hd-col20 {width: 20%;}
	#hd .hd-col25 {width: 25%;}
	#hd .hd-col30 {width: 30%;}
	#hd .hd-col33 {width: 33.3333%;}
	#hd .hd-col40 {width: 40%;}
	#hd .hd-col45 {width: 45%;}
	#hd .hd-col50 {width: 50%;}
	#hd .hd-col55 {width: 55%;}
	#hd .hd-col60 {width: 60%;}
	#hd .hd-col65 {width: 65%;}
	#hd .hd-col70 {width: 70%;}
	#hd .hd-col80 {width: 80%;}
/* ---------- Text ----------- */
	#hd h1{
		width: 92%;
		max-width: 1200px;
		margin:0 auto;
		font-family: "RobotoCondensed", sans-serif;
		font-size: 82px;
		line-height: 1;
		font-weight: normal;
		letter-spacing: 0px;
		text-transform: uppercase;
		color:#dd0000 !important;
	}
	#hd h2 {
		font-family: "RobotoCondensed", sans-serif;
		font-size: 40px;
		line-height: 1;
		font-weight: 400;
		letter-spacing: 2px;
		margin-bottom: 10px;
		color:#ffffff;
	}
	#hd h3 {
		font-family: "RobotoCondensed", sans-serif;
		font-weight: 400;
		letter-spacing: 0;
		font-size:  24px;
		line-height: 1.25;
		margin-bottom: 20px;
		position: relative;
	}
	#hd h4{
		font-family: "RobotoCondensed", sans-serif;
		font-size: 16px;
		line-height: 1.25;
		font-weight: normal;
		margin-bottom: 20px;
	}
	#hd p,
	#hd small,
	#hd a,
	#hd li {
		font-family: 'RobotoCondensed', sans-serif;
	}
	#hd p {
		font-size: 16px;
		font-weight: 300;
		letter-spacing: .05em;
		line-height: 1.5;
		margin: 0;
		margin-bottom: 40px;
	}
	#hd b{
		font-family: 'RobotoCondensed', sans-serif;
		font-weight: bold;
	}
	#hd small {
		display: block;
		font-size: 14px;
		font-weight: 300;
		letter-spacing: 0.5px;
	}

	#hd a.hd-link {
		color: #C50012;
		text-decoration: underline;
		font-weight: 400;
	}
	#hd a.hd-link:hover {color: white; }
	#hd .txt-grey {
		color: #808080;
		font-weight: 400;
	}
	#hd .txt-red {
		color: #b80202;
		font-weight: 400;
	}
	#hd h3.txt-red{font-weight: 700;}

	.txt-center{text-align: center; }
	.txt-left{text-align: left; }
	#hd sup{
		display: inline-block;
		margin-top: -7px;
	}
/* ---------- fp-nav ------- */
	#fp-nav {
		display: none!important;
	}
/* ---------- scrollUp ------- */
	#scrollUp {
		position: fixed;
		right: 30px;
		bottom: 30px;
		width: 45px;
		height: 45px;
		text-align: center;
		cursor: pointer;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border: 2px solid #8D0000;
		opacity: 0;
	}
	#scrollUp.hd-show {
		opacity: 1;
	}
	#scrollUp svg {
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 5px;
		left: 0;
		fill: #8D0000;
		-webkit-transform: rotateZ(270deg);
		-moz-transform: rotateZ(270deg);
		-ms-transform: rotateZ(270deg);
		-o-transform: rotateZ(270deg);
		transform: rotateZ(270deg);
	}
	#scrollUp:hover {
		background-color: #8D0000;
	}
	#scrollUp:hover svg {
		fill: white;
	}
/* ---------- transition ----- */
	#hd_header nav a:before,
	#hd_hamburger span:before,
	#hd_hamburger span:after,
	#scrollUp,
	#hd a.hd-link,
	#hd .hd-btn,
	#hd .play-tutorial img,
	#hd .play-tutorial p,
	#slider_kv .owl-nav,
	#hd .hd-sec-product .pbox{
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-o-transition: all .4s ease;
		-ms-transition: all .4s ease;
		transition: all .4s ease;
	}
/* ------------ HEADER ------------ */
	#hd_header{
		/*display: none;*/
		width: 100%;
		height: 70px;
		background: #000000;
		border-bottom: 1px solid #333;
		padding:10px 25px;
		margin-top: 70px;
		position: absolute;
		top: 0;left: 0;
		z-index: 5;
	}
	#hd_header .hd-w1200 {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	#hd_header.sticky{
		margin-top: 0;
		position: fixed;
	}
	#hd #hd_logo{
		display: inline-block;
		vertical-align: middle;
	}
	#hd #hd_logo > img{
		width: auto;
		height: 50px;
	}
	#hd_header nav{
		display: inline-block;
		vertical-align: middle;
		width:calc(100% - 100px);
		text-align: right;
	}
	#hd_header nav a{
		font-size: 16px;
		font-weight: 400;
		opacity: .8;
		letter-spacing: 0.025em;
		padding:20px 0;
		margin:0 2.5%;
		position: relative;
		text-align: center;
	}
	#hd_header nav a img{
		display: inline-block;
		vertical-align: middle;
		width: 35px;
		margin-top: -7px;
		margin-right: 5px;
	}
	#hd_header nav a:before{
		content:'';
		display: block;
		width: 100%;
		height: 4px;
		background: #cc0000;
		position: absolute;
		top: 100%;
		left: 0;
		-webkit-transform: scale(0,1);
		   -moz-transform: scale(0,1);
		    -ms-transform: scale(0,1);
		     -o-transform: scale(0,1);
		        transform: scale(0,1);
	}
	#hd_header nav a:hover,
	#hd_header nav a.active{opacity: 1; }
	#hd_header nav a.active:before{
		-webkit-transform: scale(1,1);
		   -moz-transform: scale(1,1);
		    -ms-transform: scale(1,1);
		     -o-transform: scale(1,1);
		        transform: scale(1,1);
	}
	#hd_header nav a.txt-red{
		color:#ff0000;
		font-weight: bold;
	}
	#hd_hamburger{display: none;}
	#hd_hamburger{
				background: rgb(0 0 0 / 0%);
					border: none;
				}
	#hd_lang{
		display: inline-block;
		vertical-align: middle;
		width: 190px;
		height: 24px;
		padding: 3px 4px;
		margin: 0;
		color: #fafafa;
		border: 1px solid #666666;
		background: #141414 url(../img/icon/icon-arrow.png) no-repeat 96% 6px;
		font-size: 12px;
		text-transform: uppercase;
		background-size: 13px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
/* ------------ KV ---------------- */
	#hd #slider_kv{margin-top: 70px;}
	#hd #slider_kv a[href="http://#"]{
		pointer-events: none;
		display: block;
	}
	#slider_kv figure{
		display: block;
		width: 100%;
		height: 0;
		padding-bottom: 38.125%;
		background: center center no-repeat;
		background-size: cover;
	}
	#slider_kv .vid_container{
		width: 100%;
		height: 0;
		padding-bottom: 38.125%;
		position: relative;
		overflow:hidden;
	}
	#slider_kv .vid{
		width: 100%;
		height: 0;
		padding-bottom: 56.65%;
		position: relative;
	}
	#slider_kv .vid iframe,
	#slider_kv .vid embed{
		width: 100%;
		height: 100%;
		position: absolute;
		top: -20%;
		left: 0;
	}
	#slider_kv .mobile-on{display: none;}
	#slider_kv .owl-nav{
		width: 100%;
		height: 80px;
		position: absolute;
		top: 0;bottom: 0;
		margin:auto 0;
		pointer-events: none;
		opacity: 0;
	}
	#slider_kv:hover .owl-nav{
		opacity: 1;
	}
	#slider_kv .owl-prev,
	#slider_kv .owl-next{
		width: 80px;
		height: 80px;
		background: url(../img/icon/arrow-large.svg) 0 0 no-repeat;
		background-size: contain;
		pointer-events: all;
		position: absolute;
		opacity: .8;
	}
	#slider_kv .owl-prev{
		left: 10px;
		-webkit-transform: scaleX(-1);
		   -moz-transform: scaleX(-1);
		    -ms-transform: scaleX(-1);
		     -o-transform: scaleX(-1);
		        transform: scaleX(-1);
	}
	#slider_kv .owl-next{
		right: 10px;
	}
	#slider_kv .owl-prev:hover,
	#slider_kv .owl-next:hover{opacity: 1;}

	#slider_kv .owl-dots{
		text-align: center;
		position: absolute;
		bottom: 0;
		left: 0;right: 0;
		margin:0 auto;
	}
	#slider_kv .owl-dot{
		display: inline-block;
		vertical-align: top;
		width: 10px;
		height: 10px;
		border-radius: 6px;
		margin:20px 5px;
		border:1px solid #fafafa;
	}
	#slider_kv .owl-dot:hover{
		background: rgba(255,255,255,.5);
	}
	#slider_kv .owl-dot.active{
		background: #fafafa;
	}
/* ------------ INTRO ------------- */
	#hd .hd-sec-intro{
		background: url(../img/bg-fuzzy.jpg) center center no-repeat;
		background-size: cover;
		background: white;
	}
	#hd .hd-sec-intro .main_logo .vid{
		width: 100%;
		height: 0;
		padding-bottom: 56.65%;
		position: relative;
	}
	#hd .hd-sec-intro .main_logo iframe{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;left: 0;
	}
	#hd .hd-sec-intro .content{
		padding:70px 10px 70px 30px;
	}
	#hd .hd-sec-intro .content h3{
		color: black;
	}
	#hd .hd-sec-intro .content p{
		color: black;
		margin-bottom: 0;
	}
	#hd .hd-sec-intro .content p b{font-size: 18px;}
/* ------------ FEATURE ----------- */
	#hd .hd-sec-feature{
		position: relative;
		overflow: hidden;
	}
	#hd .hd-sec-white{
		background-color: white;
	}
	#hd #feature_filter{
		background-color: #1B1B1C;
	}
	#hd #feature_filter li{
		padding: 10px 10px;
		cursor: pointer;
		position: relative;
	}
	#hd #feature_filter li:first-child{margin-left: -50px;}
	#hd #feature_filter li h3{
		opacity: .5;
		padding:10px;
		margin-right: -50px;
		margin-bottom: 0;
	}
	#hd #feature_filter li:before{
		content:'';
		display: block;
		width: 100%;
		position: absolute;
		bottom: 0;
		right: 3px;
		z-index: -1;
		background: -moz-linear-gradient(left, rgba(100,100,100,0) 0%, rgba(100,100,100,1) 100%);
		background: -webkit-linear-gradient(left, rgba(100,100,100,0) 0%,rgba(100,100,100,1) 100%);
		background: linear-gradient(to right, rgba(100,100,100,0) 0%,rgba(100,100,100,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00555555', endColorstr='#555555',GradientType=1 );
		-webkit-transform: skewX(-35deg);
		   -moz-transform: skewX(-35deg);
		    -ms-transform: skewX(-35deg);
		     -o-transform: skewX(-35deg);
		        transform: skewX(-35deg);
	}
	#hd #feature_filter li:hover h3{opacity: 1;}
	#hd #feature_filter li:hover:before{
		background: -moz-linear-gradient(left, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 100%);
		background: -webkit-linear-gradient(left, rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%);
		background: linear-gradient(to right, rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fafafa', endColorstr='#fafafa',GradientType=1 );
	}
	#hd #feature_filter li:hover:after{
		border-color: transparent transparent #fafafa transparent;
	}
	#hd #feature_filter li.active:before{
		height: 100%;
		right: -20px;
		background: #2C2B2C;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cc0000', endColorstr='#cc0000',GradientType=1 );
	}
	#hd #feature_filter li.active:after{
		border-color: transparent transparent #cc0000 transparent;
	}
	#hd #feature_filter li.active{pointer-events: none;}
	#hd #feature_filter li.active h3{
		opacity: 1;
		color:#ffffff;
	}
	#hd #feature_content {
		padding-bottom: 2%;
	}
	#hd #feature_content > h2{
		padding-top: 100px;
		text-align: center;
		margin-bottom: 50px;
	}
	#hd #feature_content > li{
		display: none;
	}
	#hd #feature_content > li.active{
		display: flex;
		justify-content: center;
		-webkit-animation: fadeInUp .5s ease forwards;
		-o-animation: fadeInUp .5s ease forwards;
		animation: fadeInUp .5s ease forwards;
	}
	#hd #feature_content > li .content{
		padding:50px 0 50px 50px;
		max-width: 600px;
	}
	#hd #feature_content > li figure {
		display: flex;
		align-items: center;
	}
	#hd #feature_content .icon_set p{margin-bottom: 0;}
	#hd #sub_feature_content {
		padding-bottom: 4%;
	}
	#hd #sub_feature_content h3{
		text-transform: initial;
	}
	#hd #sub_feature_content > li{
		display: none;
	}
	#hd #sub_feature_content > li.active{
		display: flex;
		justify-content: center;
		-webkit-animation: fadeInUp .5s ease forwards;
		-o-animation: fadeInUp .5s ease forwards;
		animation: fadeInUp .5s ease forwards;
	}
	#hd #sub_feature_content > li .content{
		padding:50px 0 50px 5%;
		max-width: 600px;
	}
	#hd #sub_feature_content > li figure {
		display: flex;
		align-items: center;
		max-width: 600px;
	}
	#hd #sub_feature_content .icon_set p{margin-bottom: 0;}
	#hd #sub_feature_filter {
		margin: 0 auto;
		margin-bottom: 50px;
	}
	#hd #sub_feature_filter > li {
		position: relative;
		cursor: pointer;
	}
	#hd #sub_feature_filter > .content_creation,
	#hd #feature_content > .content_creation,
	#hd #sub_feature_filter > .content_3,
	#hd #feature_content > .content_3,
	#hd #sub_feature_filter > .content_4,
	#hd #feature_content > .content_4
	{
		display: none;
	}
	#hd #sub_feature_filter > li .border {
		content: '';
		/* border-bottom: 1px solid #cd000d; */
		/* 背景為淺色時border-bottom: 1px solid #676666; */
    width: 100%;
    position: absolute;
    left: 2px;
		opacity: .8;
	}
	#hd #sub_feature_filter > li.active .border {
		content: '';
    /* border-bottom: 5px solid #cd000d; */
		/* 背景為淺色時border-bottom: 5px solid #333334; */
    width: 100%;
    position: absolute;
    left: 0;
    transform: translateY(-2px);
	}
	#hd #sub_feature_filter > li > h4 {
		opacity: .8;
	}
	#hd #sub_feature_filter > li.active > h4 {
		opacity: 1;
	}
	#hd #sub_feature_filter > li:hover h4 {
		opacity: 1;
	}
	#hd #sub_feature_filter > li.changed > h4 {
		color: black;
	}
	/* image slider */
	#hd .feature_img {
		display: flex;
		align-items: center;
		max-width: 600px;
	}
	#hd .feature_img .owl-nav{
		width: 100%;
		height: 80px;
		position: absolute;
		top: 0;bottom: 0;
		margin:auto 0;
		pointer-events: none;
		opacity: 0;
	}
	#hd .feature_img:hover .owl-nav{
		opacity: 1;
	}
	#hd .feature_img .owl-prev,
	#hd .feature_img .owl-next{
		width: 80px;
		height: 80px;
		background: url(../img/icon/arrow-r.png) 0 0 no-repeat;
		background-size: contain;
		pointer-events: all;
		position: absolute;
		opacity: .8;
	}
	#hd .feature_img .owl-prev, #feature_img .owl-next{
		display: none !important;
	}
	#hd .feature_img .owl-prev:hover,
	#hd .feature_img .owl-next:hover{opacity: 1;}

	#hd .feature_img .owl-dots{
		text-align: center;
		position: absolute;
		bottom: 0;
		left: 0;right: 0;
		margin:0 auto;
	}
	#hd .feature_img .owl-dot{
		display: inline-block;
		vertical-align: top;
		width: 10px;
		height: 10px;
		border-radius: 6px;
		margin:20px 5px;
		border:1px solid #fafafa;
	}
	#hd .feature_img .owl-dot:hover{
		background: rgba(255,255,255,.5);
	}
	#hd .feature_img .owl-dot.active{
		background: #fafafa;
	}
/* ------------ HOTDEALS ----------- */
	#hd #hot_deals {
		overflow: hidden;
	}
	#hd .hot_deals_title {
		margin: 100px 0 50px 0;
	}
	#hd .hd-sec-hot-deals {
		display: flex;
		justify-content: center;
		margin: 0 auto;
		max-width: 1200px;
	}
	#hd .two_item {
		justify-content: space-between;
	}

  	#hd #hd-sec-hot-deals li {
		display: flex;
		justify-content: center;
		margin-bottom: 100px;
	}
	#hd #hd-sec-hot-deals .li_third {
		flex-direction: column;
		align-items: center;
	}
	#hd #hd-sec-hot-deals li .shop {
		width: 500px;
		height: 500px;
	}
	#hd #hd-sec-hot-deals li .shop_sec
	{
		width: 330px;
		height: 330px;
	}
	#hd #hd-sec-hot-deals li .shop_third
	{
		width: 350px;
		height: 350px;
	}
	#hd #hd-sec-hot-deals li .right_space {
		background: #1b1b1b;
	}
	#hd #hd-sec-hot-deals li .right_space_third {
		width: 350px;
	}
	#hd #hd-sec-hot-deals li .logo {
		width: 500px;
		height: 120px;
		background: #1b1b1b;
	}
	#hd #hd-sec-hot-deals li .logo_sec {
		width: 250px;
		height: 60px;
	}
	#hd #hd-sec-hot-deals li .logo_third
	{
		width: 350px;
		height: 84px;
	}
	#hd #hd-sec-hot-deals .text {
		padding-top: 31%;
    padding-left: 20%;
	}
	#hd #hd-sec-hot-deals .text_sec {
    padding-top: 38%;
    padding-left: 20%;
	}
	#hd #hd-sec-hot-deals .text_third {
		text-align: center;
		padding: 0;
	}
	#hd #hd-sec-hot-deals .text_third h3 {
		margin-top: 20px;
	}
	#hd #hd-sec-hot-deals .text_third h3,
	#hd #hd-sec-hot-deals .text_third h4
	{
		text-align: left;
		padding-left: 20px;
	}
	#hd #hd-sec-hot-deals .text .link {
		color: #ff2424;
		opacity: 1;
		display: flex;
		align-items: center;
	}
	#hd #hd-sec-hot-deals .text .link img {
		width: 12px;
		height: 12px;
		margin: 0;
		padding-left: 5px;
		filter: brightness(1.5);
	}
	#hd #hd-sec-hot-deals .text .link:hover {
		opacity: 1;
		color: #fff;
	}
		#hd #hd-sec-hot-deals .text .link:hover img {
			filter: grayscale(1) brightness(5);
		}
	#hd-sec-hot-deals .owl-nav{
		width: 100%;
		height: 80px;
		position: absolute;
		top: 0;bottom: 0;left: 0;
		margin:auto 0;
		pointer-events: none;
		opacity: 1;
	}
	#hd-sec-hot-deals .owl-prev,
	#hd-sec-hot-deals .owl-next{
		width: 80px;
		height: 80px;
		background: url(../img/icon/arrow-large.svg) 0 0 no-repeat;
		background-size: contain;
		pointer-events: all;
		position: absolute;
		opacity: .8;
	}
	#hd-sec-hot-deals .owl-prev{
		left: -9%;
		-webkit-transform: scaleX(-1);
		   -moz-transform: scaleX(-1);
		    -ms-transform: scaleX(-1);
		     -o-transform: scaleX(-1);
		        transform: scaleX(-1);
	}
	#hd-sec-hot-deals .owl-next{
		right: -9%;
	}
	#hd-sec-hot-deals .disabled{
		display: none !important;
	}
	#hd-sec-hot-deals .owl-prev:hover,
	#hd-sec-hot-deals .owl-next:hover{opacity: 1;}
	#hd #hot_deals .btn {
		display: flex;
		justify-content: center;
		padding-bottom: 100px;
	}
/* ------------ PBA Build Gallery ----------- */
	#hd #pba_build_gallery #pba_content {
		max-width: 1200px;
	}
	#hd #pba_build_gallery {
		background: white;
		overflow: hidden;
	}
	#hd #pba_build_gallery h2,
	#hd #pba_build_gallery h3,
	#hd #pba_build_gallery p {
		color: black;
	}
	#hd #pba_build_gallery h3,
	#hd #pba_build_gallery p {
		padding-left: 15%;
	}
	#hd #pba_build_gallery .text_two_item {
		padding-left: 0%;
		text-align: center;
	}
	#hd #pba_build_gallery h2 {
		text-align: center;
		padding: 100px 0 100px 0;
	}
	#hd #pba_build_gallery .pba_content {
		margin: 0 auto;
		padding-bottom: 50px;
	}
	#hd #pba_build_gallery .content_two_item {
		display: flex;
		justify-content: space-between;
	}
	#hd #pba_build_gallery .content_third_item {
		max-width: none !important;
	}
	#hd #pba_build_gallery .pba_content .item {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#hd #pba_build_gallery .pba_content .two_item {
		display: inline-block;
		width: 50%;
		margin-right: 10px;
		max-width: 580px;
	}
	#hd #pba_build_gallery .pba_content .third_item {
		width: 100%;
		margin: 0;
		padding-right: 20px;
		max-width: none;
	}
	#hd #pba_build_gallery .video {
		width: 580px;
	}
	#hd #pba_build_gallery .two_item .video {
    width: 100%;
	}
	#hd #pba_build_gallery .video,
	#hd #pba_build_gallery .text {
		display: inline-block;
	}
	#hd #pba_build_gallery .textbox_two_item {
		display: block;
		width: 100%;
	}
	#hd #pba_build_gallery figure{
		background-repeat: no-repeat;
    	background-size: cover;
    	width: 100%;
    	padding-bottom: calc(56% - 2px);
    	margin-bottom: 20px;
    	border: 1px solid rgba(255,255,255,.2);
    	cursor: pointer;
    	position: relative;
	}
	#hd #pba_build_gallery figure:hover:before{opacity: 1;}
	#hd #pba_build_gallery figure:before{
		content:'';
		display: block;
		width: 15%;
		height: 0;
		padding-bottom: 15%;
		background: url(../img/icon/video_icon.png) center center no-repeat;
		background-size: contain;
		opacity: .8;
		position: absolute;
		top: 0;right: 0;bottom: 0;left: 0;
		margin:auto;
	}
	#pba_build_gallery .owl-nav{
    width: 120%;
    height: 80px;
    position: absolute;
    top: 15%;
    left: 50%;
    margin: auto 0;
    pointer-events: none;
    opacity: 1;
    transform: translateX(-50%);
	}
	#pba_build_gallery .owl-prev,
	#pba_build_gallery .owl-next{
		width: 80px;
		height: 80px;
		background: url(../img/icon/arrow-large.svg) 0 0 no-repeat;
		background-size: contain;
		pointer-events: all;
		position: absolute;
		opacity: .8;
	}
	#pba_build_gallery .disabled{
		display: none !important;
	}
	#pba_build_gallery .owl-prev{
		left: 0px;
		-webkit-transform: scaleX(-1);
		   -moz-transform: scaleX(-1);
		    -ms-transform: scaleX(-1);
		     -o-transform: scaleX(-1);
		        transform: scaleX(-1);
	}
	#pba_build_gallery .owl-next{
		right: 20px;
	}
	#pba_build_gallery .owl-prev:hover,
	#pba_build_gallery .owl-next:hover{opacity: 1;}
	#hd #pba_build_gallery .btn {
		display: flex;
		justify-content: center;
		padding-bottom: 50px;
	}
/* ------------ PRODUCT ----------- */
	#hd #product h2 {
		margin: 100px 0 100px 0;
	}
	#hd #product h3 {
		font-size: 21px;
		margin-bottom: 30px;
	}
	#hd .hd-sec-product{
		display: flex;
		flex-wrap: wrap;
	}
	#hd .hd-sec-product .pbox{
		border:1px solid #333;
		position: relative;
	}
	#hd .hd-sec-product .pbox:hover{border-color: #cc0000; }
	#hd .hd-sec-product .pbox .content{
		width: 100%;
		max-height: 100%;
		padding:40px 20px;
		position: relative;
		z-index: 2;
	}
	#hd .hd-sec-product .pbox h4{
		padding:10px 0;
		margin-bottom: 25px;
		position: relative;
	}
	#hd .hd-sec-product .pbox p{margin-bottom: 0; }

	#hd .hd-sec-product figure{
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;left: 0;
		background: right top no-repeat;
		background-size: auto 100%;
	}
	#hd .hd-sec-product .pbox .scrollbox{
		height: 100%;
		overflow-y: auto;
	}
	#hd .hd-sec-product .pbox .scrollbox::-webkit-scrollbar {width: 2px; }
	#hd .hd-sec-product .pbox .scrollbox::-webkit-scrollbar-thumb {background-color: #cc0000; }
	#hd .hd-sec-product .pbox .scrollbox::-webkit-scrollbar-track {background-color: #333; }
	/* ------------ COL50 ---------- */
		#hd .hd-sec-product .pbox.hd-col50{height: 21vw; }
		#hd .hd-sec-product .pbox.hd-col50 .content{
			width: 50%;
			height: 100%;
			float: left;
		}
		#hd .hd-sec-product .pbox.hd-col50 h3:after{
			content:'';
			display: block;
			width: 100px;
			height: 4px;
			background: #7f0b11;
			position: absolute;
			transform: translateY(12px);
		}
		#hd .hd-sec-product .pbox.hd-col50 .scrollbox{height: calc(100% - 6.5em); }
	/* ------------ COL25 ---------- */
		#hd .hd-sec-product .pbox.hd-col25{height: 21vw; }
		#hd .hd-sec-product .pbox.hd-col25 figure{background-position: center center; }
		#hd .hd-sec-product .pbox.hd-col25 .content{
			padding:20px;
			background: rgba(0,0,0,.6);
			position: absolute;
			bottom: 0;
			left: 0;
		}
		#hd .hd-sec-product .pbox.hd-col25 .content h4{
			margin-bottom: 0;
			min-height: 4.75em;
		}
		#hd .hd-sec-product .pbox.hd-col25 .content p{display: none; }
		#hd .hd-sec-product .pbox.hd-col25:hover .content{height: 100%; }
		#hd .hd-sec-product .pbox.hd-col25:hover .content h4{margin-bottom: 25px; }
		#hd .hd-sec-product .pbox.hd-col25:hover .content p{
			display: block;
			animation: fadeInUp .5s ease forwards;
		}
/* ------------ LOCAL PROGRAM ------------ */
		#hd #local_program {
			background: white;
			overflow: hidden;
		}
		#hd #local_program h2,
		#hd #local_program h4
		{
			color: black;
		}
		#hd #local_program h2 {
			padding: 100px 0 100px 0;
		}
		#hd #local_program h4 {
			margin-bottom: 30px;
		}
		#hd #local_program .local h4 {
			padding-left: 25%;
		}
		#hd #local_program .hd-sec-local {
			padding-bottom: 100px;
		}
		#hd #local_filter {
			margin: 0 auto;
			margin-bottom: 50px;
		}
		#hd .local {
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			margin: 0 auto;
		}
		#hd #local_filter > li {
			position: relative;
			cursor: pointer;
		}
		#hd #local_filter > .content_creation,
		#hd #feature_content > .content_creation,
		#hd #feature_content > .content_3,
		#hd #feature_content > .content_4
		{
			display: none;
		}
		#hd #local_filter > li::after {
			content: '';
			border-bottom: 1px solid #cd000d;
			width: 100%;
			position: absolute;
			left: 0px;
			transform: translateY(-1.5px);
		}
		#hd #local_filter > li > h4 {
			opacity: .8;
		}
		#hd #local_filter > li.active > h4 {
			opacity: 1;
		}
		#hd #local_filter > li:hover h4 {
			opacity: 1;
		}
		#hd #local_filter > li.changed::after {
			content: '';
			border-bottom: 1px solid #cd000d;
			width: 100%;
			position: absolute;
			left: 2px;
		}
		#hd #local_filter > li.active.changed:after { 
			content: '';
			border-bottom: 5px solid #cd000d;
			width: 100%;
			position: absolute;
			left: 0;
			transform: translateY(-2px);
		}		
		#hd #local_filter > li.active::after {
			content: '';
			border-bottom: 5px solid #cd000d;
			width: 100%;
			position: absolute;
			left: 0;
			transform: translateY(-3px);
		}
		#hd .local {
			display: none;
		}
		#hd .local.active {
			display: flex;
			-webkit-animation: fadeInUp .5s ease forwards;
			-o-animation: fadeInUp .5s ease forwards;
			animation: fadeInUp .5s ease forwards;	
		}
		#hd .local > li h4 {
			opacity: .8;
		}
		#hd .local > li h4:hover {
			opacity: 1;
		}
/* ------------ FOOTER ------------ */
	#hd footer{
		padding:50px 0;
		background: #1a1a1a;
		text-align: center;
	}
	#hd #footer_logo{
		display: inline-block;
		width: 150px;
		margin-bottom: 20px;
	}
	#hd footer .footer-li-lang {
		display:flex;
		justify-content: space-around;
	}
	#hd footer ul {
		margin-bottom: 10px;
		margin-right: 15px;
	}
	#hd footer li{display: inline-block; }
	#hd footer li a{
		letter-spacing: 1px;
		font-weight: 300;
		padding:0 15px 0 10px;
		color:#A3a3a3;
		position: relative;
	}
	#hd footer li a:after{
		content: "";
		display: block;
		height: 70%;
		width: 1px;
		background-color: white;
		position: absolute;
		top: 3px;
		right: 1px;
	}
	#hd footer li a:hover{color:white; }
	#hd footer li p{
		font-size: .9em;
		margin-left: 10px;
		color:#a3a3a3;
		margin-bottom: 0;
	}
	#hd footer small{
		font-size: 12px;
		font-weight: 400;
		margin-bottom: 10px;
		color:#a3a3a3;
	}
/* ---------- ANIMATION ------ */
	@keyframes showNav{
		from{
			-webkit-transform: translateY(-100%);
			   -moz-transform: translateY(-100%);
			    -ms-transform: translateY(-100%);
			     -o-transform: translateY(-100%);
			        transform: translateY(-100%);
		}
		to{
			-webkit-transform: translateY(0);
			   -moz-transform: translateY(0);
			    -ms-transform: translateY(0);
			     -o-transform: translateY(0);
			        transform: translateY(0);
		}
	}
	@keyframes fadeInUp{
		from{
			opacity: 0;
			-webkit-transform: translateY(10%);
			   -moz-transform: translateY(10%);
			    -ms-transform: translateY(10%);
			     -o-transform: translateY(10%);
			        transform: translateY(10%);
		}
		to{
			opacity: 1;
			-webkit-transform: translateY(0);
			   -moz-transform: translateY(0);
			    -ms-transform: translateY(0);
			     -o-transform: translateY(0);
			        transform: translateY(0);
		}
	}
/* ---------- pba-PRODUCT ------ */
	#hd .PBA-product,
	#hd .pba-figure,
    #hd .pba-video{
		padding: 150px 0;
	}
	/* #hd .PBA-product #form1 {
		display: flex;
	} */
	#hd .hdau_left,
	#hd .hdau_right {
    	width: 20%;
    	display: inline-block;
    	vertical-align: top;
	}
	#hd .hdau_right {
    	width: 85%;
    	margin-left: -10px;
    	margin-bottom: 10px;
    	padding-left: 25px;
    	box-sizing: border-box;
	}
	#hd .PBA-product h4{
		font-weight: 600;
	}
	#hd .container {
	  display: block;
	  position: relative;
	  padding-left: 35px;
	  margin-bottom: 12px;
	  cursor: pointer;
	  font-size: 16px;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  color: #fff;
	}
	#hd .product-list{
		border-top: 1px solid rgba(255,255,255,.3);
		margin: 25px 0;
	}
	#hd .hdau_left h4{
	  margin-bottom: 10px;
	}

	/* Hide the browser's default checkbox */
	#hd .container input {
	  position: absolute;
	  opacity: 0;
	  cursor: pointer;
	  height: 0;
	  width: 0;
	}

	/* Create a custom checkbox */
	#hd .checkmark {
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 25px;
	  width: 25px;
	  /*background-color: #eee;*/
	  border: 1px solid #c00;
	}

	/* On mouse-over, add a grey background color */
	#hd .container:hover input ~ .checkmark {
	  background-color: #ff00006b;
	}

	/* When the checkbox is checked, add a blue background */
	#hd .container input:checked ~ .checkmark {
	  background-color: #c00;
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	#hd .checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
	}

	/* Show the checkmark when checked */
	#hd .container input:checked ~ .checkmark:after {
	  display: block;
	}

	/* Style the checkmark/indicator */
	#hd .container .checkmark:after {
	  left: 8px;
	  top: 3px;
	  width: 5px;
	  height: 10px;
	  border: solid white;
	  border-width: 0 3px 3px 0;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	#hd .custom-select {
	  float: right;
	  position: relative;
	  margin-right: 10px;
	}

	#hd .custom-select select {
	  display: none; /*hide original SELECT element: */
	}

	#hd .select-selected {
	  background-color: #c00;
	}

	/* Style the arrow inside the select element: */
	#hd .select-selected:after {
	  position: absolute;
	  content: "";
	  top: 14px;
	  right: 10px;
	  width: 0;
	  height: 0;
	  border: 6px solid transparent;
	  border-color: #fff transparent transparent transparent;
	}

	/* Point the arrow upwards when the select box is open (active): */
	#hd .select-selected.select-arrow-active:after {
	  border-color: transparent transparent #fff transparent;
	  top: 7px;
	}

	/* style the items (options), including the selected item: */
	#hd .select-items div,
	#hd .select-selected {
	  color: #ffffff;
	  padding: 8px 16px;
	  border: 1px solid transparent;
	  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	  cursor: pointer;
	}

	/* Style items (options): */
	#hd .select-items {
	  position: absolute;
	  background-color: #e91e1e;
	  top: 100%;
	  left: 0;
	  right: 0;
	  z-index: 99;
	  display: none;
	}
	#hd .select-items li{padding:10px 15px;}

	/* Hide the items when the select box is closed: */
	#hd .select-hide {
	  display: none;
	}

	#hd .select-items div:hover,
	#hd .same-as-selected {
	  background-color: rgba(0, 0, 0, 0.1);
	}

	#hd .retail-list{
		display: flex;
		flex-wrap:wrap;
		float: left;
		list-style-type: none;
	    width: 100%;
	    max-width: 1720px;
	    padding: 0;
	    text-align: center;
	    margin-bottom: 25px;
	}
	#hd .retail-list li{
		width: 33.3333%;
		padding:10px;
	    float: left;
	    display: none;
	}
	#hd .retail-list li.active,
	#hd .retail-list li.allactive{
		display: block;
	}
	#hd .retail-list li .item{
		padding: 10px;
	    border: 1px solid rgba(255,255,255,.2);
	}
	#hd .retail-list li .addr,
	#hd .retail-list li .tel{
		display: block;
	    margin:5px auto;
	    padding-left: 35px;
	    position: relative;
	    opacity: .9;
	}
	#hd .retail-list li a:hover .addr,
	#hd .retail-list li a:hover .tel{
		opacity: 1;
	}
	#hd .retail-list li .addr:before,
	#hd .retail-list li .tel:before{
		content:'';
		display: block;
		width: 20px;
		height: 20px;
		background: url(../img/icon/icon-map.png) 0 0 no-repeat;
		background-size: contain;
		position: absolute;
		top: -1px;
		left: 5px;
	}
	#hd .retail-list li .tel:before{
		background-image: url(../img/icon/icon-telephone.png);
	}
	#hd .retail-list li .btn-primary{
		width: 100%;
		margin-top: 10px;
	}

	#hd .retail-list .retailer {
    	width: 250px;
    	height: 60px;
    	margin-bottom: 5px;
    	/*background-color: #fff;*/
	}
	#hd .retail-list .product {
    	width: 250px;
    	height: 250px;
    	cursor: pointer;
	}
	#hd .retail-list .spec{
		width: 100%;
		font-size: 14px;
	}
	#hd .retail-list .spec th,
	#hd .retail-list .spec td{
		padding:3px 0;
		text-align: left;
		vertical-align: top;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	#hd .retail-list .spec th{
		color:#c00;
		font-weight: bold;
		padding-right: 10px;
		word-break: break-all;
	}
	#hd .retail-list .spec td{
		width: 60%;
	}
	#hd .retail-list .spec tr:nth-child(n+4){
		display: none;
	}
	#hd .retail-list .spec.active tr:nth-child(n+4){
		display: table-row;
	}
	#hd .retail-list .trigger-spec{
		text-align: right;
		padding-right: 5px;
	}
	#hd .retail-list .trigger-spec a{
		display: inline-block;
		vertical-align: middle;
		font-size: 14px;
		margin-top: 5px;
		position: relative;
		cursor:pointer;
		opacity: .6;
	}
	#hd .retail-list .trigger-spec a:after{
		content:'';
		display: inline-block;
		vertical-align: middle;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 4px 0 4px;
		border-color: #fafafa transparent transparent transparent;
		margin-left: 5px;
		-webkit-transition: transform .25s ease;
		   -moz-transition: transform .25s ease;
		    -ms-transition: transform .25s ease;
		     -o-transition: transform .25s ease;
		        transition: transform .25s ease;
	}
	#hd .retail-list .trigger-spec:hover a{
		opacity: 1;
	}
	#hd .retail-list .trigger-spec .on{
		display: none;
	}
	#hd .retail-list .active + .trigger-spec .off{
		display: none;
	}
	#hd .retail-list .active + .trigger-spec .on{
		display: inline-block;
	}
	#hd .retail-list .active + .trigger-spec a:after{
		-webkit-transform: rotate(-180deg);
		   -moz-transform: rotate(-180deg);
		    -ms-transform: rotate(-180deg);
		     -o-transform: rotate(-180deg);
		        transform: rotate(-180deg);
	}
	/*#hd .trigger-product{
		display: block;
		position: relative;
	}
	#hd .trigger-product:after{
		content:'i';
		display: block;
		width: 20px;
		height: 20px;
		line-height: 20px;
		border-radius: 12px;
		text-align: center;
		border:2px solid rgba(255,255,255,.8);
		position: absolute;
		top: 10px;
		right: 10px;
		opacity: 0;
		-webkit-transition: opacity .25s ease;
		   -moz-transition: opacity .25s ease;
		    -ms-transition: opacity .25s ease;
		     -o-transition: opacity .25s ease;
		        transition: opacity .25s ease;
	}
	#hd .trigger-product:hover:after{
		opacity: 1;
	}*/
	#hd .grasp{
		text-align: center;
	}
	#hd .grasp button{
		display: inline-block;
	    border-radius: 4px;
	    background-color: transparent;
	    border: 2px solid red;
	    outline:none;
	    color: red;
	    text-align: center;
	    padding: 10px;
	    width: 150px;
	    transition: all .5s;
	    cursor: pointer;
	    margin: 0 auto;
	    font-size: 1rem;
	}
	#hd .grasp button span {
    	cursor: pointer;
    	display: inline-block;
    	position: relative;
    	transition: .5s;
	}
	#hd .grasp button span:after {
	    content: '\00bb';
	    position: absolute;
	    opacity: 0;
	    top: 0;
	    right: -20px;
	    transition: .5s;
	    color: red;
	}
	#hd .grasp button:hover span{
		padding-right: 25px;
	}
	#hd .grasp button:hover span:after {
    	opacity: 1;
    	right: 0;
	}
/* ---------- pba-figure ------ */
	#hd .pba-figure ul{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	    max-width: 1720px;
	    padding: 0;
	}
	#hd .pba-figure li{
		padding: 10px 10px 40px;
	    width: 33.3333%;
	    float: left;
	}
	#hd .pba-figure figure{
		background-repeat: no-repeat;
    	background-size: cover;
    	width: 100%;
    	padding-bottom: calc(50% - 2px);
    	margin-bottom: 20px;
    	border: 1px solid rgba(255,255,255,.2);
    	-webkit-transition: all .15s ease-in;
		-moz-transition: all .15s ease-in;
		-ms-transition: all .15s ease-in;
		-o-transition: all .15s ease-in;
		transition: all .15s ease-in;
	}
	#hd .pba-figure figure:hover {
		border: 1px solid #c00;
	}
	#hd .pba-figure h3{
		font-size: 20px;
		min-height: 1.5em;
		margin:10px 0;
		text-transform: none;
	}
	#hd .pba-figure small{
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 10px 0;
		min-height: 2.5em;
		color: #b1b1b1;
	}
	#hd .pba-figure small img {
		margin: 0;
		padding-right: 5px;
	}
/* ---------- pba-video ------ */
	#hd .pba-video ul{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	    max-width: 1720px;
	    padding: 0;
	    text-align: left;
	}
	#hd .pba-video li{
		padding:10px 10px 40px;
	    width: 50%;
	    height: auto;
	    text-align: center;
	    float: left;
	}
	#hd .pba-video figure{
		background-repeat: no-repeat;
    	background-size: cover;
    	width: 100%;
    	padding-bottom: calc(56% - 2px);
    	margin-bottom: 20px;
    	border: 1px solid rgba(255,255,255,.2);
    	cursor: pointer;
    	position: relative;
	}
	#hd .pba-video figure:before{
		content:'';
		display: block;
		width: 15%;
		height: 0;
		padding-bottom: 15%;
		background: url(../img/icon/video_icon.png) center center no-repeat;
		background-size: contain;
		opacity: .8;
		position: absolute;
		top: 0;right: 0;bottom: 0;left: 0;
		margin:auto;
	}
	#hd .pba-video figure:hover:before{opacity: 1;}
	#hd .pba-video h3{
		margin:10px 0 0;
		font-size: 20px;
	}
	#hd .pba-video p{
		margin:0 0 10px;
		min-height: 2.875em;
	}
	#hd .pba-video .viedo-play{
		position: relative;
	}
/*-----------LIGHTBOX--------*/
	#hd .lightBox {
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    z-index: 100;
	    /*overflow-y: scroll;*/
	    display: none;
	}
	#hd .lightBox .bg {
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background-color: rgba(0, 0, 0, 0.5);
	}
	#hd .lightBox .box {
	    position: relative;
	    width: 90%;
	    max-width: 1100px;
	    min-height: 70vh;
	    max-height: 90vh;
	    background-color: #000000;
	    border: 1px solid rgba(255,0,0,.5);
		color: #fff;
	    margin: 10vh auto;
	    position: relative;
	    cursor: default;
	    display: none;
	}
	#hd .lightBox .box.spec_box {
		display: block;
		max-width: 600px;
		min-height: 60vh;
		overflow-y: auto;
	}
	#hd .lightBox .box.spec_box h2 {
		font-size: 2em;
		margin-bottom: 30px;
	}
	#hd .lightBox .box .closeBox {
		position: absolute;
	    top: 0;
	    right: 0;
	    color: #ff0000;
	    font-size: 2em;
	    padding: 0 .25em;
	    opacity: .8;
	    cursor: pointer;
	    z-index: 2;
	    color: #c00;
		font-family: "Xolonium",'Roboto','Segoe UI', 'Noto Sans TC', sans-serif;
	    -webkit-transition: all .25s ease;
	       -moz-transition: all .25s ease;
	        -ms-transition: all .25s ease;
	         -o-transition: all .25s ease;
	            transition: all .25s ease;
	}
	#hd .lightBox .box .closeBox:hover{
		opacity: 1;
	}
	#hd .lightBox .box h5{
		padding: 13px 10px;
		background-color: #f6f6f6;
		font-size: 1.3rem;
		font-weight: 500;
	}
	#hd .lightBox .box_content{
		padding: 30px;
	}
	#hd .lightBox ul li{
		position: relative;
		padding: 5px 0;
		list-style:none;
		color: #fff;
		opacity: .8;
		-webkit-transition: all 0s ease;
	       -moz-transition: all 0s ease;
	        -ms-transition: all 0s ease;
	         -o-transition: all 0s ease;
	            transition: all 0s ease;
	}
	#hd .lightBox ul li:hover{
		opacity: 1;
	}
	#hd .lightBox ul li:before {
	    content: '';
	    display: block;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 4px 0 4px 10px;
	    border-color: transparent transparent transparent #ff0000;
	    position: absolute;
	    left: 0;
	    top: 1px;
	    bottom: 0;
	    margin: auto 0;
	}
	#hd .lightBox ul li a{
		padding-left: 45px;
		text-decoration: none;
		color: #fff;
		font-family: "Roboto", sans-serif, "cwtexhei", "微軟正黑體";
	}
	#hd .lightBox #full_video{
		width: 100%;
    	height: 65vh;
	}

	#hd .lightBox #spec_list{
		width: 100%;
		border-collapse: collapse;
	}
	#hd .lightBox #spec_list th,
	#hd .lightBox #spec_list td{
		padding:10px;
		border:1px solid #666666;
		text-align: left;
	}
	#hd .lightBox #spec_list th{
		font-weight: bold;
		color:#c00;
	}
	/* for testing */
	#hd #hot_deals .test_2 {
		display: none;
	}
	#hd #hot_deals .test_3 {
		display: none;
	}
	/* for testing */
	#hd #pba_build_gallery .test_2 {
		display: none !important;
	}
	#hd #pba_build_gallery .test_3 {
		display: none !important;
	}


	#hd_hamburger {
		position: relative;
		z-index: 99;
	}


#hd .tag-swiper {
	position: relative;
	overflow: hidden;
	min-height: 80px;
	margin-bottom: 20px;
}
.tag-swiper .swiper-slide,
.tab-header-swiper .swiper-slide {
	text-align: center;
	font-size: 30px;
}

.prev-btn:not(.swiper-button-lock), .next-btn:not(.swiper-button-lock)  {
	position: absolute;
	z-index: 1;
	border: none;
	top: 50%;
	transform: translateY(-50%);
}

.tag-next, .tag-prev {
	
	position: absolute;
	opacity: 1 !important;
	display: block;
	z-index: 1;
	border: none;
	top: 11%;
}
.tag-next {
	right: 31%;
}
.tag-prev {
	left: 31%;
	transform: scale(-1);
		
}
.prev-btn:not(.swiper-button-lock) {
	transform: scaleX(-1) translateY(-50%);
}

.swiper-slide-duplicate-prev, .swiper-slide-duplicate-next {
	color: rgba(255, 255, 255, 0.5);
}

#hd .tag-swiper .swiper-slide,
#hd .tab-header-swiper .swiper-slide {

	padding: 0px 30px;

}
@media screen and (max-width: 1000px) {
	#hd .tag-swiper .swiper-slide,
	#hd .tab-header-swiper .swiper-slide {
		font-size: 26px;
		padding: 0px 20px;
		line-height: 1.2;
	}
}
@media screen and (max-width: 500px) {
	#hd .tag-prev {
			left: 0;
		}
	
		#hd .tag-next {
			right: 0;
		}
	
		#hd .tag-swiper,
		#hd .tab-header-swiper {
			min-height: 50px;
		}
						#hd .tag-swiper .swiper-slide,
						#hd .tab-header-swiper .swiper-slide {
							font-size: 26px;
							padding: 0px 50px
						}
}


.feature-pic {
	width: 100%;
}
#hd .hd-sec-intro .content .arial-font {
	font-family: Arial, sans-serif !important;
}
#hd .arial-font {
	font-family: Arial, sans-serif !important;
}

#hd .hd-sec-intro .content .mrp-light {
	font-family: MRP-L, sans-serif !important;
}
#hd .mrp-light {
	font-family: MRP-L, sans-serif !important;
}
#hd .mrp-regular {
	font-family: MRP-R, sans-serif !important;
}
#introduce .learn-more-button .btn .mrp-regular {
	font-family: MRP-R, sans-serif !important;
}
#hd #introduce .introduce-title.mrp-regular {
	font-family: MRP-R, sans-serif !important;
}