/* Default Main Styles */

	html, body {
		width:100%;
		height:100%;
		padding:0;
		margin-left:0;
		margin-right:0;
		margin-top:0;
		font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	}



/*///////////// ±‚¡∏ ∏fi¥∫ ///////////////////*/


#header {width:100%; margin: auto 0; position:fixed; z-index:99; text-align:center; border-bottom:2px solid #6cacd2; padding-top:21px; background-color:#fff; height:62px; }

#header .box {margin: 0 auto; max-width:1440px;}
#header .box .logo { float:left; display:block; width:50%; text-align:left; overflow: }
#header .box .logo .pointe {background: url('/images/Pointe_logo.svg?20190916') center no-repeat; background-size: cover; width:350px;height:60px; margin: -8px 0 10px -45px; }

#header .box .explore { float:right; display:block; width: 120px; text-align:right; font-size:18pt; font-weight:500; margin:8px 0 0 0; cursor:pointer;}
#header .box .explore {color:#333333;}
#header .box .explore:hover {color:#959595;}


#header .box .explores { float:right; display:block; width: 30px; text-align:right; font-size:20pt; font-weight:100; margin:7px 0px 0 0; cursor:pointer;}
#header .box .explores {color:#333333;}
#header .box .explores:hover {color:#333;}

#header .box .wholesearach {float:right;display:block;width: 150px;}

#header .box .wholesearach .search span {color:#333333; font-weight:800; font-size:10pt;}
#header .box .wholesearach .searched {border: 1px solid #ccc; width:135px; margin-top:11px;}
#header .box .wholesearach .searched .realsearch {width:100px; color:#333333; padding-left:10px; font-family:system-ui; }
#header .box .wholesearach .searchbox {margin-top: 2px;overflow: hidden; }
#header .box .wholesearach input {border:0px;}
#header .box .wholesearach .schbtn {width:13px; cursor:pointer; margin:2px 3px -2px 0; opacity: 0.5;}


@media (max-width: 1439px) {

	#header .box {margin: 0 auto; width:1100px;}

}

@media (max-width: 1099px) {

	#header .box {margin: 0 auto; width:900px; }

}

@media (max-width: 899px) {

	#header .box {margin: 0 auto; width:700px; }
}

@media (max-width: 699px) {

	#header .box {margin: 0 auto; width:94%; display: none;} /* ±‚¡∏ ∏fi¥∫¥¬ º˚±‰¥Ÿ */
	#header .box .wholesearach {display: none; }

}




#footer {width:100%; margin: auto 0; background-color:#ffffff; padding-top:20px;}
#footer .box {margin: 0 auto; max-width:1440px; }
#footer .box .copyright { float:right; display:block; width: 500px; text-align:right; font-size:9pt; font-weight:normal; margin:10px 0px 15px 0; color:#999;}
#footer .box .copyright a {color:#aaa;}
#footer .box .copyright a:hover {color:#666666;}

#footer .box .corporate { float:right; display:block; width: 100px; text-align:center; font-size:8pt; font-weight:normal; margin:10px 0 15px 15px; color:#999; border: 1px solid #ccc; }
#footer .box .corporate a {color:#aaa; display:block; width:100px; padding-bottom:3px;}
#footer .box .corporate a:hover {color:#666;}


.break {clear:both;}
.space {margin:20px;}
.empty {height:78px;}

/* MAIN FULLDOWN MENU 2018-10-03 */
  ul.main{
        padding: 0;
        list-style: none;
        margin: 0;
    }
    ul.main li{
        display: inline-block;
        position: relative;
        line-height: 21px;
        text-align: left;
    }
    ul.main li a{
        display: block;
        padding: 10px;
        background-color:#fff;
        color: #333;
        text-decoration: none;
    }
    ul.main li a:hover{
        color: #fff;
    }
    ul.main li ul.dropdown{
        min-width: 100%; /* Set width of the dropdown */
        display: none;
        position: absolute;
        z-index: 999;
        left: 135px;
        top:0px;
    }
    ul.main li:hover ul.dropdown{
        display: block; /* Display the dropdown */
    }
    ul.main li ul.dropdown li{
        display: block;
    }
    ul.main li a {color:#333; display:block; text-align:center; border:1px solid #999; width:150px; font-size:12pt; font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-weight:500; }
	ul.main li a:hover {color:#fff; border:1px solid #59b4e5; background-color:#59b4e5;}
	
	ul.main li ul.dropdown li a {margin-bottom:3px;color:#333; display:block; text-align:center; border:1px solid #999; width:100px; font-size:9pt; font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-weight:500; }
	ul.main li ul.dropdown li a:hover {color:#fff; border:1px solid #59b4e5; background-color:#59b4e5;}
.grace {margin-bottom:15px;}



@media (max-width: 1439px) {
	
	#contact .box {margin: 0 auto; max-width:1100px; }
	#aaddress .box {margin: 0 auto; max-width:1100px; font-size:9pt;margin-top:50px;line-height:15pt; color:#999;}
	#footer .box {margin: 0 auto; width:1100px;}

}

@media (max-width: 1099px) {

	#contact .box {margin: 0 auto; max-width:900px; }
	#aaddress .box {margin: 0 auto; max-width:900px; font-size:9pt;margin-top:50px;line-height:15pt; color:#999;}
	#footer .box {margin: 0 auto; width:900px;}

}

@media (max-width: 899px) {

	#contact .box {margin: 0 auto; max-width:700px; }
	#aaddress .box {margin: 0 auto; max-width:700px; font-size:9pt;margin-top:50px;line-height:15pt; color:#999;}
	#footer .box {margin: 0 auto; width:700px;}
}

@media (max-width: 699px) {

	#contact .box {margin: 0 auto; max-width:94%; }
	#aaddress .box {margin: 0 auto; max-width:94%; font-size:12pt;margin-top:30px;line-height:17pt; color:#999;}
	#aaddress .box span {display:block;}
	#footer .box {margin: 0 auto; width:94%;}

}



/*////////////////// CONTENT CONTROL /////////////////////////////////////////*/


#about {margin: 0 auto; width:100%; }
#about .title { width:100%; margin:30px 0 100px 0;}
#about .title .head_txt {margin: 0 auto; width:1440px; padding:10px 0; letter-spacing:0px; font-size:18pt; color:#333; font-weight: 400; }
#about .title .timeline { width:100%; height: 700px; background: url('../img/about_main.jpg') top center no-repeat; background-size: cover;}
#about .title .blackbox { position:relative; top: 480px; left:23px; background-color: #000; width: 1425px; margin: 0 auto; color:#ffffff; text-align:center; padding: 20px 0; }
#about .title .blackbox h2 {font-weight: 300; font-size: 22pt; margin: 0 0 20px 0;}
#about .title .blackbox ul {list-style: none; margin: 0; padding: 0; font-size: 11pt;}
#about .title .blackbox ul li {width: 24%; display: inline-block; vertical-align: top; height: 200px;}
#about .title .blackbox ul li p {margin: 13px;}
#about .title .blackbox ul li.vline {border-right: 1px solid #fff;}
#about .title .blackbox ul li .icons {width:100%; text-align:center;}
#about .title .blackbox ul li img { height: 60px; }

#about .box {margin: 0 auto; max-width:1440px; }
#about .box #arrowbtn {float: left; width: 50px; vertical-align: middle; margin-top: 200px;}
#about .box #arrowbtn button {border: 0px; font-size: 30pt; color:#ccc; line-height: 40pt; display: block;}
#about .box #arrowbtn button:hover {color:#999;}
#about .box #timebox {float: left; width: 1430px; overflow:hidden; height: 670px; background: url('../img/timeline-line.png') repeat-x; background-position: 50px 20px;}
#about .box #arrowbtn #moving {display: none; }
#about .box ul {list-style: none; margin: 0; padding: 0; width: 2040px; font-size: 9pt; overflow:hidden; margin-top:50px;}
#about .box ul li { float: right; width: 140px; margin: 15px; text-align:center;}
#about .box ul li img.timeimg {width:100%; display: block;}
#about .box ul li p {text-align:left;}
#about .box ol {list-style: none; margin: 0; padding: 0; width: 2040px; font-size: 9pt; overflow:hidden; color:#333;}
#about .box ol li {float: left; width: 240px;}
#about .box ol li.ml20 {margin-left: 10px;}
#about .box ol li.ml25 {margin-left: 22px;}
#about .box ol li.ml30 {margin-left: 265px;}
#about .box ol li.ml40 {width:100px; margin-left: 110px}


@media (max-width: 1439px) {
	
	#about .title .head_txt {margin: 0 auto; width:1100px;}
	#about .title .timeline { width:100%; height: 500px;}
	#about .title .blackbox { position:relative; top: 280px;left:23px; width:1050px;}
	#about .title .blackbox ul {font-size: 9pt;}
	#about .box {margin: 0 auto; max-width:1100px; }
	#about .box #timebox {float: left; width: 1050px;}

}

@media (max-width: 1099px) {

	#about .title .head_txt {margin: 0 auto; width:900px; }
	#about .title .timeline { width:100%; height: 400px;}
	#about .title .blackbox { position:relative; top: 180px; left:23px; width:850px;}
	#about .box {margin: 0 auto; max-width:900px; }
	#about .box #timebox {float: left; width: 850px;}

}

@media (max-width: 899px) {

	#about .title .head_txt {margin: 0 auto; width:700px;}
	#about .title .timeline { width:100%; height: 350px;}
	#about .title .blackbox { position:relative; top: 140px; left:23px; width:670px;}
	#about .box {margin: 0 auto; max-width:700px; }
	#about .box #timebox {float: left; width: 650px;}
}

@media (max-width: 699px) {

	#about .title .head_txt {margin: 0 auto; width:94%;}
	#about .title .timeline { width:100%; height: auto;}
	#about .title .blackbox { position:relative; top: 100px; left:0px; width: 94%;}
	#about .title .blackbox ul li {width: 49%; display: inline-block; vertical-align: top; height: auto;}
	#about .title .blackbox ul li.vline {border-right: 0px solid #fff;}
	#about .title .blackbox h2 {font-weight: 300; font-size: 14pt; margin: 0 0 20px 0;}
	#about .title .blackbox ul li p {margin: 20px;}

	
	#about .box {margin: 0 auto; width:94%; padding-top: 30px;}
	#about .box #arrowbtn {display: block; width: 100%; margin-top: 0px; text-align:center;} 
	#about .box #arrowbtn button {display: inline-block;}
	#about .box #timebox {display:block; width: 100%; overflow: scroll;}
	

}



/*//////////////////// filter //////////////////////*/


#filter { float:left; width:220px; margin-top:30px; font-size:12pt; letter-spacing:0px; line-height:20pt; }
#filter .filtertitle {font-size:11pt; color:#333333;}
#filter .left {display:block; width:210px; margin:1px 0 10px 0;}

#filter .boxes { float:left; padding: 2 5px 2 5px; display:block; width:92px; margin-right:5px; font-weight:500; font-family:system-ui; text-transform:uppercase;
		letter-spacing:-1px; text-align:center; color:#333333; cursor:pointer; border:1px solid #6cacd2; font-size:9pt;}
#filter .boxes:hover {background-color:#333333; color:#fff;}
#filter .selecting {background-color:#333333; color:#fff; width:90px;}

#filter .line {display:block; border:1px solid #6cacd2; width:190px; margin:10px 0 10px 0;}
#filter .choose a {display:block;}
#filter .choose ul {list-style-type:none; padding:0px; }
#filter .choose ul li { font-weight:800; }
#filter .choose ul li ul {list-style-type:none; padding-left:60px; }
#filter .choose ul li ul li { font-size:10pt; font-weight:500;}

#filter h4 {display:block; color:#333333; margin: 10px 0 0px 0; font-size:12pt; }
#filter h3 {display:block; color:#333333; margin: 0 0 10px 0; font-size:10pt; }
#filter .selected {display:block; border:1px solid #6cacd2; width:190px;}
#filter .selected ul {list-style-type:none; padding:0px;}
#filter .selected ul li { padding-left:30px; }
#filter .selected a {display:block;}
#filter .selected .clear-all {color:#333; font-weight:800;}
#filter .selected .minus {color:red; font-weight:800; font-size:9pt;}

#filter a {color:#999;}
#filter a:hover {color:#666;}
#filter .search span {color:#333333; font-weight:800; font-size:10pt;}
#filter .searched {border: 1px solid #999; width:189px; margin-top:10px;}
#filter .searched .realsearch {width:160px; color:#333333; padding-left:10px; font-family:system-ui; }
#filter .searchbox {margin-top: 2px;overflow: hidden; }
#filter input {border:0px;}
#filter .schbtn {width:13px; cursor:pointer; margin:2px 3px -2px 0; opacity: 0.5;}


#filter ul.search li ul.filters{display:none}

#filter .graffitifree_special {display:block}
#filter .graffitifree_special a {display:block; width:180px;margin-bottom:5px; padding:5px; border:1px solid #6cacd2; color:#213c5b; font-size:7pt; }
#filter .graffitifree_special a:hover {background-color:#333333; border:1px solid #6cacd2; color:#fff;transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;}

#filter .tekloombox {font-size:12pt; color: #898a8c; width:190px; line-height:15pt;}
#filter .tekloomimg {margin-top:20px;}

#filter .mobiletitle { display: none; }




/*//////////////////// Collection List //////////////////////*/




#collection {margin: 0 auto; width:100%; }

#collfil {margin: 0 auto; width:1440px;}

#thumb {float:left; margin: 0 auto; width:1260px; margin-top:30px;}
#thumb ul.itemlist {display:block; list-style-type:none; padding:0px; margin:0px;}
#thumb ul.itemlist li {display:block; float:left; width:255px; margin:0 0 40px 0; font-size:11pt;}
#thumb ul.itemlist li .thumslist {width:240px;}
#thumb ul.itemlist .five {width:240px;}
#thumb .keyword {float:right; width:50%; text-align: right; margin: 0 0 10px 0; font-size:11pt; color:#999;}
#thumb .pagelist {float:left; width:50%; margin: 0 0 10px 0; font-size:11pt; color:#333;}
#thumb a {color:#999;}
#thumb a:hover {color:#333333;}
#collfil .gfimg { margin: 0 auto; text-align:center; }
#collfil .gfimg img { width: 1440px; margin-top:20px; margin-bottom:-55px; }

#thumb ul.itemlist-three {display: none; }

.scrollToTop {
		width:120px;
		padding:10px;
		text-align:center;
		font-size:9pt;
		font-weight: normal;
		line-height:12pt;
		color: #999;
		text-decoration: none;
		position:fixed;
		bottom:100px;
		right:5px;
		display:none;

}
.scrollToTop:hover {
		text-decoration:none;
}

.totoptwo {display: none}

@media (max-width: 1439px) {

	#collfil {margin: 0 auto; width:1100px;}
	#thumb {float:left; margin: 0 auto; width:880px; margin-top:30px;}
	#thumb ul.itemlist li {display:block; float:left; width:178px; margin:0 0 33px 0; font-size:10pt;}
	#thumb ul.itemlist li .thumslist {width:165px;}
	#thumb ul.itemlist .five {width:165px;}
	#collfil .gfimg img { width: 1100px; }

}

@media (max-width: 1099px) {
	
	#collfil {margin: 0 auto; width:900px;}
	
	#thumb {float:left; margin: 0 auto; width:680px; margin-top:30px;}
	#thumb ul.itemlist {display: none; }
	
	#thumb ul.itemlist-three {display:block;  list-style-type:none; padding:0px; margin:0px;}
	#thumb ul.itemlist-three li {display:block; float:left; width:234px; margin:0 0 40px 0; font-size:11pt;}
	#thumb ul.itemlist-three li .thumslist {width:210px;}
	#thumb ul.itemlist-three .clear { display:none;}
	#thumb ul.itemlist-three .three {width:210px;}
	#collfil .gfimg img { width: 900px; }

}

@media (max-width: 899px) {

	#collfil {margin: 0 auto; width:700px;}
	
	#filter { float:left; width:210px;}
	
	#thumb {float:left; margin: 0 auto; width:490px; margin-top:30px;}
	
	#thumb ul.itemlist-three {display:block;  list-style-type:none; padding:0px; margin:0px;}
	#thumb ul.itemlist-three li {display:block; float:left; width:170px; margin:0 0 30px 0; font-size:9pt;}
	#thumb ul.itemlist-three li .thumslist {width:150px;}
	#thumb ul.itemlist-three .clear { display:none;}
	#thumb ul.itemlist-three .three {width:150px;}
	#collfil .gfimg img { width: 700px; }
	
}

@media (max-width: 699px) {

	#collfil {margin: 0 auto; width:94%;}
		
	#thumb {display:block; margin: 0 auto; width:100%; margin-top:30px;}
	#thumb ul.itemlist {display: none; }
	
	#thumb ul.itemlist-three {display:block;  list-style-type:none; padding:0px; margin:0px;}
	#thumb ul.itemlist-three li {display:block; float:left; width:48%; margin:0 0 30px 0; font-size:10pt;}
	#thumb ul.itemlist-three li .thumslist {width:100%;}
	#thumb ul.itemlist-three .clear { display:none;}
	#thumb ul.itemlist-three .three {width:48%;}
	#thumb ul.itemlist-three .two {width:48%; float:right;}
	#collfil .gfimg img { width: 100%; }
	
	#filter { display:block; width:100%; margin-top:20px; font-size:12pt; letter-spacing:0px; line-height:20pt; }
	#filter .filtertitle {font-size:15pt; color:#333333;}
	#filter .left {display:block; width:100%; margin:1px 0 10px 0;}

	#filter .boxes { padding:5px 0; display:block; width:100%; margin: 0 0 5px 0; font-weight:500; font-family:system-ui; text-transform:uppercase;
		letter-spacing:1px; text-align:center; color:#333333; cursor:pointer; border:1px solid #6cacd2; font-size:11pt;}
	#filter .boxes:hover {background-color:#333333; color:#fff;}
	#filter .selecting {background-color:#333333; color:#fff; width:100%;}

	#filter .line {display:block; border:1px solid #6cacd2; width:100%; margin:10px 0 10px 0;}
	#filter .choose a {display:block;}
	#filter .choose ul {list-style-type:none; padding:0px; }
	#filter .choose ul li { font-size:16pt; font-weight:800; line-height:23pt;}
	#filter .choose ul li ul {list-style-type:none; padding-left:0px; }
	#filter .choose ul li ul li { font-size:14pt; font-weight:300; line-height:23pt;}

	#filter h4 {display:block; color:#333333; margin: 10px 0 0px 0; font-size:14pt; font-weight:500; }
	#filter h3 {display:block; color:#333333; margin: 0 0 10px 0; font-size:10pt; }
	#filter .selected {display:block; border:1px solid #6cacd2; width:100%;}
	#filter .selected ul {list-style-type:none; padding:0px; margin: 5px 9px;}
	#filter .selected ul li { padding: 0px; display:inline-block; margin-right:10px; }
	#filter .selected a {display:inline-block;}
	#filter .selected .clear-all {color:#333; font-weight:800;}
	#filter .selected .minus {color:red; font-weight:800; font-size:9pt;}

	#filter a {color:#999;}
	#filter a:hover {color:#666;}
	#filter .search span {color:#333333; font-weight:800; font-size:10pt;}
	#filter .searched {border: 1px solid #999; width:189px; margin-top:10px;}
	#filter .searched .realsearch {width:auto; color:#333333; padding-left:10px; font-family:system-ui; }
	#filter .searchbox {margin-top: 2px;overflow: hidden; }
	#filter input {border:0px;}
	#filter .schbtn {width:13px; cursor:pointer; margin:2px 3px -2px 0; opacity: 0.5;}


	#filter ul.search li ul.filters{display:none}

	#filter .graffitifree_special {display:block}
	#filter .graffitifree_special a {display:block; width:auto;margin-bottom:5px; padding:5px; border:1px solid #6cacd2; color:#213c5b; font-size:10pt; }
	#filter .graffitifree_special a:hover {background-color:#333333; border:1px solid #6cacd2; color:#fff;transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;}
	
	#filter .tekloombox {width: 100%; font-size:14pt; color: #898a8c; line-height:18pt; text-align:justify;}
	#filter .tekloomimg { margin-top:-10px; }

	.scrollToTop{
		width:45px;
		padding:0px;
		text-align:center;
		font-size:30pt;
		font-weight: normal;
		line-height:12pt;
		color: #6cacd2;
		text-decoration: none;
		position:fixed;
		bottom:50px;
		right:10px;
		display:none;

	}
	.scrollToTop:hover{
		text-decoration:none;
	}
	
	.totoptwo {display: block;}
	.totopone {display: none;}


}

@media (max-width: 487px) {
	
	#thumb { margin-top: 10px; }
	#filter .filtertitle { display: none; }
	#filter .quicklink { display: none; }
	#filter .mobiletitle { display: block; width:100%; font-size:15pt; color:#333333;}
	#fauxleathersrc { margin-top:10px; }
	#textilessrc { margin-top:10px; }
	
	.mobiletitle .filname { display: block; width: 100%; text-align:left;   }
	.mobiletitle .filnames { display: block; width: 100%; text-align:left; }
	.mobiletitle .fa {color: #6cacd2; }
	

}


/*////////////////// /////////////////

			DETAIL PAGE 
			
/////////////////////////////////////*/


#detail {margin: 0 auto; width:100%; margin-top:140px;}
#detailbox {margin: 0 auto; width:1400px; margin-top:70px; color:#333333;}
/* master */
#detailbox .left {display:block;float:left; width:700px;}
#detailbox .left .master_image {display:block; float:left; width:660px;background-image: url('../web/images/coming.gif')}
#detailbox .left .basic_image {width:660px;}
#detailbox .left .basic_image_master {width:105px;}
#detailbox .left .master_thumb {display:block; float:left; width:105px;}
#detailbox .left .master_thumb .master_thumb_list {display:block; width:105px; margin-bottom:7px;}
#detailbox a {color:#999;}
#detailbox a:hover {color:#666;}

#detailbox .left .colorname {width:100%;float:left; letter-spacing:1px; font-size:14px;}

/* information */
#detailbox .right {display:block; float:right; width:700px; height:515px; letter-spacing:0px; font-size:10pt; line-height:19pt; }
#detailbox .right h2 {display:block; width:400px; font-family:system-ui; margin:-5px 0 4px 0;font-size:15pt;}
#detailbox .right .category_name {color:#000; text-transform: uppercase; }
#detailbox .right .item_name {color:#333333; margin-top:-6px;}
#detailbox strong {color:#333;font-weight:500;}
#detailbox .chps a:link{color:#333333;}
#detailbox .chps a:visited{color:#333333;}
#detailbox .chps a:hover{color:#666;}
#detailbox .chps a:active{color:#333333;}
#detailbox .pointe_img {float:right; width:700px;}
#detailbox .pointe_img .additional {width:135px;}
#detailbox .pointe_img .active {font-size:10pt; display:block; width:480px;}
#detailbox .first {width:390px;float:left;}
#detailbox .second {width:90px;float:right;}

#detail .resources { width: 100%; display: block; font-size:10pt; font-family:system-ui; line-height:24px;  margin-bottom:50px;}
#detail .resources h3 {display:block; font-size: 11pt;}
#detail .resources a:hover {opacity: 0.5;}
#detail .resources a {display:block; width: 100%; }
#detail .resources img {width:17px; margin-right:5px;}

.concer {border-top:1px solid #eee; margin-top:25px;}

#pdf_down .specsheet {display:block; background: url('../images/common/pdf_spec.png') no-repeat; width:70px; height:29px; padding:2px 0 0 33px; float:left; margin-right:5px;}
#pdf_down .specsheet:hover {opacity: 0.5;}
#pdf_down .health {display:block; background: url('https://www.concertex.com/web/images/common/pdf_health.png') no-repeat; width:170px; height:29px; padding:2px 0 0 33px; float:left; color:#999;}
#pdf_down .health:hover {opacity: 0.5;}
#pdf_down .install {display:block; background: url('../images/common/pdf_install.png') no-repeat; width:60px; height:29px; padding:2px 0 0 33px; float:left;}
#pdf_down .install:hover {opacity: 0.5;}
#pdf_down .warranty {display:block; background: url('../images/common/pdf_warranty.png') no-repeat; width:60px; height:27px; padding:2px 0 0 33px; float:left;}
#pdf_down .warranty:hover {opacity: 0.5;}

#pdf_down .nature {display:block; width:108px; height:37px; margin:-4px 0 0 15px; float:left;}

#detailbox .additional {margin-top:10px;line-height:12pt;}
#detailbox .button-area {margin-top:20px;}
#detailbox .button-area .large-detail-button {width:85px;}


.large-detail-button,a.large-detail-button{
	display:inline-block; color:#fff;
	vertical-align:middle;text-align:center;text-decoration:none;border:1px solid #ccc;
	-webkit-appearance:none;
	-webkit-font-smoothing:antialiased;font:12px/12px "system-ui",Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:0.15em;
	-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;width:150px;padding:14px 0 14px 0;background:#fff;color:#fff;border:1px solid #ccc;
	}
	input[type="submit"].large-detail-button:hover,a.large-detail-button:hover{cursor:pointer}
	input[type="submit"].large-detail-button:hover,a.large-detail-button:hover{background:#ffffff; color:#333;}
.large-detail-button:link {color:#333;}
.large-detail-button:visited {color:#333;}


#overlay{position:fixed;top:0;width:100%;height:100%;z-index:100;background:transparent url(../images/assets/search.png);font:normal 14px/18px "GillSandBoldRegular",Helvetica,Arial,sans-serif;display:none}
#overlay .close-overlay{position:absolute;z-index:5;top:-12px;right:-12px;width:29px;height:29px;text-indent:-9999px;overflow:hidden;background:transparent url(../images/assets/search_260w.png) no-repeat 0 0}
#overlay #overlay-content{position:fixed;top:50%;left:50%;margin-top:-125px;margin-left:-125px;display:block;z-index:2;padding:24px;background:#FFF;color:#000;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px}
#overlay #overlay-content label{color:#000;display:inline;font:16px/21px "GillSandBoldRegular",Helvetica,Arial,sans-serif}
#overlay #overlay-content p{font-size:16px}
#overlay #overlay-content input[type="text"]{width:30px;text-align:center;text-indent:0}
#overlay #overlay-content input[type="submit"]{margin-top:16px}
#overlay #fragment-content{text-align:center;margin:auto}
#overlay #fragment-content .cart-item{width:250px;min-height:150px;padding:50px 0}
#overlay #fragment-content .cart-item .action-text{padding:0 12px}
#overlay #fragment-content .cart-item p.holiday-message{color:#FF0000;margin-top:28px;margin-bottom:0}
#overlay #fragment-content .success{height:39px;font:normal 36px "unicons",Helvetica,Arial,sans-serif;speak:none;-webkit-font-smoothing:antialiased;margin-bottom:10px}
.color_option input {font-family:"system-ui",Helvetica,Arial,sans-serif;}
.color_option select {font-family:"system-ui",Helvetica,Arial,sans-serif;}
.color_option label {font-family:"system-ui",Helvetica,Arial,sans-serif;}

.nature { display:block; width:136px; height:50px; background: url('../images/common/icon_nature.gif') no-repeat; margin-top:10px;}
.back_btn {float:right;margin-top:0px; letter-spacing:1px; font-size:10pt;}



/* color list */
#thumb_color {width:750px; margin-top:0px;}
#thumb_color ul li {display:block; float:left; width:150px; margin:0 0 20px 0; font-size:7pt;}
#thumb_color ul li .thumslist {width:120px;}
#thumb_color h2 {margin: 0 0 20px 0;}

/*///////////////////// thumb change ////////////////////////*/

/*.product-preview{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);border-radius:100px; margin-top:50px;}*/
.product-preview{margin-top:50px; margin-bottom:50px;}
.product-preview img{width:423px;height:auto}
.product-preview__thumb{display:block; float:left; width:123px;float:left;font-size:8pt; color:#333; margin-bottom:30px;}
/*.product-preview__thumb img{width:85px; border:2px solid #fff;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}*/
.product-preview__thumb img{width:105px;}
.tenth {width:85px;}
.product-preview__thumb img:hover { border:0px solid #666; opacity: 0.5;  }


#detailbottom {display: none; }


@media (max-width: 1440px) {

#detailbox {margin: 0 auto; width:1100px; margin-top:50px;}
/* master */
#detailbox .left {display:block;float:left; width:520px;}
#detailbox .left .master_image {display:block; float:left; width:520px;background-image: url('../web/images/coming.gif')}
#detailbox .left .basic_image {width:520px;}
#detailbox .left .basic_image_master {width:105px;}
#detailbox .left .master_thumb {display:block; float:left; width:105px;}
#detailbox .left .master_thumb .master_thumb_list {display:block; width:105px; margin-bottom:7px;}
#detailbox a {color:#999;}
#detailbox a:hover {color:#666;}

#detailbox .left .colorname {width:100%;float:left; letter-spacing:1px;}

/* information */
#detailbox .right {display:block; float:right; width:540px; height:390px; letter-spacing:0px; font-size:10pt; line-height:16pt; }
#detailbox .right h2 {display:block; width:300px; font-family:system-ui; margin:-5px 0 4px 0;font-size:15pt;}
#detailbox .right .category_name {color:#000; text-transform: uppercase; }
#detailbox .right .item_name {color:#333333;}
#detailbox strong {color:#333;font-weight:500;}
#detailbox .chps a:link{color:#333333;}
#detailbox .chps a:visited{color:#333333;}
#detailbox .chps a:hover{color:#666;}
#detailbox .chps a:active{color:#333333;}
#detailbox .pointe_img {float:right; width:540px;}
#detailbox .pointe_img .additional {width:120px;}
#detailbox .pointe_img .active {font-size:10pt; display:block; width:380px;}
#detailbox .first {width:290px;float:left;}
#detailbox .second {width:90px;float:right;}


/*///////////////////// thumb change ////////////////////////*/
#thumb_list {width:1100px; margin-top:0px; margin: 0 auto;}
.product-preview{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);border-radius:2px; margin-top:50px;}
/*.product-preview img{width:423px;height:auto}*/
.product-preview__thumb{ display:inline-block; width:118px; font-family: system-ui; font-size:8pt; color:#000; margin-bottom:30px; text-align:left;}
.product-preview__thumb img{width:100px; border:0px solid #fff;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}
.product-preview__thumb img:hover,.product-preview__thumb.active img{border:0px; }
.tenth {width:120px;}
.product-preview__thumb img:hover { border:0px solid #666; opacity: 0.5; }

#detailbottom {display: none;}

}


@media (max-width: 1099px) {


#detailbox {margin: 0 auto; width:900px; margin-top:50px;}
/* master */
#detailbox .left {display:block;float:left; width:400px;}
#detailbox .left .master_image {display:block; float:left; width:400px;background-image: url('../web/images/coming.gif')}
#detailbox .left .basic_image {width:400px;}
#detailbox .left .basic_image_master {width:105px;}
#detailbox .left .master_thumb {display:block; float:left; width:105px;}
#detailbox .left .master_thumb .master_thumb_list {display:block; width:105px; margin-bottom:7px;}
#detailbox a {color:#999;}
#detailbox a:hover {color:#666;}

#detailbox .left .colorname {width:100%;float:left; letter-spacing:1px;}

/* information */
#detailbox .right {display:block; float:right; width:470px; height:355px; letter-spacing:0px; font-size:10pt; line-height:16pt; }
#detailbox .right h2 {display:block; width:300px; font-family:system-ui; margin:-5px 0 4px 0;font-size:15pt;}
#detailbox .right .category_name {color:#000; text-transform: uppercase; }
#detailbox .right .item_name {color:#333333;}
#detailbox strong {color:#333;font-weight:500;}
#detailbox .chps a:link{color:#333333;}
#detailbox .chps a:visited{color:#333333;}
#detailbox .chps a:hover{color:#666;}
#detailbox .chps a:active{color:#333333;}
#detailbox .pointe_img {display: block; width:100%; margin-top:20px; height: auto; margin-bottom:-40px;}
#detailbox .pointe_img .additional {width:100px;}
#detailbox .pointe_img .active {font-size:10pt; display:block; width:280px;}
#detailbox .first {width:500px;float:left;}
#detailbox .second {width:90px;float:right;}


/*///////////////////// thumb change ////////////////////////*/
#thumb_list {width:900px; margin-top:0px; margin: 0 auto;}
.product-preview{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);border-radius:2px; margin-top:50px;}
/*.product-preview img{width:423px;height:auto}*/
.product-preview__thumb{ display:inline-block; width:124px; font-family: system-ui; font-size:8pt; color:#000; margin-bottom:30px; text-align:left;}
.product-preview__thumb img{width:115px; border:0px solid #fff;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}
.product-preview__thumb img:hover,.product-preview__thumb.active img{border:0px; }
.tenth {width:124px;}
.product-preview__thumb img:hover { border:0px solid #666; opacity: 0.5; }

#detailbottom {display: none;}

}

@media (max-width: 989px) {

#detailbox {margin: 0 auto; width:700px; margin-top:50px;}
/* master */
#detailbox .left {display:block; width:700px;}
#detailbox .left .master_image {display:block; width:700px;background-image: url('../web/images/coming.gif')}
#detailbox .left .basic_image {width:700px;}
#detailbox .left .basic_image_master {width:105px;}
#detailbox .left .master_thumb {display:block; width:105px;}
#detailbox .left .master_thumb .master_thumb_list {display:block; width:105px; margin-bottom:7px;}
#detailbox a {color:#999;}
#detailbox a:hover {color:#333333;}

#detailbox .left .colorname {width:300px;float:left; letter-spacing:1px;}

/* information */
#detailbox .right {display:block; width:100%; height:auto; letter-spacing:0px; font-size:11pt; line-height:18pt; margin-top:50px;}
#detailbox .right h2 {display:block; width:100%; font-family:system-ui; margin:-5px 0 4px 0;font-size:17pt;}
#detailbox .right .category_name {color:#000; text-transform: uppercase; }
#detailbox .right .item_name {color:#333333;}
#detailbox strong {color:#333;font-weight:500;}
#detailbox .chps a:link{color:#333333;}
#detailbox .chps a:visited{color:#333333;}
#detailbox .chps a:hover{color:#666;}
#detailbox .chps a:active{color:#333333;}
#detailbox .pointe_img {display: block; width:100%; }
#detailbox .pointe_img .additional {width:120px;}
#detailbox .pointe_img .active {font-size:10pt; display:block; width:280px;}
#detailbox .first {width:100%;display: block;}
#detailbox .second {width:90px;float:right;}

#detail .resources { width: 100%; display: block; font-size:12pt; font-family:system-ui; line-height:24px;  margin-bottom:50px;}
#detail .resources h3 {display:block; font-size: 14pt;}


/*///////////////////// thumb change ////////////////////////*/
#thumb_list {width:700px; margin-top:0px; margin: 0 auto; }
.product-preview{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);border-radius:2px; margin-top:50px;}
/*.product-preview img{width:423px;height:auto}*/
.product-preview__thumb{ display:inline-block; width:136px; font-family: 'GillSansMT'; font-size:8pt; color:#000; margin-bottom:30px; text-align:left;}
.product-preview__thumb img{width:120px; border:0px solid #fff;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}
.product-preview__thumb img:hover,.product-preview__thumb.active img{border:0px; }
.tenth {width:136px;}
.product-preview__thumb img:hover { border:0px solid #666; opacity: 0.5; }

#detailbottom {display: none;}

}

@media (max-width: 699px) {



#detailbox {margin: 0 auto; width:94%; margin-top:20px;}
/* master */
#detailbox .left {display:block; width:100%;}
#detailbox .left .master_image {display:block; width:100%;background-image: url('../web/images/coming.gif')}
#detailbox .left .basic_image {width:100%;}
#detailbox .left .basic_image_master {width:105px;}
#detailbox .left .master_thumb {display:block; width:105px;}
#detailbox .left .master_thumb .master_thumb_list {display:block; width:105px; margin-bottom:7px;}
#detailbox a {color:#999;}
#detailbox a:hover {color:#666;}

#detailbox .left .colorname {width:300px;float:left; letter-spacing:1px;}

/* information */
#detailbox .right {display:block; width:100%; height:43px; letter-spacing:0px; font-size:9pt; line-height:15pt; margin-top:20px; overflow: hidden;}
#detailbox .right h2 {display:block; width:auto; font-family:system-ui; margin:0px;font-size:15pt;}
#detailbox .right .category_name {color:#000; text-transform: uppercase; font-size:11pt;}
#detailbox .right .item_name {color:#333333;}
#detailbox strong {color:#333;font-weight:500;}
#detailbox .chps a:link{color:#333333;}
#detailbox .chps a:visited{color:#333333;}
#detailbox .chps a:hover{color:#666;}
#detailbox .chps a:active{color:#333333;}
#detailbox .pointe_img {display: none; width:100%; }
#detailbox .pointe_img .additional {width:120px;}
#detailbox .pointe_img .active {font-size:10pt; display:block; width:280px;}
#detailbox .first {width:100%;display: block;}
#detailbox .second {width:90px;float:right;}

#detail .resources { width: 100%; display: block; font-size:12pt; font-family:system-ui; line-height:24px; margin-top:30px; }
#detail .resources h3 {display:block; font-size: 15pt; }


/*///////////////////// thumb change ////////////////////////*/
#thumb_list {width:100%; margin: 0 auto; }
.product-preview{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);border-radius:2px; margin-top:20px;}
/*.product-preview img{width:423px;height:auto}*/
.product-preview__thumb { display:inline-block; width:20%; font-family: system-ui; font-size:10pt; color:#000; margin-bottom:-10px; text-align:left;}
.product-preview__thumb img{width:92%; border:0px solid #fff;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}
.product-preview__thumb img:hover,.product-preview__thumb.active img{border:0px; }
.tenth {width:20%;}
.product-preview__thumb img:hover { border:0px solid #666; opacity: 0.5; }
.thum-name {display: none;}
#thumb_list .margin-100 {display: none;}

/* mobile use information */
#detailbottom {display:block; width:93%; color:#000; margin: 0 auto; padding-top:25px;}
#detailbottom .right {display:block; width:100%; height: auto; margin-top:0px; letter-spacing:0px; font-size:14px; line-height:16pt; color:#000000; text-align:left; word-wrap:break-word;}
#detailbottom strong {color:#333;font-weight:500;}
#detailbottom .chps a:link{color:#b3d465;}
#detailbottom .chps a:visited{color:#b3d465;}
#detailbottom .chps a:hover{color:#666;}
#detailbottom .chps a:active{color:#b3d465;}

#detailbottom .pointe_img {display:block; width:100%;}
#detailbottom .pointe_img .additional {width:75px;}
#detailbottom .pointe_img .active {font-size:10pt; display:block; width:100%;}
#detailbottom .right .first {width:100%;display:block; text-align:left; margin-top: 0px;}
#detailbottom .right .first img {width:100%;}
#detailbottom .additional {margin:20px 0 20px 0; font-size:10pt; line-height:13pt; width:100%; text-align:justify;}

.spacecon {display:block; height:100px;}

.concer {border-top:1px solid #eee; margin-top:0px;}

}