body {
    margin:0px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
	font-family: Poppins;
    line-height: 1.6;
	overflow-x:hidden;
	}
 h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5 {
    font-family: Poppins;
    font-weight: 300 !important;
	font-size:16px;
    line-height: 1.1;
    color: #000;
    text-transform: uppercase;
}
.vc_grid-item .vc_grid-item-mini .vc_gitem-zone .vc_gitem-zone-mini .vc_gitem_row .vc_gitem-col .vc_custom_heading h1,
.vc_grid-item .vc_grid-item-mini .vc_gitem-zone .vc_gitem-zone-mini .vc_gitem_row .vc_gitem-col .vc_custom_heading h2,
.vc_grid-item .vc_grid-item-mini .vc_gitem-zone .vc_gitem-zone-mini .vc_gitem_row .vc_gitem-col .vc_custom_heading h3,
.vc_grid-item .vc_grid-item-mini .vc_gitem-zone .vc_gitem-zone-mini .vc_gitem_row .vc_gitem-col .vc_custom_heading h4,
.vc_grid-item .vc_grid-item-mini .vc_gitem-zone .vc_gitem-zone-mini .vc_gitem_row .vc_gitem-col .vc_custom_heading h5,
.vc_grid-item .vc_grid-item-mini .vc_gitem-zone .vc_gitem-zone-mini .vc_gitem_row .vc_gitem-col .vc_custom_heading h6 {
    font-size: 16px;
	overflow: hidden;
    display: block;
    height: 18px;
}
.vc_gitem-animated-block {height:135px;}
.cert-detail .vc_gitem-animated-block {height:auto !important;box-shadow:5px 5px 10px #333;}
#pbr-cert img {max-width:500px;}
a {
    text-decoration:none !important;
    color:#333;
	font-weight:400;
}	
.page-top {
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 10px;
    position: fixed;
    z-index: 99;
    top: 0px;
	left:0px;
    width: 102%;
	background:rgba(255,255,255,0.6);
}
/*
新的頭部
*/
.page-top-s2 {
    background: rgba(255,255,255,0.3);
    min-height: 61px;
    z-index: 23;
    position: fixed;
    margin-left: 0px;
    top: 0px;
    width: 100%;
transition: all .6s ease 0s;	
}
.toptitle {
margin: 10px;
padding: 5px 20px;
border: 1px solid #333;
font-size: 18px;
font-weight: 700;
cursor:pointer;
width:160px;
}
.toptitle:hover {
border:1px solid #E06B11;
color:#E06B11;	
}
.vertic-menu {
background: rgb(239, 239, 239); width: 280px; height: 540px; visibility: hidden;
position:absolute;top:100%;left:0px;opacity:0.7;
}
.vertic-menus {
background:rgba(0,0,0,0);
position: absolute;
top: 100%;
width:280px;
left: 0;
visibility: hidden;
background: 0 0;
padding: 0;
z-index: 999;	
}
.menu-left-category.hover .vertic-menu,.menu-left-category.hover .vertic-menus {visibility:visible;}
.vertic-menus>.nav>li {
    display: block;
    float: none;
	padding:7px 20px;
	text-align:left;
	position:unset;
}
.vertic-menus>.nav>li>a {
text-transform: none;
    color: #333;
    display: block;
    line-height: 31px;
    padding: 0;
    position: relative;
font-weight: 800;	
font-size: 15px;
white-space:nowrap;
}
.vertic-menus>.nav>li>a i {
    color: #333;
    font-size: 15px;
    margin-right: 10px;
    width: 25px;
}
.vertic-menus .nav {float:none;box-shadow: 0 6px 12px rgba(0,0,0,.3);}
.vertic-menus>.nav>li:hover {background:#E06B11;}
.vertic-menus>.nav>li:hover a ,.vertic-menus>.nav>li:hover a i {color:#fff;background:rgba(0,0,0,0);}
.vertic-menus>.nav>li .dropdown-menu {
min-width:700px;transform: none;left: 110% ;top: 0;padding: 0;background: #fff;
position: absolute;
    opacity: 0;
    display: block;
    right: 0;
	top:0;
box-shadow: 0 0 4px 0 rgba(0,0,0,.11);
transition: all .2s ease-in-out 0s;
}
.vertic-menus>.nav>li:hover  .dropdown-menu {
opacity:1;
display:block;	
left:100%;
}
.vertic-menus>.nav>li  .dropdown-menu  a {color:#333;}
.thematic:hover + #secondary>li:nth-child(3)>.dropdown-menu {
    display: block;
    position: absolute;
    left: 100%;
    top: 0px;
    background: rgba(234,234,234,.9);
    z-index: 99;
}
.pbr-category-filter .category-filter-content ul {
    margin-bottom: 0;
    margin-left:-16px;
}
.vertical-menu .dropdown-menu ul {
    padding: 0;
    list-style: none;
    border-right: 0;
}
.vc_col-sm-3 {
    width: 25%;
	float:left;
}
.upb_video_class, .wpb_column, .wpb_row {
    position: relative;
}	
.search_container {border-radius:50px;width:40px;overflow:hidden;border:1px solid #333;text-align:center;position:absolute;transition: all .95s;margin-top:10px;margin-left:220px;z-index:9999;height:40px;left:0px;background:#FFF; }
.navbar-mega  {float:right;width:100%;}
.navbar-mega .navbar-nav>.aligned-fullwidth {
    position: static!important;
}
.navbar-mega .navbar-nav {float:right}
.navbar-mega .navbar-nav>li {
    margin-top: 0;
    padding: 20px 10px;
	line-height:21px;
}
.navbar-mega .navbar-nav>li:last-child {padding:20px 0px;}
.navbar-mega .navbar-nav>li:first-child a {
    border: none;
}
.navbar-mega .navbar-nav>li>a {
    font-family: poppins,sans-serif;
    position: relative;
    color: #000;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
	background:transparent;
    font-weight: 900;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    font-size: 15px;
}
.navbar-mega-light .navbar-mega .navbar-nav>li>a, .navbar-mega-light .navbar-mega .navbar-nav>li>a .caret {
    color: #333;
}
.carets {display:block !important;margin-top:28px;margin-right:10px;}
.mobile-left-menu .open .dropdown-menu {
    position: unset !important;
    box-shadow: unset !important;
    border: unset;
    width: calc(100% + 30px);
    border-radius: 0px !important;
    margin-left: -30px;
}
.mobile-left-menu .open .dropdown-menu li {
min-height: 30px;
padding-left:25px;
}
.navbar-mega .navbar-nav>li>a .caret {
    color: #222;
    border-width: 3px;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}
.caret {
    display: none;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.navbar-mega .navbar-nav>li>a:before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    width: 16px;
    height: 2px;
    background: #f60;
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}
.navbar-mega .navbar-nav>li:hover>a:before {
color:#E06B11;
opacity:1;
}
.navbar-mega .navbar-nav>li  .dropdown-menu {
    color: rgb(255, 255, 255);
    z-index: 1001;
    top: 35px;
    margin-left: -147px;
    width: 120%;
    padding: 45px;
	text-align:left;
    background: transparent;
    display: none;
    opacity: 1;
    visibility: visible;
    box-shadow:none !important;
	border:none;
}
.mega_film {
    width: 243px;
    height: 137px;
    overflow: hidden;
}
.navbar-mega .navbar-nav>li:hover .dropdown-menu {
color: rgb(255, 255, 255); z-index: 1001; top: 55px; margin-left: -147px; width: 120%; padding: 30px; background: transparent; opacity: 1; visibility: visible;	
display:block
}
.navbar-mega .navbar-nav>li  .dropdown-menu  a {color:#fff;}
.navbar-mega .navbar-nav>li  .dropdown-menu  a  .fa{opacity:0;}
.navbar-mega .navbar-nav>li  .dropdown-menu  a:hover  .fa{opacity:1;}
.coms {
    border-left: 1px solid #f90;
    height: 300px;
}
.coma {
    margin-left: -5px;
}
.backzz {
position:fixed;
width:100%;
min-height: 370px;
opacity: 0;
z-index: -1;
top: 75px;
background: rgb(255, 102, 0);
display: none;	
}
.backzz.active {
z-index:99;
display:block;	
opacity:1;
}
.top-logo {position:absolute;z-index:1000;left:calc(50% - 81px);top:10px;}
.top-logo .s2 {display:none;}
.top-logo.active .s1 {display:none;}
.top-logo.active .s2 {display:block;}
.lang_sell {position:absolute;z-index:9000;left:calc(50% + 90px);top:75%;}
.lang_sell .fa-caret-up {display:none;}
.lang_sell.active  .fa-caret-up {display:inline-block;}
.lang_sell.active  .fa-caret-down{display:none;}
.langcontent {
	display: none;
	position: fixed;
	width: 100%;
	z-index: 99;
	backgroung: transparent;
	padding-top: 22px;
	top: 52px;
	text-align: center;
}
.langcontentin {
	background: url('https://igp.com.hk/igp2016z/wp-content/uploads/2016/backarea.jpg');
	height: 430px;
}
.langcontentinner {
	width: 100%;
	height: auto;
	margin: auto;
	max-width: 756px;
	background-size: cover;
	background: url('https://igp.com.hk/igp2016z/wp-content/uploads/2016/160624_IGP-MAP_1a-02.jpg');
}
.langcontentinner .area {
	float: left;
	width: 14.285%;
	background: url('https://igp.com.hk/igp2016z/wp-content/uploads/2016/160624_IGP-MAP_2a-02.jpg');
	tex-align: center;
}
.langcontentinner .area span {
	position: absolute;
	bottom: 30px;
	font-size: 10pt;
	text-align: center;
	display: block;
	font-weight: 700;
	color: #333;
}
.ship_l {
	height: 68px;
	width: 97px;
	position: absolute;
	z-index: 9992;
	background: url('https://igp.com.hk/igp2016z/wp-content/uploads/2016/SHIP-02.png');
	bottom: 10px;
}
.forlang {
	width: 100%;
	position: absolute;
	max-width: 800px;
	z-index: 9993;
	height: 150px;
	padding-top: 30px;
}
.forlang ul {
	float: left;
	width: 22%;
	margin: 2px;
	list-style: none;
	padding: 0px;
	height: 56px;
}
.forlang ul li {
	display: block;
	width: 100%;
	height: 24px;
	line-height: 24px;
	text-align: left;
	cursor: pointer;
}
.forlang ul li img {float:left;margin-left:10px;}
.forlang ul li a {color:#333;}
.forlang ul li:hover,.forlang ul li:hover a {
	color: #E06B11;
}
.zes {
	width: 30%;
}
.navbar {margin-bottom:0px;}
@media (max-width: 900px) {
	.langcontent {
		display: none;
		position: fixed;
		width: 100%;
		z-index: 9991;
		backgroung: transparent;
		padding-top: 0px;
		margin-top: 40px;
		text-align: center;
	}
	.lang_sell {
		padding-bottom: 20px;
	}
	.langcontentin {
		background: rgb(245, 245, 245);
		height: auto;
		overflow: hidden;
	}
	.langcontent {
		display: none;
	}
	.langcontentinner .area {
		float: left;
		width: 48%;
		background: rgb(245, 245, 245);
		tex-align: center;
	}
	.forlang ul {
		float: left;
		width: 48%;
		margin: 2px;
		list-style: none;
		padding: 0px;
		height: 56px;
	}
	.ship_l {
		display: none;
	}
	.zes {
		width: 50%;
	}
}
.search_container .search_button {line-height:40px;width:40px;display:inline-block;cursor:pointer;}
.search_container input {width:0px;border:0px;display:none;transition: all .95s}
.search_container.active {width:285px;overflow:hidden;border-radius:5px;box-shadow:none;border:1px solid #ccc;background:#FFF;    left: -250px;}
.search_container.active input {line-height:30px;padding:5px;width:240px;display:inline-block;}
.page-top .right ul,.page-top .navx ul {list-style:none;}
.page-top .right a {color:#333;font-size:14px;}
.page-top .right ul li {    display: inline-block;
    margin: 10px;
    margin-top: -10px;
    padding-top: 15px;
    min-width: 100px;
    text-align: center;
    border-top: 4px solid #FFF;}
.page-top .right ul li:hover {border-top:4px solid #E06B11;}
.title_a,.title_b {font-size: 78px;
    font-family: "Open Sans";
    font-weight: 800;
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: center;}
.title_b {font-size:22px;}
.title_b a {
    white-space: nowrap;
    font-family: Roboto;
	color:#000;
	font-size:26px;
	font-weight:700;
    transition: 0.5s all ease-in-out 0s;
    margin: auto;
    display: block;
    }
.title_b a i {margin-left:20px;}
.page-top .navx {text-align:center;}
.page-top .navx a {font-size:14px;color:#333;}
.page-top .navx ul li {display:inline-block;padding-left:5px;padding-right:5px;}
.page-top .navx ul  {margin-left:-30px;}
.product_item:hover .image {top:0px;}
.product_item  .name {font-size: 14px;
    font-weight: 300;
    color: #333;
    line-height: 24px;
    z-index: 24;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.product_item:hover {height:100%;}
.product_item:hover  .name {display:block;color:#333;}
.brands_list {background:#f1f1f1;}
.copyright {background:#f1f1f1;}
.close-right {font-size: 22px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
	cursor:pointer;}
.page-top.scroll {padding-top:10px;background:rgb(255,255,255);box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3);}
.page-top.scroll .logo {max-width: 80px;
    position: unset;
    text-align: left;
    margin-left: 0px;
    display: inline-block;}
.page-top.scroll .right {display:none;}
.page-top.scroll .navx {text-align: left;
    margin-left: 100px;
    margin-top: -35px;
	float:left;
	}
.page-top.scroll .search_container {
    display: inline-block !important;
    position: absolute;
    z-index: 23;
    top: -2px;	
}
.video-bg {
    height: 500px;
    overflow: hidden;
    /*pointer-events: none;
    z-index: -1;
    */
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;

}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  position:relative;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
.page-top-s2.scroll {transition: all .6s ease 0s;
    width: 100%;
    background: rgba(0,0,0,.6);}
.page-top-s2 .toptitle {color:#fff;border:1px solid #fff;}
.list .page-top-s2 {background:rgba(0,0,0,0.6);}
.list .page-top-s3 {background:#fff;border-bottom:1px solid #ccc;}
.page-top-s2.scroll .lang_sell {top:42px;}	
.menu-left-category {position:relative;}
.page-top-s2   #primary-menu>li>a {color:#FFF !important;}
/*
新的頭部S3
*/
.page-top-s4 {
    margin-top: -5px;
    position: fixed;
    z-index: 2000;
    width: 100%;
    height:60px;
    top:0px;
    margin-left:0px;
    transition: all 400ms ease 0s	
}
.list .page-top-s4,.page-top-s4.scroll {background:#fff;position:fixed;box-shadow:0px 0px 2px #666;margin:0px;margin-top:-5px; }
.page-top-s4.scroll {background:rgba(255,255,255,.8);}
.page-top-s4:hover {background:#FFF;}
.page-top-s4 .logo_z {
	padding-left:40px;
    padding-top: 10px;	
}
.page-top-s4 .logo_z img {
 max-height: 48px;	
}
.page-top-s4 li {transition:all 0.6s;}
.main-top-right {margin-right:20px;}
.main-top-left.navbar-nav>ul,.main-top-right>ul {list-style:none;    margin-top:3px;}
.main-top-left.navbar-nav>ul>li ,.main-top-right>ul>li {float:left;border: 4px solid transparent;min-width:70px;text-align: center;min-height:52px;}
.main-top-left.navbar-nav>ul>li:hover,.main-top-right>ul>li:hover {border-top:4px solid #E06B11;}
.main-top-left.navbar-nav>ul>li>a,.main-top-right.navbar-nav>ul>li>a{
padding: 5px;
    position: relative;
    z-index: 100;
    color: #FFF;
    text-decoration: none;
	font-size:16px;
	font-weight:700;
    line-height: 48px;
    padding-left: 10px;
    padding-right: 10px;
}
.main-top-left.navbar-nav>ul>li>a i {color:#FFF !important;}
.page-top-s4:hover .main-top-left.navbar-nav>ul>li>a,.page-top-s4:hover .main-top-right.navbar-nav>ul>li>a ,.page-top-s4:hover .main-top-left.navbar-nav>ul>li>a i,.page-top-s4.scroll .main-top-left.navbar-nav>ul>li>a,.page-top-s4.scroll .main-top-right.navbar-nav>ul>li>a ,.page-top-s4.scroll .main-top-left.navbar-nav>ul>li>a i,.list .main-top-left.navbar-nav>ul>li>a,.list  .main-top-right.navbar-nav>ul>li>a ,.list .main-top-left.navbar-nav>ul>li>a i{color:#333 !important;}
 {color:#333;}
.main-top-left.navbar-nav>ul>li:hover>a,.main-top-left.navbar-nav>ul>li:hover>a i {color:#333 !important;}
.main-top-left.navbar-nav>ul>li>#secondary  {display:none;position:absolute;z-index:991;width:280px;left: -40px;top:calc(100% + 5px);height:710px;background:rgba(239,239,239,0.9);box-shadow: 0 6px 12px rgba(0,0,0,.3);}
.main-top-left.navbar-nav>ul>li>#secondary>li:first-child {margin-top:10px;}
.main-top-left.navbar-nav>ul>li>#secondary>li:hover {background:#FF6600;}
.scroll .main-top-left.navbar-nav>ul>li>#secondary {background:rgba(239,239,239,0.95) !important;}
/*
.main-top-left.navbar-nav>ul>li>#secondarys  {display:none;
position:fixed;
z-index:991;
width: 100vw;
left: 0px;
    top: 52px;
    height: 260px;
		background:rgb(239,239,239,0.7);
		box-shadow: 0 6px 12px rgba(0,0,0,.3);
		padding-left:204px;
		padding-right:60px;	
		}
.secondvv {
padding-left:216px !important;
padding-right:0px !important;	
}
*/		
.main-top-left.navbar-nav>ul>li>#secondarys  {
    display: none;
    position: fixed;
    z-index: 991;
    width: 100%;
    left: 0px;
    top: 52px;
    height: 260px;
    background: rgba(239,239,239,0.7);
    box-shadow: 0 6px 12px rgba(0,0,0,.3);
   padding-left:205px;
    padding-right: 60px;	
}
.secondvv {
padding-left:205px !important;
//padding-right:0px !important;	
text-align:center;
}
.ut_container {width:1000px;padding-top:12px;display:flex;height:255px;overflow:hidden;padding-bottom:20px;}
.ut_container .banner_left {flex:0 0 55%;color:#333 !important;}
.ut_container .banner_left span {font-size:16px;font-weight:300;line-height:28px;padding-bottom:20px;padding-top:5px;display:table-cell}
.ut_container .banner_left .button_container {display:flex;}
.ut_container .banner_left .button_container div {flex:0 0 30%;padding-right:20px;}
.ut_container .banner_left .button_container div a>img:first-child {display:none;}
.ut_container .banner_left .button_container div a:hover>img:first-child {display:block;}
.ut_container .banner_left .button_container div a:hover>img:last-child {display:none;}
.ut_container .banner_right {flex:0 0 45%;text-align:center;}
.ut_container  .banner_right  img {max-height:100%  !important;width:auto !important;}
.secondvv>li {width:100% !important;}		
.scroll .main-top-left.navbar-nav>ul>li>#secondarys,.list .main-top-left.navbar-nav>ul>li>#secondarys {background:rgba(239,239,239,.95) !important;}
.main-top-left.navbar-nav>ul>li:hover>#secondary {display:block;}
.main-top-left.navbar-nav>ul>li:hover>#secondarys {display:block;}
.main-top-left.navbar-nav>ul>li>#secondary>li {display:block;float:unset;text-align:left;position: static;padding:2px 20px;}
.main-top-left.navbar-nav>ul>li>#secondarys>li {width:160px;text-align:left;position: static;padding:2px 20px;background:transparent !important;}
.main-top-left.navbar-nav>ul>li>#secondary>li>a>i,.main-top-left.navbar-nav>ul>li>#secondarys>li>a>i {
color: #333;
    font-size: 15px;
    margin-right: 10px;
	
    width: 25px;
}
.main-top-left.navbar-nav>ul>li>#secondarys>li>a>i {margin-right:5px;}
.main-top-left.navbar-nav>ul>li>#secondary>li>a {color:#333;}
.main-top-left.navbar-nav>ul>li>#secondarys>li>a {color:#000;font-size:18px;margin-top:10px;font-weight:700;}
.main-top-left.navbar-nav>ul>li>#secondarys>li>a i {color:#000;font-size:18px;}
.main-top-left.navbar-nav>ul>li>#secondary>li>a:hover {background:#E06B11;}
.main-top-left.navbar-nav>ul>li>#secondarys>li>a:hover,.main-top-left.navbar-nav>ul>li>#secondarys>li>a:focus {background:transparent !important;}
.main-top-left.navbar-nav>ul>li>#secondary>li:hover>a{color:#fff;}
.main-top-left.navbar-nav>ul>li>#secondary>li:hover>a>i  {color:#fff;}
.main-top-left.navbar-nav>ul>li>#secondary>li:hover>.dropdown-menu {display:block;position:absolute;left:100%;top:0px;background:rgba(234,234,234,.9);z-index:2000;}
.main-top-left.navbar-nav>ul>li>#secondarys>li>.dropdown-menu {display:block;position:unset !important;border:none !important;box-shadow:none !important;background:transparent;margin-left:-19px;}
.main-top-left.navbar-nav>ul>li>#secondarys>li>.dropdown-menu>li{display:block;float:unset;text-align:left;position: static;padding:2px 20px;}
.main-top-left.navbar-nav>ul>li>#secondarys>li>.dropdown-menu>li  {padding:0px !important;}
.main-top-left.navbar-nav>ul>li>#secondary>li:hover>.dropdown-menu a {color:#333}
.main-top-left.navbar-nav>ul>li>#secondarys>li>.dropdown-menu>li>a {padding:5px 30px;background:transparent !important;position:relative;}
.main-top-left.navbar-nav>ul>li>#secondarys>li>.dropdown-menu>li>a i {display:none;}
.main-top-left.navbar-nav>ul>li>#secondarys>li>.dropdown-menu>li>a:hover i {display:block;position:absolute;left:20px;font-size:16px;color:#FF6600;}
.main-top-left.navbar-nav>ul>li>#secondarys>li>.dropdown-menu>li>a:hover {color:#ff6600;}
.main-top-left.navbar-nav>ul>li:not(:first-of-type) {
position:relative;	
}
.main-top-left.navbar-nav>ul>li:not(:first-of-type)>.dropdown-menu {
position:absolute;
width:calc(1200px * 0.75);
min-width:710px;
top:calc(100% + 5px);
left:255px;
z-index:19999;
background:transparent;
box-shadow:none;
border:none;
text-align:left;
}
.main-top-left.navbar-nav>ul>li:not(:first-of-type)>.dropdown-menu a {color:#fff;}
.main-top-left.navbar-nav>ul>li:not(:first-of-type):hover>.dropdown-menu  {
display:block;	
color:#fff;
}
.main-top-right ul  {list-style:none}
.main-top-right>ul>li {min-width:40px;}
.main-top-right>ul>li>a>span {margin-right:10px;}
.main-top-right>ul>li:hover {border-top:4px solid transparent;}
.main-top-right>ul>li>a,.main-top-right>ul>li>a i  {color:#FFF;}
.main-top-right>ul>li>a>svg {margin-top:5px;}
.main-top-right>ul>li>a>svg path {fill:#fff;}
.page-top-s4:hover .main-top-right>ul>li>a,.page-top-s4:hover .main-top-right>ul>li>a i {color:#333;}
.page-top-s4:hover .main-top-right>ul>li>a>svg path,.page-top-s4.scroll .main-top-right>ul>li>a>svg path,.list .main-top-right>ul>li>a>svg path{fill:#333;}
.main-top-right>ul>li:hover>a,.main-top-right>ul>li:hover>a i {color:#f60 !important;}
.main-top-right>ul>li:hover>a >svg path {fill:#f60 !important;}
.main-top-right>ul>li:hover>.dropdown-menu {display:block; border: none;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.main-top-right>ul>li:hover>.dropdown-menu>ul  {padding:10px;}
.main-top-right>ul>li:hover>.dropdown-menu>ul>li {text-align:left;line-height:32px;}
.main-top-right>ul>li:hover>.dropdown-menu>ul>li>a span {margin-right:10px;}
.main-top-right>ul>li:hover>.dropdown-menu>ul>li>a {color:#333;}
.main-top-right>ul>li:hover>.dropdown-menu>ul>li>a:hover {color:#E06B11;}
.main-top-right .search_incontainer,.main-top-right .enquiry_incontainer,.main-top-right .country_area {
position: fixed;
    /* margin-left: -200px; */
    left:calc(100% - 310px);
    width: 300px;
    padding: 10px;
    margin-top: -5px;
    top: 52px;
    z-index: 9991;
    border-radius: 0px;
}
 .main-top-right .enquiry_incontainer  {
 // margin-left: -245px;
  width: 300px;
 }
 .main-top-right .enquiry_incontainer img {max-width:50px;height:auto}
 .main-top-right  .enquiry_incontainer .col-sm-2 {line-height:50px;}
 .main-top-right  .enquiry_incontainer a {color:#333;}
 .main-top-right .country_area span,.main-top-right .country_area a {padding:2px;font-size:14px;}
 .main-top-right .country_area a  {color:#428bca !important;}
 .main-top-right .country_area a:hover {color:#E06B11 !important;}
 .main-top-right .country_area a.active {color:#ff6600 !important;} 
.main-top-right .search_incontainer .top-search {display:flex;flex-direction:column;width:80%;margin:auto;}
.main-top-right .search_incontainer .top-search input:focus::-webkit-input-placeholder {color:transparent;}
.main-top-right .search_incontainer .top-search .or {position:relative;clear:both;}
.main-top-right .search_incontainer .top-search .or_text {margin-top:-30px;}
.main-top-right .search_incontainer .top-search .or_text a {color:#ff6600 !important;text-decoration:underline;}
.main-top-right .search_incontainer .top-search .or:before {content:"";height:1px;background:#ff6600;position:absolute;top:50%;left:0;width:40%;}
.main-top-right .search_incontainer .top-search .or:after {content:"";height:1px;background:#ff6600;position:absolute;top:50%;right:0;width:40%;}
.main-top-right .search_incontainer .top-search .search_a {font-size:22px;font-weight:700} 
.main-top-right .search_incontainer .top-search input {margin: auto;background: #ccc;}
.main-top-right .search_incontainer .top-search  .input-group-btn {width: 100%;height:34px;line-height:34px;text-align:center;color: #fff;margin: auto;}
.main-top-right .search_incontainer .top-search  .input-group-btn .btn {border-radius:0px;width:100%;margin-top:5px;color:#fff !important;}
/*
手機版
*/
.page-top-s3 {background: transparent;
    position: fixed;
    width: 100%;
    z-index: 9998;
    top: 0px;
    min-height: 48px;
    margin: 0px;
}
.page-top-s3 .active-mobile .fa,.page-top-s3 .active-mobile .iconfont {color:#fff;}
.page-top-s3 .active-mobile.pull-left {margin-left:-15px;}
.page-top-s3 .active-mobile.pull-right {margin-right:-15px;}
.mobile-left-menu .fa,.mobile-left-menu .iconfont {color:#333 !important;}
.page-top-s3 .active-mobile svg path {fill:#fff;}
.page-top-s3.scroll {background:rgb(255,255,255);border-bottom:1px solid #ccc;}
.page-top-s3.scroll .active-mobile .fa,.list .page-top-s3 .fa,.page-top-s3.scroll .active-mobile .iconfont,.list .page-top-s3 .iconfont,.page-top-s3.scroll .lang-icon-top {color:#333;}
.page-top-s3.scroll .active-mobile svg path,.list .page-top-s3 .active-mobile svg path {fill:#333;}
.scroll .active-mobile .bar_in span {
background:#333;	
}
.list .active-mobile .bar_in span {
background:#333;	
}
.page-top-s3 .fa {
color: #333;
font-size: 20px;	
}
.banner {height:100vh;overflow:hidden;}

/* 自適應接口*/
@media (max-width: 768px) {
  .container {
    width: 100%;
	padding-left:15px;
	padding-right:15px;
  }
.containerv {display:none;}
  .page-content {margin-top:-115px !important;}
  .list .page-content {margin-top:-55px !important;}
  .index .page-content {margin-top:0px !important;}
  .box .box-left {height:calc(100vh + 115px);}
   .navbar-mega .navbar-nav>li {padding:20px 5px;}
   .page-top-s2 .top-right {padding-right:0px;margin-right:-30px;}
  .product_item {height:auto;}
  .box .box-left {width:35% !important;padding:0px !important;display:none; } 
  .box .cate_expand {left: calc(35% - 60px) !important}
  .box .box-left.hides {margin-left:-35% !important;}
  .box .box-right.wide  .product_item_list{width: 50% !important;}
  .box .box-right .box-in {
    padding: 35px 10px 10px 10px !important;
  }
  .box .box-right.wide .box-in {padding-left:20px !important;}
  .box .box-right  .product_item_list{ 
    width: calc((100% - 30px) / 3);
    padding: 10px !important;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    background: #fff;
    box-shadow: 0px 2px 2px #ccc;
    border-radius: 5px}
	.box {background:#efefef;}
  #category li a {white-space:nowrap;}
  #category ul>li>ul>li>span {display:none;}
  #category ul>li>ul>li>a {padding-left:20px !important;}
  #category ul>li>ul>li>ul>li>a {color:#999;}
  .box-in .product_item_list:hover .fmask {opacity:0 !important;}
  .box-in .product_item_list .image {box-shadow:none !important;overflow:unset !important;margin-bottom:60px;}
  .box-in .product_item_list .name {font-size:12px !important;padding:2px !important;background:none !important;position:absolute;top:calc(100% - 5px);width:100%;}
  .box-in .product_item_list .image:before {
  background:none !important;
  border:none !important;  
  }
  .mobile_enquiry {
	  display:block;
    line-height: 28px;
    color: #FFF;
    position: absolute;
    top: calc(100% + 25px);
    left: 0;
    width: 100%;
    z-index: 999;
  }
.bottom_category_list,.bottom_container_inner {display:none !important;} 
.page-footer {min-height:36px;margin-bottom:66px;line-height:36px;} 
.pagesv li {padding:0px !important;} 
.pagesv li a {width:20px !important;} 
.pagesv {
	margin-top: 60px !important;
    margin-bottom: 10px !important;}
.no_left_right_padding{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
}
@media (min-width: 768px) and (max-width:992px) {
  .navbar-mega .navbar-nav>li {padding:20px 5px;}
  .page-top-s2 .top-right {padding-right:0px;margin-right:-30px;}
 .bottom_category_list {display:none !important;}
 .bottom_category_list >div {width:50% !important;}
.page-footer {min-height:100px;}	 
}
@media (max-width:992px) {
.bottom_category_list  {display:none !important;}
.page-footer {min-height:100px;}
.brands_list_in a {margin:0px 5px !important;width:45% !important;padding: 5px 25px !important;}
.brands_list_in a img {width:100% !important;}
.brands_list h2 {margin-left:10px !important;}	
}
@media (min-width: 992px) and (max-width:1200px) {
  .navbar-mega .navbar-nav>li {padding:20px 10px;}
  .page-top-s2 .top-right {padding-right:0px;margin-right:-30px;}
  .bottom_category_list >div {width:25% !important;}	
  .bottom_category_list_chi >div {width:12.5% !important;}
}
@media (min-width: 1200px) and (max-width:1400px) {
.container {width:100%;max-width:1200px;}
.navbar-mega .navbar-nav>li {padding:20px 10px;}
.bottom_category_list >div {width:16.6% !important;}
 .bottom_category_list_chi >div {width:10% !important;}
	
}
/*
手機版底部
*/
.mobile-footer {
    background: #EFEFEF;
    box-shadow: 2px 2px 10px #333;
	color:#666;
    position: fixed;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    z-index: 199999;
    bottom: 0px;
    height: 58px;
	padding-top:8px;
	}
.mobile-footer-inner {
	float: left;
    width: 20%;
    text-align: center;
	}
.mobile-footer-inner .fa {font-size:24px;color:#666;}
.mobile-footer-inner .name {font-size:12px;}
/*
電腦版底部區域排版
*/
.bottom_container_inner {
display:flex;
margin-top:20px;
margin-left:-10px !important;
margin-right:-10px !important;	
}
.bottom_container_inner .tel {text-align:right;flex:1 1 16.6%;}
.bottom_container_inner .subscibe form {text-align:right;flex:1 1;margin-top:15px;}
.bottom_container_inner .subscibe form #footer-newsletter {float:left;width:15%;background:#E06B11;height:40px;line-height:40px;color:#FFF;text-align:center;}
.bottom_category_list a:hover {color:#ff6600;} 
.bottom_category_list ul {list-style:none;}
.bottom_category_list {text-align:left;display:flex;flex-wrap:wrap;margin:auto;margin-top:30px;}
.bottom_category_list h2 a {font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 100%;
    display: inline-block;}
.bottom_category_list .bottom_category_list_inner>ul a {font-size:14px !important;}
.bottom_category_list >div {width:12.5%;}
.bottom_category_list_chi >div {width:12.5%}
.top_link strong {font-size:22px;font-weight:bold !important;color:#FF6600 !important;}
.top_link strong:hover {text-decoration:underline;}
.bottom_category_list ul {padding:0px;}
.bottom_category_lis ul>li {white-space:nowrap;}
/*
enquiry 邊欄排版
*/
.enquiry_container {
position: fixed;
right: 0px;
top: 195px;
z-index: 9999999;	
}
.enquiry_button {
padding-top: 20px;
padding-bottom: 20px;
background: url(//www.igp.com.hk/images_s/Enquiry_Icon-02.png);
border-radius: 10px;
padding-right: 4%;
min-height: 60px;
background-repeat:no-repeat;
cursor:pointer;
position:absolute;
width:100px;
right:0px;
}
.enquiry_button span {
	position: absolute;
    z-index: 9991;
    border-radius: 50px;
    padding: 8px 8px;
    background: #E06B11;
    color: #fff;
    top: -5px;
    right: 2px;
    height: 24px;
    line-height: 10px;
}
.enquiry_content {
	border: 1px solid #E06B11;
    padding: 10px;
    min-width: 300px;
    position: absolute;
    top: 60px;
    right: 0px;
    background: #fff;
	display:none;
	}
.enquiry_container:hover .enquiry_content {display:block;}	
/*  list區域*/
#root {
min-height:600px;	
}
.page-top.list .search_container {
display:none !important;	
}
.page-top.list .right {display:inline-block;}
.page-top.list .navx {display:none !important;}
.box {
display:flex;
position: relative;
flex-direction: row;
alin-items:stretch
}
.image-responsive {width:100%;}
.box .box-left {
	width:313px;
    flex-shrink: 0;
    border-right: 1px solid rgba(32,48,60,.1);
    text-align: left;
	position:relative;
	padding:10px;
    height:100vh;
	overflow-y:scroll;
	transition: 1s all ease;
}
.box .cate_expand {position: fixed;
    font-size: 24px;
    position: fixed;
    z-index: 211;
    font-size: 24px;
    top: 70px;
    left: 230px;
transition: 1s all ease	;
cursor:pointer;
}
.box .cate_expand  svg {position:absolute;left:0px;top:0px;z-index:-1;}
.box .cate_expand  svg .circle_in {fill:rgba(255,255,255,.6);stroke: #FFF;stroke-width: 1px;    stroke-dasharray: 157;stroke-dashoffset: 157;transition: 1s all ease
}
.box .cate_expand .fa {color:#E06B11;margin-left:20px;margin-top:10px;}
.box .cate_expand .fa-angle-left {opacity:1;}
.box .cate_expand .fa-angle-right {opacity:0;}
.box .cate_expand.active {left:30px;}
.box .cate_expand.active  svg .circle_in {fill:rgba(255,255,255,.6);stroke: #E06B11;stroke-width: 1px;stroke-dasharray: 157;stroke-dashoffset: 0;transition: 1s all ease}
.box .cate_expand.active .fa {color:#E06B11;margin-left:4px;margin-top:10px;}
.box .cate_expand.active .fa-angle-left {opacity:0}
.box .cate_expand.active .fa-angle-right {opacity:1;}
.box  .box-left ._1jxBs {color:#E06B11;display:inline-block;position:absolute;z-index:0;}
.box .box-left.hides {margin-left:-313px;}
.box .box-left svg {color:#E06B11;}
.box  .box-left form {position:relative;margin-top:30px;padding:30px;}
.box .box-left input {
	border: none;
-webkit-appearance: none;
 border-bottom: 1px solid #E06B11;
 width:110%;
 padding:5px;
 display:block;
 margin-left:-10px;
 padding-left:30px;
 box-shadow: none;
 outline:none;
 }
 #category {margin-right:-10px;}
 #category ul {list-style:none;padding:0px;}
 #category ul li {width:100%;line-height:34px;}
 
 #category>ul>li>a {padding-left:20px;}
 #category>ul>li>a:hover {padding-left:30px;}
 #category ul li.active {background:rgba(255,102,0,0.6);}
 #category ul li.active  span svg {transform:rotate(1.57rad);} 
 #category li  a {color:#333;line-height:34px;transition: all .3s;	-webkit-font-smoothing: antialiased;font-size:14px;}
 #category li a:hover {color:#E06B11;}
 #category li.active a:hover {color:#333;}
 
 #category ul>li {font-size:14px;width:100%;}
 #category ul>li>ul {padding:0px;}
 #category>ul>li>ul>li {position:relative;display:block}
 #category ul>li>ul>li>span {position:absolute;left:30px;}
 #category ul>li>ul>li>a {padding-left:50px;display: block;}
 #category ul>li>ul>li>a:hover {padding-left:60px;}
 #category ul>li>ul>li>ul>li>a {padding-left:60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
	}
 #category ul>li>ul>li>ul {display:none;}
 #category ul>li>ul>li.active>ul {display:block;background:#FFF;}
  #category>ul>li>ul>li>ul>li {position:relative;display:block;transition: all .3s;}
  #category ul>li>ul>li>ul>li>span {position:absolute;left:40px;color:#E06B11;transition: all .3s;}
 #category ul>li>ul>li>ul>li:hover>a {padding-left:70px;color:#E06B11;}
  #category ul>li>ul>li>ul>li:hover>span {left:50px;}
 
 #category hr {margin:20px;color:#ccc;}
 #category h2 {font-size: 16px;font-weight:300;margin:20px;margin-left:20px;}
 .list .vertic-menu {opacity:1;}
 .box .box-right {
flex: 1 1 100%;	 
margin-top:30px;
 }
.box .box-right .box-in {display:flex;flex-wrap: wrap;padding:20px;transition: 1s all ease}
.box-in .product_item_list .image {
width: 100%;
    overflow: hidden;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    position: relative;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(32,48,60,.14), 0 3px 3px 0 rgba(32,48,60,.06);
    box-shadow: 0 1px 2px 0 rgba(32,48,60,.14), 0 3px 3px 0 rgba(32,48,60,.06);	
}
.box-in .product_item_list .name {line-height: 24px;
    background: #efefef;
    font-size: 14px;
	white-space:nowrap;
	text-overflow:ellipsis;
	padding:5px;
	overflow: hidden;
	}
.box-in .product_item_list .name strong {clear:both;display:block;}	
.box-in .product_item_list .image:before {
    content: "";
    width: 100%;
    display: block;
    padding-top: 3.8835%;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ebedef;
    background: #ebedef;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MzAgMjUuNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzAwIDI1LjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDF7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSIzLjYiIGN5PSIxMi44IiByPSIzLjUiLz4KCTxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjE2LjYiIGN5PSIxMi44IiByPSIzLjUiLz4KCTxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjI5LjYiIGN5PSIxMi44IiByPSIzLjUiLz4KPC9nPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;	
}
.box-in .product_item_list .fmask {
position:absolute;
z-index:20;
background:rgb(255,255,255);
top:1px;
left:0px;
padding-top: 9%;
width:100%;
height:100%;
border-left: 1px solid rgba(255, 255, 255, 0.96);
border-right: 1px solid rgba(255, 255, 255, 0.96);
transition: opacity 0.4s ease-out 0s;
border-radius: 5px;	
opacity:0;
transition: 1s all ease;
display:flex;
flex-direction:column;
cursor:pointer;
}
.box-in .product_item_list:hover .fmask {
opacity:1
}
.box-in .product_item_list .fmask>div {
display:flex;
flex:1;	
flex-direction:column;
}
.box-in .product_item_list .fmask .in_model {font-size:16px;line-height:24px;text-align:center;width:100%;}
.box-in .product_item_list .fmask .in_name {font-size:14px;line-height:24px;height:34px;text-align:center;width:100%;white-space:nowrap;text-overflow:ellipsis;padding:5px;}
.box-in .product_item_list .fmask .in_image {width:50%;margin:auto;}
.box-in  .button_in {flex:1;width:50%;display:flex;
  align-items:center;/*垂直居中*/
  justify-content: center;/*水平居中*/
  width:100%;
  height:100%; 
  }
 .box-in  .button_in button, .box-in  .button_in a  {margin-top:5px;min-width:200px;}
@media (max-width: 1200px) and (min-width:768px) {
.main-top-left.navbar-nav>ul>li, .main-top-right>ul>li {min-width:30px;}
.main-top-left.navbar-nav>ul>li>a,.main-top-right.navbar-nav>ul>li>a {font-size:16px;}
.page-top-s4 .logo_z {padding-left:20px;}
#secondarys {padding-left:10px !important;padding-right:0px !important;}
.button_inscontainer button {
height:30px;
min-width:50px !important;
width:60px;
margin-right:0px !important;
font-size:12px !important;
border-radius:5px !important;
}
}
@media (max-width:1200px) {
.box-in .button_in button, .box-in .button_in a {min-width:100%;line-height:1;}
}
.pagesv {padding:10px;white-space:nowrap}
#main{
    padding: 20px 0px;
}
/*按鈕相關
*/
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
    outline: none;
    outline-offset: -2px
}
.btn:hover,
.btn:focus,
.btn.focus {
    color: #fff;
    text-decoration: none
}
.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px transparent;
    box-shadow: inset 0 3px 5px transparent
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}
a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}
.btn-default {
    color: #fff;
    background-color: #000;
    border-color: #000
}
.btn-default:focus,
.btn-default.focus {
    color: #fff;
    background-color: #000;
    border-color: #000
}
.btn-default:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}
.btn-default:active,
.btn-default.active,
.open>.btn-default.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000
}
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open>.btn-default.dropdown-toggle:hover,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle.focus {
    color: #fff;
    background-color: #000;
    border-color: #000
}
.btn-default:active,
.btn-default.active,
.open>.btn-default.dropdown-toggle {
    background-image: none
}
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
    background-color: #000;
    border-color: #000
}
.btn-default .badge {
    color: #000;
    background-color: #fff
}
.btn-primary {
    color: #fff;
    background-color: #f60;
    border-color: #f60
}
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #f90;
    border-color: #f90
}
.btn-primary:hover {
    color: #fff;
    background-color: #f90;
    border-color: #f90
}
.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #a27e4b;
    border-color: #8a6b3f
}
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open>.btn-primary.dropdown-toggle:hover,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #f60;
    border-color: #f60
}
.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle {
    background-image: none
}
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
    background-color: #f60;
    border-color: #b18b56
}
.btn-primary .badge {
    color: #f60;
    background-color: #fff
}
.btn-success {
    color: #fff;
    background-color: #70ba28;
    border-color: #63a523
}
.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #57901f;
    border-color: #243c0d
}
.btn-success:hover {
    color: #fff;
    background-color: #57901f;
    border-color: #457319
}
.btn-success:active,
.btn-success.active,
.open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #57901f;
    border-color: #457319
}
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open>.btn-success.dropdown-toggle:hover,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle.focus {
    color: #fff;
    background-color: #457319;
    border-color: #243c0d
}
.btn-success:active,
.btn-success.active,
.open>.btn-success.dropdown-toggle {
    background-image: none
}
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
    background-color: #70ba28;
    border-color: #63a523
}
.btn-success .badge {
    color: #70ba28;
    background-color: #fff
}
.btn-info {
    color: #fff;
    background-color: #04adf0;
    border-color: #049bd7
}
.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #0389be;
    border-color: #01415a
}
.btn-info:hover {
    color: #fff;
    background-color: #0389be;
    border-color: #03709b
}
.btn-info:active,
.btn-info.active,
.open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #0389be;
    border-color: #03709b
}
.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open>.btn-info.dropdown-toggle:hover,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle.focus {
    color: #fff;
    background-color: #03709b;
    border-color: #01415a
}
.btn-info:active,
.btn-info.active,
.open>.btn-info.dropdown-toggle {
    background-image: none
}
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
    background-color: #04adf0;
    border-color: #049bd7
}
.btn-info .badge {
    color: #04adf0;
    background-color: #fff
}
.btn-warning {
    color: #fff;
    background-color: #f0c73b;
    border-color: #eec023
}
.btn-warning:focus,
.btn-warning.focus {
    color: #fff;
    background-color: #e6b612;
    border-color: #886b0a
}
.btn-warning:hover {
    color: #fff;
    background-color: #e6b612;
    border-color: #c59c0f
}
.btn-warning:active,
.btn-warning.active,
.open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #e6b612;
    border-color: #c59c0f
}
.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open>.btn-warning.dropdown-toggle:hover,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle.focus {
    color: #fff;
    background-color: #c59c0f;
    border-color: #886b0a
}
.btn-warning:active,
.btn-warning.active,
.open>.btn-warning.dropdown-toggle {
    background-image: none
}
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
    background-color: #f0c73b;
    border-color: #eec023
}
.btn-warning .badge {
    color: #f0c73b;
    background-color: #fff
}
.btn-danger {
    color: #fff;
    background-color: #e93434;
    border-color: #e71d1d
}
.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #d31717;
    border-color: #770d0d
}
.btn-danger:hover {
    color: #fff;
    background-color: #d31717;
    border-color: #b31313
}
.btn-danger:active,
.btn-danger.active,
.open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #d31717;
    border-color: #b31313
}
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open>.btn-danger.dropdown-toggle:hover,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle.focus {
    color: #fff;
    background-color: #b31313;
    border-color: #770d0d
}
.btn-danger:active,
.btn-danger.active,
.open>.btn-danger.dropdown-toggle {
    background-image: none
}
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
    background-color: #e93434;
    border-color: #e71d1d
}
.btn-danger .badge {
    color: #e93434;
    background-color: #fff
}
.btn-link {
    color: #666;
    font-weight: 400;
    border-radius: 0
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent
}
.btn-link:hover,
.btn-link:focus {
    color: #f60;
    text-decoration: none;
    background-color: transparent
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none
}
.btn-lg,
.btn-group-lg>.btn {
    padding: 10px 20px;
    font-size: 17px;
    line-height: 1.33333;
    border-radius: 6px
}
.btn-sm,
.btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}
.btn-xs,
.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}
.btn-block {
    display: block;
    width: 100%
}
.btn-block+.btn-block {
    margin-top: 5px
}
pre {
    display: block;
    padding: 10px;
    margin: 0 0 10.5px;
    font-size: 12px;
    line-height: 1.62857;
    word-wrap: break-word;
    color: #666;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 0;
    word-break: break-all;
    width: 100%;
    white-space: pre-wrap!important;
}
@media (min-width: 1200px) {
.modal-lg {
    width: 1200px;
	overflow:hidden;
}
.modal-lg .modal-body {
 height: calc(100vh - 180px);
    overflow: auto;
    margin: 10px;
    overflow-x: hidden	
}
#pbr-showcase .modal-lg {
width:750px;
height:auto;	
}
#pbr-showcase .modal-lg .modal-body {
height:auto;	
}
.preview_content_in {width:1000px;margin:auto;max-height:unset !important;}
}

@media screen and (max-width:992px) and (min-width:768px) {
.modal-dialog {
    width: 600px;
    margin: 30px auto;
}
}
.carousel-control {padding-top:50%}
.btn_add  {background:#F60;color:#fff;border:none;max-width:120px;font-size:14px;font-weight:400;border-radius:4px !important;}
.btn_added,.btn-added {background:#666 !important;}
.banner_kusdom {margin-top:10px;}
.owl-carousel-play {
    position: relative;
}
.owl-carousel .owl-item {
    float: left;
}
#image-additional-carousel {max-width:500px;}
#image-additional-carousels {overflow:hidden;}
#image-additional-carousels .owl-buttons,.related_box_in .owl-buttons {display:none;}
#image-additional-carousels:hover  .owl-buttons,.related_box_in:hover  .owl-buttons {display:block;}
#image-additional-carousels .owl-buttons,.related_box_in .owl-buttons {position:absolute;z-index:99;top:50%;width:100%;}
#image-additional-carousels .owl-buttons .owl-prev,#image-additional-carousels .owl-buttons .owl-next,.related_box_in .owl-buttons .owl-prev,.related_box_in .owl-buttons .owl-next {width:30px;height:30px;font-size:22px;background:rgba(0,0,0,0.6);display:inline-block;line-height:30px;color:#fff;text-align:center;position:absolute;}
#image-additional-carousels .owl-buttons .owl-prev,.related_box_in  .owl-buttons .owl-prev {left:30px !important;}
#image-additional-carousels .owl-buttons .owl-next{right:0 !important;}
.related_box_in .owl-buttons .owl-next {right:30px !important;}
.quantity_m {margin-right: 15px;
    float: left;
    line-height: 42px;
    width: 72px;
}
.owl-item .product_item_list {width:100% !important;}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%!important;
    direction: ltr!important;
}
.box .box-right {width:calc(100% - 313px) !important;}
.box .box-right.wide {width:100% !important;}
.related_box_in {position:relative;margin:0px;}
.widget .widget-title>span {font-size:16px;font-weight:800;text-align:center}
.widget .widget-title>span:before, .widget .widgettitle>span:before {
    background: #f60;
    top: 25px;
    content: "";
    height: 3px;
    left: calc(50% - 60px);
    position: absolute;
    width: 120px;
}
.widget .widget-title>span:after, .widget .widgettitle>span:after {
    background: #d9d9d9;
    top: 25px;
    content: "";
    height:3px;
    left: 120px;
    position: absolute;
}
.widget {position:relative;text-align:center;}
.mini-cart-items {    position: absolute;
    color: #fff;
    padding: 5px;
    border-radius: 50px;
    background: #E06B11;
    line-height: 10px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: 300;
    right: -10px;
    top: -8px;
	display:none;
	}
	.active-mobile .mini-cart-items {
	    right: 15px;
    top: 2px;	
	}
/*
首頁banner
*/
.banner_in {position: absolute;
    color: #fff;
    width: 100%;
    height: 100%;
    z-index: 19;
    flex: 1;
    left: 0px;
    top: 70px;  
}
.click_more {
    margin-top:200px;
	cursor:pointer;
	display:none
}
/*
首頁底部展開
*/
.showcase .containerv,.showcase_chi .containerv {width:calc(100% - 10px);margin-left:auto;margin-right:auto;}
#pbr-showcase .modal-dialog {text-align:center;}
#pbr-showcase .modal-dialog .modal-body {text-align:center;}
#pbr-showcase .modal-dialog .modal-body img {margin:auto;}
.showcase .vc_gitem-animate-scaleRotateIn,.showcase_chi .vc_gitem-animate-scaleRotateIn {box-shadow:5px 5px 5px #333;}
.showcase .vc_grid-item:nth-child(n+17),.showcase_chi .vc_grid-item:nth-child(n+17) {display:none !important;}
@media (max-width:992px) {
.showcase .vc_grid-item:nth-child(n+16),.showcase_chi .vc_grid-item:nth-child(n+16) {display:none !important;}	
}
@media (max-width:768px) {
.showcase .containerv,.showcase_chi .containerv {width:calc(100% - 20px);margin-bottom:20px;}
}
/*
搜索頁相關
*/
.search_result_title  {margin:0px;font-size:15px;line-height:24px;padding:30px;}
/*
預覽頁修正
*/
.carousel-indicators li {text-indent:unset;}
.carousel-indicators img {max-width:50px;max-height:50px;}
.carousel-control.left,.carousel-control.right {background-image:unset !important;}
/*
 顏色相關
 */
.text-white {color:#FFF !important;}
/*
 app下載頁
 */
#screenshots_slider img {width:100%;}
/*
 證書詳細頁
 */
.flexslider img {width:100%;height:auto}
.certDetail {font-size:16px;}
.video_mask {position:fixed;width:100%;height:100%;z-index:-1;left:0px;top:0px;visibility:hidden;}
.video_mask.active {visibility:visible;z-index:19999999;background:rgba(0,0,0,.7);}
.video_close {position:absolute;z-index:2000001;right:2px;top:2px;cursor:pointer;}
.video_in  {width:70%;height:70%;left:15%;top:120px;position:fixed;z-index:2000000001;}
.video_masks {position:fixed;width:100%;height:100%;z-index:-1;left:0px;top:0px;visibility:hidden;}
.video_masks.active {visibility:visible;z-index:19999999;background:rgba(0,0,0,.7);}
.video_close {position:absolute;z-index:2000001;right:2px;top:2px;cursor:pointer;}
.video_in  {width:70%;height:70%;left:15%;top:120px;position:fixed;z-index:2000000001;}
   /*
   首頁頂部
   */
   .header_app_more {    margin-bottom: 10px;
    color: #333 !important;
    font-size: 18px;
	font-weight:800;
    text-decoration: underline !important;
    display:inline-block;}
	.header_app_more:hover {
	color:#FF6600 !important;	
	}
   
   /*
    首頁最新產品
    */
	.new-product {padding-top:55px;padding-bottom:55px;}
   #myvideo {min-width:calc((100vh * 16) / 9) !important;width: 100vw;}
   /*
    首頁brand
    */
   .brands_list {text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;min-height:120px;}
   .brands_list h2 {
   	font-size: 16px;
    font-weight:bold;
    text-align:left;
    margin-left:-40px;
   }
   .brands_list_in {margin-top:10px;margin-bottom:10px;text-align:center;}
   .brands_list_in a {display:inline-block;width:200px;padding:10px;margin:0px 10px;}
   .brands_list_in a img {border:0px;width:150px;transition: all 0.5s;}
   .brands_list_in a img:hover {margin-top:-10px;}
   /*
   首頁showcase
   */
   .containerv {width:calc(100vw - 120px);margin:auto;margin-bottom:50px;}
   .containerv  .vc_grid-item {display:inline-block !important;}
   .margin-50 {margin-top:100px;}
   .text-30 {font-size:30px !important;font-weight: 700;color: rgb(0, 0, 0) !important;letter-spacing: 0px;font-family: Roboto;}
   .text-24 {font-size:24px !important;font-weight: 700;color: rgb(0, 0, 0) !important;letter-spacing: 0px;font-family: Roboto;}
   .text-15 {font-size:15px !important;font-weight: 700;color: rgb(0, 0, 0) !important;letter-spacing: 0px;font-family: Roboto;}
   .containerv .vc_gitem-animated-block {height:unset !important;transition:all 0.5s;}
   .containerv .vc_gitem-animated-block img {transition:all 0.5s;}
   .containerv .vc_gitem-animated-block:hover img {
	transform:scale(1.2,1.2) rotate(15deg);
   }
   .containerv .vc_gitem-animated-block:hover .vc_gitem-zone-mini {position:absolute;transform:scale(1.2,1.2);}
   .showcase .containerv,.showcase_chi .containerv {display:block !important;width:1200px;}
   
   .slider_more {text-decoration:underline !important;cursor:pointer;}
   .slider_more:hover {color:#FF6600 !important;}
   /*
   產品冊
    */
   .txt h5 {white-space:nowrap;}
   /*
    產品詳細頁左側
    */
@media (max-width:1200px) {
 .showcase .containerv,.showcase_chi .containerv {display:block !important;width:calc(100% - 30px);margin:auto;}		
}
@media (min-width:768px) and (max-width:992px) {
 .showcase .containerv,.showcase_chi .containerv {display:block !important;width:calc(100% - 140px);margin:auto;}		
}
@media (max-width:768px) {
.showcase .containerv,.showcase_chi .containerv {display:block !important;width:calc(100% - 30px);margin:auto;}		
.button-quickview {display:none;}
.carousel-inner {height:calc(100vw - 50px);}
.carousel-inner .item {height:auto !important;}
.carousel-indicators img {width:100px;height:100px;}
.buttonwrap {margin-top:20px;}
.preview_content {display:none}
/*.btn_add  {min-width:100px !important;}*/
.box .cate_expand {display:none !important;}
}
.bback {display:none;}
@media (max-width:768px) {
.bback {
    width: 45px;
    height: 45px;
    float: left;
    background: #333;
    color: #fff !important;
    font-size: 22px;
    line-height: 45px;
    text-align: center;
    border-radius: 4px;
    cursor:pointer;
	display:none;
}
#add_payment_method #payment, .woocommerce-checkout #payment {background:#fff !important;}
}
.list .mores {display:none;}

/*
 enquiry
 */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,.woocommerce form .form-row select {min-height:45px;padding:5px;}
@media (max-width:768px) {
.product-quantity {clear:both;display:block;}
.enquiry_client {display:none;}	
}
.enquiry_client,.text-inss {font-size:18px;font-weight:800 !important;}
/*
產品列表gallery
*/
#gallery_list {position:relative;}
#gallery_list .pull-right {position:absolute;z-index:22;top:0px;right:50px;}
/*
獎項殊榮
*/
.ifb-front,.ifb-back {height:100%!important;overflow-x:hidden;overflow-y:auto;}
/*
新聞列表頁
*/
.news .vc_grid-item-mini {min-height:380px;margin-bottom:10px;box-shadow:5px 5px 10px #333}
.news .vc_gitem-zone {
    position: relative;
    background-clip: border-box;
    overflow: hidden;
    height: 240px;
	background:#efefef;
}
.news .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {background:unset !important;color:#333 !important;}
.news .vc_btn3-container.vc_btn3-left {text-align:right !important;}
.vc_gitem-zone-img {visibility:visible !important;}
@media (min-width:992px) {
.vc_grid-item-mini {min-height:unset !important;}		
}
@media (max-width:500px) {
.vc_grid-item-mini {min-height:unset !important;}	
}
/*
翻頁-----
*/
.visible-sml {display:inline-block !important;}
/*
尊貴客戶
*/
@media (max-width:768px) {
.vc_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {float:left;    min-height: 110px;}
}
.widget-heading {font-size:18px !important;font-weight:800 !important;}
/*
卡通禮品
*/
@media (max-width:768px) {
.cartdetail-img {max-width:100% !important;height:auto;margin-top:20px;}	
}
.cartdetail-img {margin-top:20px;}	
/*
翻頁衝突
*/
@media (max-width:767px) {
.pages .hidden-xs {display:none !important;visibility:hidden;}	
}
/*
意見及投訴反饋
*/
.wpcf7-list-item {margin:10px;}
span.wpcf7-not-valid-tip {
    color: red;
    font-size: 1em;
}
div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
	padding:10px;
}
div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}
/*
索取產品小冊子
*/
.lpfa_container .form-group .control-label .spanz {white-space:nowrap;margin-top:10px;}
/*
產品詳細頁
*/
.product_description img {width:100% !important;height:auto !important;}
.product_description,.product_scroll {max-height:200px; overflow-x:hidden;overflow-y:scroll;}
.slider-hide {display:none;}
/*
快速查詢按鈕
*/
.page-navizz {position:absolute;top: 320px;font-size:45px;cursor: pointer}
.page-navizz:hover {color:#FF6600;}
.page-navizz {left: 20px;display:none;}
.page-navizz:last-child {left: calc(100% - 65px);}
@media (max-width:768px) {
.wpcf7-submit,.btn-primarys,.main-top-right .enquiry_incontainer a {width:90%;display:inline-block;}
.place-order {padding:3px !important;}
.htk-input input,.your-area select,.your-sex {margin-top:10px;display:block;}
}
.wc-forward {width:80%;display:block;border-radius:0px !important;margin:auto;margin-top:10px;height:41px;padding-top:8px;font-size:14px;font-weight:bold;}
.name_b {font-weight:700;font-size:16px;margin-bottom:10px;}
.name_s {font-weight:400;font-size:12px;}
.preview_list {display:inline-block;display: inline-block;
    min-width:100px; 
    font-weight:700;
	}
.preview_list_chi {display:inline-block;display: inline-block;
    min-width:70px;
    font-weight:bold;
	font-family:monospace
	}
  .fmask .btn i {display:inline-block;margin-right:10px;width:14px;}
  
 /*
 頂部info區域動畫
*/
.info_animate {
width:325px;
height:200px;
margin-top:3px;
position:relative;
white-space:nowrap;
overflow:hidden;
}
.info_animate img {
display:inline-block;
}
/*
showcase首頁
*/
.prelative {position:relative;}
.showcaseMovie_play {
width: 30%;
position: absolute;
z-index: 99;
cursor: pointer;
color: #FFF;
box-shadow: 5px 5px 5px #333;
overflow:hidden;
}
.showcase-background {
background:url('/image/woodbg.jpg') top center;	
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
}
@media (max-width:990px) {
.showcaseMovie_play {
width:calc(100% - 30px);	
position:unset !important;
margin-left:15px;
margin-bottom:35px;
	
}	
}
.showcaseMovie_play:hover {color:#FF6600;}
.showcaseMovie_play i  {font-size:96px;position:absolute;z-index:7;left:calc(50% - 48px);top:calc(50% - 48px);}
/*
showcase列表
*/
.pageReplace {margin-top:20px;}
.pageReplace .btn,.pageReplace .pcurrents {display:inline-block;margin:0px 10px;}
.pageReplace .btn.disabled {color:#ccc;}
.pageReplace .pcurrents {padding:5px 12px;background:#CCC;color:#FF6600;border: 1px solid transparent;
    border-radius: 4px;}
.slider-hide {display:block !important;}
.pageReplace {margin-top:120px;}
.hang_container {overflow:hidden;margin:auto;margin-bottom:50px;margin-top:30px;padding:10px;}
.xs-click {display:none;}
@media (max-width:768px) {
.hang_container {height: 60px;
    margin-top: 70px;
    white-space: nowrap;
    overflow-x: scroll;
    margin-bottom: 0px;}
.hang_container ul {margin-left:-40px !important;}
}
.hang_container ul {list-style:none;margin:auto;margin-left:0px;}
.hang_container ul li {display:inline-block;}
.hang_container ul li a {color:#333;min-width:50px;background:rgba(255,255,255,.6);line-height:24px;text-align:center;margin:5px 5px;padding:5px 5px;border-radius:5px;display:block;}
.hang_container ul li.active {display:inline-block;}
.hang_container ul li.active a {color:#FFF;background:rgb(255, 102, 0);}
.hang_container ul li a:hover {color:#FFF;background:rgb(255, 102, 0);}
.hang_container+div {max-width:1800px;margin:auto;}
#owl-imgDetail .owl-item a {display:block;position:relative;}
#owl-imgDetail .owl-item a:after {
    content: "\f01d";
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #FFF;
    width: 100%;
    height: 100%;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    font-size: 22px;
    position: absolute;
}
#owl-imgDetail .owl-item a:hover:after {
color:#FF6600;	
}
.showTag {margin-top:20px;margin-bottom:20px;padding:10px;font-size:11pt;}	
.showTag a {color:#428bca;font-size:11pt;}
.showTag a:hover {color:#FF6600;} 
@media (min-width: 768px) {
    .modal-dialog{
        padding-top: 60px;
    }
    .modal .closex .iconfont{
        font-size: 30px !important;
    }
}
.product_item_list_n {margin-bottom:20px;margin-top:20px;box-shadow:5px 5px 0px #ccc;border:1px solid #ccc;padding:10px 30px;position:relative;}
.product_item_list_n>div {display:inline-block;}
.product_item_list_n>div:first-child {width:150px;}
.product_item_list_n>div:nth-child(3) {float:right;line-height:170px;position:absolute;z-index:99;right:10px;white-space:nowrap;top:10px;}
@media screen and (max-width:550px) {
.product_item_list_n {padding:10px 10px;}	
.product_item_list_n div:div:nth-child(3) {line-height:240px;left:164px;}
.enquiry_item .btn {margin-right:5px !important;}
.enquiry_item .btn:last-child {margin-right:0px !important;}
.product_item_list_n>div:first-child {width:116px;}
}
.enquiry_item .btn {display:inline-block;margin-right:10px;background:#333;border:unset !important;}
.enquiry_item .btn:hover{background:#666;}
.view_in {position:absolute;z-index:22;right:50px;top:20px;    min-width: 35px !important; height: 35px !important;font-weight: bold;color:#FFF;background:#FF6600;border-radius:120px;line-height: 35px;display:none;}
.listitem:hover .view_in {display:block;}
.view_in:hover {background:#F90}
@media screen and (max-width: 550px) {
.btn{padding: 6px;}
}
.container-full {max-width:1600px;margin:auto;}	
ul.polaroids li{display:inline;}
ul.polaroids a{background:#fff;display:inline;float:left;margin:0 0 27px 30px;width:auto;padding:10px 10px 15px;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;;text-decoration:none;color:#333;font-size:18px;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);-moz-box-shadow:0 3px 6px rgba(0,0,0,.25);-webkit-transform:rotate(-2deg);-webkit-transition:-webkit-transform .15s linear;-moz-transform:rotate(-2deg);}
ul.polaroids li{padding-left:0;}
.ind_filter {position:fixed;width:160;left:490px;top:10px;z-index:20000009}
@media screen and (max-width: 768px) {
ul.polaroids {    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding: 0px;}
ul.polaroids li  {
    display: inline-block;
    overflow: hidden;}
ul.polaroids li a{ position:relative;margin-left:0;-webkit-transform:unset !important;-moz-transform:unset !important;left:unset !important;top:unset !important;right:unset !important;}
ul.polaroids li:nth-child(even) a {right:0px !important;}
ul.polaroids li:nth-child(odd) a {left:0px !important;}
ul.polaroids img{display:block;width:170px;margin-bottom:12px;}
ul.polaroids .z_pic_list {width:140px !important;height:85px !important;}
.ind_filter {position:fixed;z-index:1999;left:0px;top:50px;width:100%;padding:10px;background:rgba(255,255,255,.7);}
}
ul.polaroids img{display:block;width:190px;margin-bottom:12px;}
ul.polaroids li:nth-child(even) a{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);}
ul.polaroids li:nth-child(3n) a{-webkit-transform:none;position:relative;top:-5px;-moz-transform:none;}
ul.polaroids li:nth-child(5n) a{-webkit-transform:rotate(5deg);position:relative;right:5px;-moz-transform:rotate(5deg);}
ul.polaroids li:nth-child(8n) a{position:relative;right:5px;top:8px;}
ul.polaroids li:nth-child(11n) a{position:relative;left:-5px;top:3px;}
ul.polaroids li.messy a{margin-top:-400px;position:relative;left:160px;}
ul.polaroids li a:hover{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.5);-moz-box-shadow:0 3px 6px rgba(0,0,0,.5);position:relative;z-index:5;}
ul.polaroids .listitem {position:relative;}
ul.polaroids  .btn_add {   min-width: 35px !important;
    height: 35px !important;
    border-radius: 120px !important;
    position: absolute;
    font-weight: bold;
    right: 10px;
	display:none !important;
	
	}
.listitem .fontse {font-weight:bold;}
ul.polaroids .btn_added {
transform:rotate(45deg) !important;
}
#detail_left,#xleft_in,#left_in,#detail_right,#xright_in,#right_in {width:calc((100vw - 850px)/2) !important;}	
#xleft_in {box-shadow:5px 5px 5px #333;}
#xright_in {box-shadow:-5px 5px 5px #333;}
.container-full .page-area {clear:both;margin:auto;min-height:100px;}
.container-full .page-area svg,.container-full .page-area svg path,.container-full .page-area  a {color:#fff !important;stroke:#fff !important;}
.container-full .fontse {min-height:28px;}
.listitem .fonth {    font-weight: normal;
    font-size: 10pt;
    min-height: 24px;
    min-width: 140px;}
.enquiry_x,.show_detail {
    float: right;
    margin-right: 30px;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    margin-top: -6px;
    border: 1px solid #ccc;
    border-top: 0;
    border-radius: 5px;
    margin-top: -50px;
    color: #FFF;
    background: #F60;
    min-width: 80px;
    text-align: center;
    font-size: 10pt;
}
.show_detail  {
margin-right:10px;	
}
.loading {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(255,255,255,.7);
    z-index: 10000000;
    left: 0px;
    top: 0px;
    text-align: center;
    padding-top: calc(50vh - 20px);	
}
#detail_incenter {transition:0.75s all;}
@media (max-width:600px) {
.gallery_header {left: 0px !important;
    margin-left: 0px !important}
#detail_zcenter {display:block;width:100vw !important;float:unset !important;height:auto !important;margin:0px !important;}	
#detail_container {width:100% !important;}
#detail_main {left:0px !important;width:100% !important;height:auto !important;margin:0px !important;}
#kj_incenter {width:calc(100vw - 10px) !important;margin-left:5px;height: calc((100vh * 496) / 702) !important;}
#detail_incenter {    background-size: cover !important;
    height: calc((100vh * 400) / 702) !important;
    width: calc(100% - 10px) !important;
    margin-left: 5px;}
#detail_zleft,#detail_zright {display:none !important;}
.container-full {width:100% !important;}
.container-full .fontse {max-width:140px;overflow:hidden;text-overflow:hidden;white-space:nowrap;}
#zz_close {margin-right:40px;}
.enquiry_x {        margin-top: 0px !important;
    height: 45px !important;
    line-height: 45px !important;
    min-width: 240px !important;
    font-size: 16px !important;
    position: absolute;
    bottom: 20px;
    left: calc(50vw - 120px);
    border-radius: 0px;
    box-shadow: 2px 2px 0px #ccc;}
	#gallery_detail {background:rgba(0,0,0,.9) !important;}
	.zpage {display:none;}
	.zpage.selects {display:inline-block;}
	#pagenavi {width:100% !important;margin-left:80px !important;}
	#pagenavi>span:last-child {display:none !important;}
	.pagenavi[rel="2"] {display:none !important;}
}
/*
.modal-open {
  overflow: initial !important;
}
*/
body.modal-open {
    overflow:hidden !important;
}
.tag_s {
    padding:30px 10px;
    font-size:11pt;
}
.tag_s a {
    font-size: 11pt;
    display:inline-block;
    min-width:60px;
    text-align:center;
    background: #F4F4F4;
    color: #707070;
    margin: 5px 0;
    padding: 5px 12px;
    border-radius: 2px;
}
.tag_s a:hover {
    background: #D1D1D1;
    color: #707070;
}
/*
seo
*/
.box-in .seo_box_in img {
clear:both;
margin:auto;	
}
.box-in .seo_box_in p {
margin:unset !important;	
}
.seo_box_in {
font-size:14pt;	
}
.seo_box_in iframe {width:100% !important;min-height:450px;}
.seo_box {margin-top:50px !important;}
.category_description {text-align:center;font-size:14px;}
.keyword_container {width:100%;background:#f1f1f1;}
.keyword_container ul {margin:auto;padding:0px;list-style:none;}

.keyword_container ul li a {font-size:14px;line-height:20px;padding-left:20px;position:relative;}
.keyword_container ul li a:before { content: "";
    width: 5px;
    height: 5px;
    background: #FF6600;
    border-radius: 50px;
    position: absolute;
    left: 0px;
    top: 5px;}
.keyword_container h2 :hover {color:#333;}	
@media (max-width:768px) {	
.product_title {font-size:30px !important;text-align:center;}
#pbr-showcase .modal-dialog {margin-top:60px;}
}
.inner-logo {display:none;}
.icg {position: absolute;
    right: 10px;
	top: 0px;}
.inp {height:100vh;overflow:hidden;}
.goTonext {
    width: 100%;
    height: 100%;
    background:#EFEFEF;
    border-radius: 5px;
    color:#ccc;
    font-size: 120px;
    display: flex;
    justify-content:center;
    align-items:Center;
	cursor:pointer;
	
}
.goTonext:hover {
color:#FF6600;	
}
.breadcrumb-container {
margin-top: 35px;
    background: #efefef;
    height: 24px;
    margin-left: 12px;
    margin-right: 12px;	
}
.breadcrumb-container .breadcrumb{
    background: #fff;
    margin: 0px 3px;
    padding: 8px 5px;
	}
.breadcrumb-container .breadcrumb a {
    font-size: 16px;
    font-weight: bold;
	color:#999 !important;
	
}	
.breadcrumb-container .breadcrumb li:before {
content:" > ";	
}	
.breadcrumb-container .breadcrumb li:first-child:before {
content:"";	
}	
.breadcrumb-container .breadcrumb li:last-child a {
color:#FF6600 !important;	
}
.kt-ts {display:none;}
h6{font-size:36px;}
.box-inList a {font-size:14px !important;}
.box-inList  .product_item_list {width: calc((100%)/3) !important;margin:auto;}
.box-inList .fmask .btn {    text-align: center;
    padding: 8px 0px !important;
    display: block;
    width: 50%;
    font-size: 10pt !important;}
.article-wrap-left,.article-wrap-right {float:left}
.article-wrap-left {width:70%;padding-right:2%;border-right:1px solid #efefef;}
.article-wrap-left  img {max-width:calc(100% - 48px);height:auto !important;}
.article-wrap-right {width:30%;padding-left:10px;height:100%;}
.article-wrap-right ul {list-style:none;margin:0px;}
.article-wrap-right ul li {padding:10px 0px;}
.article-wrap-right ul li {margin-left:-10px;}
.article-wrap-right ul li a {font-size:12pt !important;}
.article-wrap-right  .description {font-size:10pt !important;color:#999;padding-bottom:10px;border-bottom:1px solid #efefef;}
.article-wrap-right .image {margin-bottom:10px;}
.article-wrap-right  ul li:last-child {text-align:right;}
.article-wrap-right  ul li:last-child a  {font-size:10pt !important;}
.article-wrap-right  ul li:last-child a:after {content:" >>";}
.article_item .stitle a {font-size:12pt !important;}
.more-link {font-size:12pt;font-weight:bold;color:#428bca;text-decoration:underline !important;}
.more-link:after {content:">>";}
.more-link:hover {color:#FF6600;}
@media (max-width:768px) {
.box-inList  .product_item_list {width: calc((100% - 20px)/2) !important;margin:auto;margin-right:5px !important;margin-left:5px !important;}	
.article-wrap-left,.article-wrap-right {float:none;width:100%;}
.article-wrap-left .mobile_enquiry {top:calc(100% + 46px);}
.article-wrap-left .btn_add {min-width:10px !important;}
.entry-content img  {height:auto !important;margin-left:0px !important;}
    .article-wrap-left {border-right:none;}
}
.preview_content_in  .seo_box_in {width:100%;max-width:100%;margin-top:40px;}
.item-more {font-size:11pt !important;text-decoration:none !important;font-weight:normal !important;color:#333 !important;}
@media screen and (max-width:1200px) and (min-width:994px) {	
.modal-dialog {
    width: 900px;
}
.modal-lg .modal-body {
    overflow: auto;
    margin: 10px;
    overflow-x: hidden	
}
.preview_content_in {width:700px;margin:auto;max-height:unset !important;}
		
}
.more_article_name a {font-size:12pt;color:#428bca}
.more_article_name a:after {content:">>"}
.more_article_name a:hover {color:#FF6600;}
/*底部新加部分
*/
.about_container {
	padding-top: 20px;
    border-top: 1px solid #ccc;
    background: #f1f1f1;
	min-height:320px;
	}
.about_container .container {display:flex;}
.about_container .container_in .title-system {line-height: 30px;
    font-size: 16px;
    color:#666;
    margin-bottom: 10px;}
.about_container .container_in .title-system:after {display:block;width:40px;height:2px;background:#666;content:""}
.about_container .container_in .content-system {font-size:14px;color:#999;line-height:24px;letter-space:2px}
.about_container .container_in:first-child {margin-left:-40px;}
.about_container .container_in:first-child .content-system {overflow:hidden;text-overflow:ellipsis;height:158px;}
.about_container .container_in:first-child  .content-system a {color:#ff6600;}
.about_container .container_in:first-child {flex:1 1 50%;padding-right:15%;}
.about_container .container_in:nth-child(2) {flex:1 1 25%;}
.about_container .container_in:last-child  {flex:1 1 25%;}
.about_container .container_in:last-child i {color:#FF6600;}
.about_container .container_in .content-list a {color:#999;font-size:14px;}
.about_container .container_in .content-list>div {display:inline-block;float: left;margin-right:10px;min-width:20px;line-height:24px;}
.about_container .container_in .content-list .icon {text-align:center;}
.about_container .container_in .content-list .description {width:calc(100% - 100px);}
.about_container .container_in .content-list:last-child {padding-top: 20px;clear:both;position:relative;}
.about_container .container_in .content-list:last-child #footer-newsletter {width: 35px;
    width: 35px;
    height: 34px;
    background: #FF6600;
    position: absolute;
    z-index: 23;
    right: 0px;
    color: #FFF !important;
    top: 20px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
    line-height: 34px;}
.about_container .container_in .content-list:last-child #footer-newsletter i {color:#FFF !important;}
@media (max-width:768px) {
.about_container .container_in:first-child {margin-left:unset;}	
.about_container .container {display:block;}
.about_container .container_in:first-child {clear:both;padding-right:unset;word-break:break-all;}
.about_container .container_in:nth-child(2) {float:left;width:30%;}
.about_container .container_in:last-child  {float:left;width:70%}	
}	
.whatsapp-container{
    position: absolute;
    right: 173px;
    z-index: 222;
    height: 60px;
}
.whatsapp-container .fa-whatsapp{
    font-size: 26px;
    line-height: 60px;
    margin: 0 10px;
    color: #fff;
    cursor: pointer;
}
.whatsapp-info{
    position: absolute;
    width: 300px;
    left: -95px;
    background: #fff;
    text-align: center;
    top: 100%;
    padding: 40px 10px;
    display: none;
    font-family: Poppins;
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
    color: #333;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.scroll .fa-whatsapp,
.page-top-s4:hover .fa-whatsapp{
    color: #333;
}
.page-top-s4:hover .fa-whatsapp:hover{
    color: #57C900;
}
.whatsapp-container .whats-btn:hover{
    background: #f30;
}
.whatsapp-container:hover .whatsapp-info{
    display: block;
}
.whatsapp-container .whats-btn{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 2px;
    background: #f60;
    padding: 6px 15px;
    line-height: 24px;
    display: inline-block;
}
.page-top-s4:hover .main-top-right .dropdown,
.main-top-right .dropdown{
    border: none;
}
@media (max-width:900px) {
    .main-top-left>ul{
        padding-inline-start: 0px;
    }
}
.tel-container  {
    position: absolute;
    z-index: 222;
    right: 230px;
    line-height: 70px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 2px;
    padding-left: 30px;
}
.tel-container:before {
content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(/image/phone.png);
    background-position: -24px -24px;
    background-size: 24px;
    left: 0px;
    top: 20px;
}
.scroll .tel-container {
color:#333;	
}
.scroll .tel-container:before {
content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(/image/phone.png);
    background-size: 24px;
    left: 0px;
    top: 20px;
}
.main-top-right .tl {
    margin-top: -3PX;
}

.list .tel-container:before {
content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(/image/phone.png);
    background-size: 24px;
    left: 0px;
    top: 20px;
}
.page-top-s4:hover .tel-container {
color:#333;	
}
.page-top-s4:hover .tel-container:before {
content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(/image/phone.png);
    background-size: 24px;
    left: 0px;
    top: 20px;
}
.cart_list {
    max-height: calc(100vh - 260px);
    overflow-x: hidden;	
}
.mobile-show{
    display: none;
}
.mobile-hide{
    display: block;
}
.font-24{
    font-size: 24px;
}
.font-16{
    font-size: 16px;
}
.font-12{
    font-size: 12px;
}
.font-bold{
    font-weight: bold;
}
.mnt30{
    margin-top: 30px;
}
.pdl5{
    padding-left: 5px;
}
.pdr5{
    padding-right: 5px;
}
.article_list_new .owl-wrapper-outer .owl-item{
    padding-right: 20px;
}
.topM{
    margin-top: 56px;
}
@media screen and (max-width: 767px) {
    .topM{
        margin-top: 49px;
    }
    .mobile-show{
        display: block;
    }
    .mobile-hide{
        display: none;
    }
    .box-in .product_item_list .name strong,
    .box-in .product_item_list .fmask {
        display:none;
    }
    .showmore .vc_grid.vc_row.vc_grid-gutter-35px .mobile-margin20{
        margin-left: -20px;
        margin-right: -20px;
    }
    .vc_grid.vc_row.vc_grid-gutter-35px .mobile-margin20 .vc_grid-item{
        padding-right: 10px;
        padding-bottom: 10px;
        width: 40vw;
    }
    .showmore .showcase-a{
        padding-bottom: 20px;
    }
    .showcase-a .showcase-a-scroll,
    .showcase-b .showcase-b-scroll{
        overflow-x: scroll;
    }
    .showcase-a .showcase-a-width,
    .showcase-b .showcase-b-width{
        width: 360vw;
    }
    .margin-50{
        margin-top: 50px;
    }
    .tag_s a{
        font-size: 12px;
    }
    .about_container .container{
        padding-bottom: 20px;
        border-bottom: 1px solid #ccc;
    }
    .about_container .container_in .content-list .tel-color{
        color: #00A2E8;
        text-decoration: underline !important;
    }
}
.productvideo {height:calc(100vw * 0.356);display:table-cell;vertical-align: middle;text-align: center;width:100vw;}
.productvideo .video-bg {height:calc(100vw * 0.356);}
.banner_title_big {font-size:80px;font-weight:bold;}
.banner_title_small {font-size:18px;font-weight:400;letter-spaceing:5px;}
@media screen and (max-width:768px) {
.banner_title_big {font-size:40px;font-weight:bold;margin-top:30px;}	
    .article_list_new .owl-wrapper-outer .owl-item{
        padding-right: unset;
    }
}
.sys_more {line-height:24px;}
.sys_more a {color:#333;font-size:11pt;}
.sys_more a:hover {color:#FF6600}
.sys_more a:after {content:">>";}
/*
印刷方式
*/
.wrap-title {margin:20px 0px;}
.wrap-content-container .item {margin:20px 0px;border:1px solid #ccc;padding:10px;}
.wrap-content-container .item>div {display:inline-block;vertical-align: middle;padding:20px;}
.wrap-content-container .item>div {width:30%;text-align:center;}
.wrap-content-container .item>div img {margin:auto;}
.wrap-content-container .item>div .intitle {margin:10px;font-size:10pt;text-align:center;}
.wrap-content-container .item>div:nth-child(2) {border-right:1px solid #ccc;}
.wrap-content-container .item>div:last-child {line-height:100%;width:38%;text-align:center;padding:unset}
.wrap-content-container .item>div:last-child>div {text-align:center;margin-left: 20px;}
.wrap-content-container .item>div:last-child a {font-size:14px;line-height:24px;}
@media screen and (max-width:768px) {
.wrap-content-container .item>div {display:inline-block;width:48%;}
.wrap-content-container .item>div:nth-child(2) {border:unset;}
.wrap-content-container .item>div:last-child {display:block;width:100%;border-top:1px solid #CCC;padding-top:20px;}	
}
.printMethod-container .item {display:inline-block;width:20%;padding:10px;text-align:center;margin:20px 0px;}
.printMethod-container .item:hover a {color:#ff6600;}
@media screen and (max-width:768px) {
.printMethod-container .item {width:33%;}
.printMethod-container .item .title {line-height:24px;font-size:10px !important;margin:10px;}	
}
.printMethod-container .item .title {line-height:24px;font-size:16px;margin:10px;}
/*
詳細頁追加部分
*/
.more_for_detail {max-width: 750px;
    max-width: 750px;
    margin: auto;
    text-align: center;
    padding: 35px;
    padding-bottom: 25px;
    clear: both;
    font-size: 16pt;
	
}
.click_f_more {
    clear: both;
    min-width: 160px;
    border-radius: 50px;
    background: #333;
    border: none;
    margin:20px 0px;
    margin-bottom:10px;	
}
@media screen and (max-width:768px) {
#slide-74-layer-3 {max-height:255px !important;overflow:hidden;}
    .article_list_new  .widget {margin-left:0px;}
.showProduct .product_item_list_n .p-name {
width: calc(100% - 122px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}	
}
.mobile-hot-icon,.mobile-new-icon {font-size: 12px;
    font-weight: 500;
    color: #fff;
    border-radius: 3px;
    position:relative;
    margin-left:20px;
    padding: 0 5px;}
.mobile-hot-icon {
background:#f15a24
}
.mobile-new-icon {
background:#009245
}
.mailto{
    color: #00A2E8 !important;
    font-size: 16px;
}
.mailto:hover{
    color: #f60 !important;
}
.btn-m{
    font-size: 16px;
    text-decoration: underline !important;
    color: inherit !important;
    font-weight: bold;
    border: 2px solid #333;
    padding: 10px 40px;
    border-radius: 5px;
}
.btn-m:hover{
    color: #f60 !important;
    border: 2px solid #f60 !important;
}
/*******Enquiry Page*******/
.enquiry-imgbak{
    position: absolute;
    z-index: -2;
}
.enquiry-list-img{
    position: absolute;
    right: 20px;
    top: -70px;
    z-index: -1;
}
.details-img{
    width: 130px;
    position: absolute;
    right: 20px;
    top: -20px;
    z-index: -1;
}
.pdat{
    padding-bottom: 60px;
}
.padding-left-20{
    padding-left: 20px;
}

.border-bottom{
    border-bottom: 1px solid #EAEAEA;
}
.woocommerce-page #enquiry-form .form-row .input-text,
.woocommerce-page #enquiry-form .form-row select{
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 5px;
}
#enquiry-form #payment{
    background: none;
    text-align: center;
    padding-top: 20px;
}
.woocommerce-page #enquiry-form #payment #place_order{
    float: none;
    width: 80%;
    border-radius: 30px;
    background-color: #3991DB;
    color: #fff;
}
@media screen and (max-width:767px) {
    .order-review .product-total{
        width: auto;
    }
    .order-review .product-quantity .quantityzzx{
        margin-top: 0;
    }
    .order-review .product-quantity button{
        display: none;
    }
    .padding-left-20{
        padding-left: 0;
    }
    .order-review #order-review .select-total{
        padding: 10px 0;
        display: block;
    }
    .order-review .product-thumbnail{
        width: 60px;
        padding-right: 10px;
    }
    .details-img{
        width: 100px;
    }
    .enquiry-list-img,
    .details-img{
        right: 10px;
    }
    .en #customer_details .pdat{
        width: 50%;
    }
}
/*******Enquiry Page*******/