body{width:100%;margin:0;padding:105px 0 0 0;overflow-x:hidden;font-size:14px;background-color:rgb(255,255,255);}
body,h1,h2,h3,h4,h5,h6,label,.field--label,.page-title, .html .tp-caption,nav,nav ul li,nav a,.site-name, .navbar-brand,blockquote, blockquote p{font-family: 'Graphik Web', sans-serif !important;}

body.toolbar-tray-open header.global-header, body.toolbar-tray-open header.product-header{display:none !important;}
h1,h2{text-transform:uppercase;}
p{font-size: 1em;line-height:150%;}
a, a:visited, a:hover, a:active{color:rgb(0,0,0);text-decoration:none;}
.cta a, a.cta, input.cta .btn, .cta, .btn, form input{margin:1em 0;padding:6px 12px;border:thin solid rgb(0,0,0);border-radius:4px;font-size:14px;line-height:20px;text-decoration:none;text-transform:uppercase;box-sizing:border-box;color:rgb(0,0,0);background-color:transparent;}

form input{text-transform:none;}

form .btn:hover{color:rgb(0,0,0);border-color:rgb(140,140,140);background-color:transparent;}

.btn-default:hover, .cta a:hover, .btn.focus{background-color:transparent;}
.cta-wh a, a.cta-wh, .btn-wh{color:rgb(255,255,255);border-color:rgb(255,255,255);background-color:rgb(0,0,0);}
.cta-outline a, .btn-outline a{background-color:transparent;}
.text-shadow{text-shadow:2px 2px 2px rgb(0,0,0);}
.text-glow{text-shadow:0px 0px 30px rgb(255,255,255);}

#logo{margin:0;}

input[type="text"],input[type="textarea"],input[type="select"] {height: auto;margin:.375em 0;padding:.75em;display:block;line-height: inherit;border: 1px solid #cacaca;border-radius: 3px;background-color:rgb(255,255,255);}
ul,li{margin:0;padding:0;list-style:none;}

.hidden{width:0;height:0;display:none;}
.wh-bg{color:rgb(0,0,0);background-color:rgb(255,255,255);}
.text-black, .text-black .btn{color:rgb(0,0,0);border-color:rgb(0,0,0);}
.bg-white{background-color:rgb(255,255,255);}
.text-white, .text-white .btn{color:rgb(255,255,255);border-color:rgb(255,255,255);}
.bg-black{background-color:rgb(0,0,0);}
.text-center{text-align:center;}

header, main, footer, panel, article, content, nav{display:block;margin:0;padding:0;position:relative;}
/**/
header.global-header{width:100%;height:auto;margin:0;padding:0;top:0;left:0;z-index:999;position:fixed;background-color:rgb(255,184,0);}
header.global-header content{
	width:90%;
	/*max-width:1050px;*/
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;   /* logo ?椰嚗擗???*/
	align-items: center;
	flex-wrap: wrap;                   /* ??撅???? */
}
header.global-header content.announcement{width:100%;max-width:100%;height:auto;margin:0;padding:0;display:block;text-align:center;color:rgb(255,255,255);background-color:rgb(0,0,0);}
header.global-header content.announcement p{margin:0;padding:10px;font-size:.85em;font-weight:500;line-height:100%;}
header.global-header content .logo{
	height:auto;
	margin:0;
	padding:1em 0;
	}
header.global-header content .logo img{
	width: auto;
	height: 2rem;
	margin: 0;
	padding: 0;
	}
header.global-header content nav{height:100%;margin:0;padding:0;display:block;}
header.global-header content nav>div{
	width:auto;height:100%;
	line-height: 5em;
margin:0;position:relative;display:inline-block;}
header.global-header content nav>div.search:last-of-type{display:none;}
header.global-header content nav>div:hover .dropdown{visibility:visible;}
header.global-header content nav>div>*{padding:0 1.14em;}
header.global-header content nav a{margin:0;font-size:1em;text-decoration:none;font-weight:500;line-height:2.857em;text-transform:uppercase;}
header.global-header content nav a:hover{
	color:rgb(255,255,255);
	}
header.global-header content nav>div>a{
	
padding: 0 12px; 
        font-size: 1rem;
        font-weight: 600;
       
	   
	}


/*global-header.css*/
/* ===== GLOBAL HEADER ===== */
/* Cameras / Support 連結垂直置中，如 logo */



/* ===== 獢??(??800px) ===== */
@media (min-width: 800px) {

	#global-header {
		position: fixed;
		top: 0;
		z-index: 100;
		overflow: visible;
	}

	#global-header * {
		overflow: visible;
	}
	
	#global-header content {
		justify-content: space-between;
		flex-wrap: nowrap;
		align-items: stretch;
	}

	

}





header.global-header content nav div .dropdown{width:200px;margin:0;padding:.25em 1.5em;top:100%;left:0;right:auto;position:absolute;display:block;visibility:hidden;background-color:rgb(255,184,0);}
header.global-header content nav div .dropdown a{
	width:100%;margin:0.75em 0;display:block;line-height:1.5;
	}
header.global-header content nav div.cart .dropdown, header.global-header content nav div.support .dropdown{left:auto;right:0;}

header.global-header content .global-header-menu-icon{width:100%;height:auto;margin:0;padding:0;display:none;top:0;right:0;position:relative;text-align:right;}
header.global-header content .global-header-menu-icon button{position:relative;font-size:1.5em;border-width:0;background:none;cursor:pointer;}
header.global-header content .global-header-menu-icon .close{display:none;}

footer.global-footer{width:100%;max-width:100%;margin:0 auto;padding:0rem 0 0 0;color:rgb(116,122,133);background-color:rgb(33,37,42);}
footer.global-footer section > div,
footer.global-footer section > nav{width:90%;max-width:1050px;margin:2rem auto;text-align:left;}
footer.global-footer section.site-map nav{display:flex;justify-content:space-between;}
footer.global-footer section.site-map nav > div{width:20%;padding:0 0 0 2rem;border:0 solid rgb(116,122,133);border-width:0 0 0 1px;}
footer.global-footer section.site-map nav a{display:block;margin:0 0 1rem 0;color:rgb(116,122,133);}
footer.global-footer section.site-map nav div:first-of-type{width:30%;padding:0;border-width:0;}
footer.global-footer section.site-map nav div:first-of-type a{display:inline-block;margin:0 1rem 0 0;font-size:1.75rem;}
footer.global-footer section.site-map nav div:first-of-type img{width:80%;height:auto;}
footer.global-footer section.tech-disclaimer > div div *{display:inline-block;padding:0 2rem 0 0;}
footer.global-footer section.tech-disclaimer > div div img{width:auto;height:3rem;}
footer.global-footer section.company-copyright{padding:1.5rem 0;background-color:rgb(26,30,34);}
footer.global-footer section.company-copyright div{margin:0 auto;background-color:rgb(26,30,34);}

header.product-header,header.downloads-header{width:100%;max-width:100%;height:auto;margin:0 auto;padding:10px 0;top:105px;left:0;z-index:500;position:fixed;overflow-y:visible;color:rgb(50,50,50);border-bottom:thin solid rgb(136,136,136);background-color:rgb(255,255,255);}
header.product-header content,header.downloads-header content{width:90%;max-width:1050px;margin:0 auto;padding:0;display:flex;position:relative;justify-content:space-between;}
header.product-header content>nav,header.downloads-header content>nav{padding:5px 0;display:flex;justify-content:flex-end;align-items:flex-start;}
header.product-header content>nav>div, header.downloads-header content>nav>div{margin:0 0 0 32px;display:inline-block;text-align:justify;vertical-align:top;line-height:12px;}
header.product-header content h3, header.downloads-header content h3{margin:0;padding:0;font-size:20px;font-weight:700;color:rgb(50,50,50);line-height:22px;text-transform:uppercase;}
header.product-header content h3 div, header.downloads-header content h3 div{width:auto;height:auto;margin:0;}
header.product-header content nav div a, header.downloads-header content nav div a{font-size:12px;color:rgb(50,50,50);text-decoration:none;text-transform:uppercase;}
header.product-header content nav div a{padding:10px 25px;border-radius:0;}
header.product-header content nav div a:hover{color:rgb(180,180,180);background-color:transparent;}
header.product-header content nav div a.active{color:rgb(180,180,180);text-decoration:underline;background-color:transparent;}
header.product-header content nav div a.buybtn{color:rgb(255,255,255);background-color:rgb(0,0,0);}
header.product-header content nav div a.buybtn:hover{background-color:rgb(180,180,180);}
header.product-header content nav div a.buybtn.active{text-decoration:none;}
header.product-header content nav div a.buybtn.active:hover{background-color:transparent;}

body.support-downloads header.product-header content h3{text-transform: uppercase;}

main section div.col{width:420px;margin:0px 10px;display:inline-block;vertical-align:top;}
main section div.col p{line-height:150%;}

@media (max-width:818px) {

header.global-header content{
	width:100%;
	/*height:auto;*/
	
	}
header.global-header content.announcement{height:auto;}
header.global-header content .logo{height:auto;margin:0 0 0 25px;padding:10px 0;}
header.global-header content .logo img{
	/*width:auto;height:25px;margin:0;*/
	}

header.global-header content .global-header-menu-icon{width:auto;display:block;margin:0 19px 0 0;}
header.global-header content nav{
	width:100%;height:100vh;min-height:100vh;margin:0;padding:2em 0;
	display:none;top:100%;left:0;z-index:1000;position:absolute;
	background-color:rgb(255,184,0);
	
	}

 header.global-header content > nav div {
    width: 100%;
    height: 0px;
    margin: 0 10px 10px 0;
    padding: 0;
    text-align: center;
    line-height: 125%;
    background-color: inherit;
  }
header.global-header content nav>div.search{display:none;}
header.global-header content nav>div.search:last-of-type{display:block;}
header.global-header content>nav div a{
	font-size:1em;
	line-height:150%;
	text-align:left;
	
	}
	/*rebecca add*/
	.menu-item > *:first-child {
  
	
	  display: block;
    font-size: 1.65rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.25rem;

}
  
.menu-item > *:first-child:hover {   
    cursor: pointer;
}
  /*漢飽下拉式選單*/
.menu-item:hover .dropdown {
   position: relative;   
  
  
   

	
	    font-size: 1.1rem;
    font-weight: 400;
    display: block;
    margin-bottom: 0.4rem;
	
	
}
  
  .menu-item .dropdown {
    display: none;
	height:10px;  
  
    font-size: 1.2rem;
    font-weight: bolder;

}
	
/*



header.global-header content nav>div:hover .dropdown{visibility:hidden;}

*/
header.global-header content nav>div .dropdown{
	width:100%;
height:0;
	margin:0;
	padding:0;

	top:auto;
	left:auto;
	right:auto;
	position:absolute;
	/*position:relative;
		
			display:block;
				height:auto;
	*/
	visibility:hidden;
	}
header.global-header content nav>div.cart .dropdown{height:auto;position:relative;visibility:visible;}
header.global-header content nav>.cart:hover .dropdown{visibility:visible;}

header.global-header content>nav .search>a::after{content:' Search';}
header.global-header content>nav .cart{width:100%;height:auto;padding:1.5em 0;}
header.global-header content>nav .cart>a{width:100%;padding:0 0 .4em 0;display:block;font-size:1.5em;font-weight:600;}
header.global-header content>nav .cart>a:hover{color:rgb(0,0,0);}
header.global-header content>nav .cart>a::after{content:' Shop  ';}
/*
header.global-header content>nav .cart .dropdown{margin:1.5em 0 0 0;display:block;}
header.global-header content>nav .cart .dropdown a{text-align:center;}

*/

header.product-header, header.downloads-header{top:76px;}
header.product-header content h3, header.downloads-header h3{font-size:16px;}
header.product-header content>nav>div, header.downloads-header content>nav>div{margin:0 0 0 5px;}
header.product-header content>nav>div a, header.downloads-header content>nav>div a{padding:10px;}

}

@media (max-width:768px) {
footer.global-footer section.site-map nav{display:block;}
footer.global-footer section.site-map nav > div,
footer.global-footer section.site-map nav > div:first-of-type{width:100%;padding:1rem 0 2rem 0;border-width:0 0 1px 0;}



}


/* slider */
.slider {
	width: 100%;
	aspect-ratio: 4/3;
	position: relative;
	overflow: hidden;
}

.slider * {
	width: 100%;
	height: inherit;
	margin: 0;
	padding: 0;
	list-style: none;
}


.slider ul {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	/*overflow: visible;*/
}

.slider ul li {
	width: inherit;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.slider nav {
	width: 100%;
	height: 10%;
	position: absolute;
	left: 0;
	bottom: 0;
	/*display: flex;*/
	display: none;
	flex-direction: row;
	justify-content: space-between;
}

.slider nav button {
	padding: 0 5px;
	font-size: 2em;
	font-weight: 700;
	line-height: 100%;
	color: inherit;
	border-width: 0;
	background-color: transparent;
}

/* */

/* user-photos slider */

.user-photos .slider li {
	background-size: 95%;
	background-position: 50%;
}