@charset "UTF-8";
/* CSS Document */

html { width:100%; height:100%; overflow:auto; min-height:0 !important; }
body { background-color:#bdbfb6; 2background-color:#333333; color:#686969; -webkit-text-size-adjust:none; }
html, body, textarea, select, input, button { font:12px/18px "TeXGyreAdventor", "微軟正黑體","Microsoft Jhenghei", Helvetica, Arial, sans-serif; }
body, html, *, div { margin:0; padding:0; box-sizing:border-box; }
h1, h2, h3, h4, h5, h6 { cursor:default; }
select { font-family:'Anivers', Lucida Grande, Arial, Helvetica, sans-serif; letter-spacing:0; color:#5F5C5C; }
table { border:none; border-collapse:collapse; border-spacing:0; }
img { border:none; }
a { text-decoration:none; color:#008853; cursor:pointer; transition:color 300ms; }
a:hover { color:#008853; }
a.active { color:#008853; }
a:focus { outline:none; }
p { font-size:1em; margin-bottom:1.5em; line-height:1.5em; cursor:text; }
input[type="button"], input[type="reset"], input[type="submit"] { padding:4px 15px; background:#008853; color:white; border:none; border:1px solid #008853; cursor:pointer; }
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background:#ffc614; border-color:#ffc614; }
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border:1px solid #ffc614; padding:5px 14px 3px 16px; }
*::-webkit-input-placeholder { color:#bcbec0; font-size:1em; }
*:-moz-placeholder { color:#bcbec0; }
*::-moz-placeholder { color:#bcbec0; }
*:-ms-input-placeholder { color:#bcbec0; }

@font-face {
	font-family:"TeXGyreAdventor";
	font-weight:normal;
	font-style:normal;
	src:url('font-face/texgyreadventor-regular-webfont.eot');
	src:url('font-face/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('font-face/texgyreadventor-regular-webfont.woff') format('woff'),
		url('font-face/texgyreadventor-regular-webfont.ttf') format('truetype'),
		url('font-face/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg');
}
@font-face {
	font-family:"TeXGyreAdventor";
	font-weight:bold;
	font-style:normal;
	src:url('font-face/texgyreadventor-bold-webfont.eot');
	src:url('font-face/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('font-face/texgyreadventor-bold-webfont.woff') format('woff'),
		url('font-face/texgyreadventor-bold-webfont.ttf') format('truetype'),
		url('font-face/texgyreadventor-bold-webfont.svg#TeXGyreAdventorBold') format('svg');
}
@font-face {
	font-family:"BebasNeue";
	font-weight:normal;
	font-style:normal;
	src:url('font-face/bebasneue-webfont.eot');
	src:url('font-face/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
		url('font-face/bebasneue-webfont.woff') format('woff'),
		url('font-face/bebasneue-webfont.ttf') format('truetype'),
		url('font-face/bebasneue-webfont.svg#BebasNeue') format('svg');
}


/* UTIL */

.clr { clear:both; zoom:1; height:0; font-size:0; line-height:0; }
.floatL { float:left; }
.floatR { float:right; }
.hide { display:none; }
.alignCtr { text-align:center; }
.alignBtm { vertical-align:bottom; }
.alignRight { text-align:right; }

.desktop { display:block; }
.mobile { display:none; }


.hover_zoom a { overflow:hidden; }
.hover_zoom a img, .hover_zoom img {
	transition:transform 300ms; transform:scale(1); 
	-webkit-transition:-webkit-transform 300ms; -webkit-transform:scale(1);
	-ms-transition:-ms-transform 300ms; -ms-transform:scale(1);
}
.hover_zoom a:hover img, .hover_zoom img:hover {
	transform:scale(1.2); -webkit-transform:scale(1.2);
}

@media screen and (max-width: 479px) {
	.desktop { display:none; }
	.mobile { display:block; }
}




/* GLOBAL */

body { text-align:center; }

.fa { font-family:FontAwesome !important; }

.block_wrapper { position:relative; float:left; display:block; width:100%; vertical-align:top; }
.block_container { margin:0 auto; display:block; max-width:1320px; width:100%; }
.base { text-align:left; clear:both; }

.list_trigger { position:relative; 2margin-left:24px; }
.list_trigger .list_caret { position:absolute; left:-28px; top:0; }
.list_trigger .fa { margin-left:10px; display:none; }
.list_trigger:hover h1 { color:#ffd970; }
*.expand > .list_trigger .fa-caret-right { display:none; }
*.expand > .list_trigger .fa-caret-down { display:none; }
*.expand .sub, *.expand .sub.small { display:block; }

/* Bootstrap Overide */
.btn-default.yellow { background-image:linear-gradient(to bottom, #ffedbd 0%, #ffd970 100%); background-color:#ffd970; border-color:#ffd970; color:#6e521f; }
.btn-default.yellow:hover { border-color:#ffcb3d; }
.btn-default.yellow:hover, .btn-default.yellow:focus { background-color:#ffe08a; }

.dropdown label { font-weight:normal; margin:0; padding:0; }

.dropdown.dynamic .btn { text-align:left; position:relative; padding-right:25px; }
.dropdown.dynamic .caret { position:absolute; top:15px; right:8px; }
.dropdown.dynamic .dropdown-menu { min-width:100%; }

@media screen and (max-width: 767px) {
	.list_trigger .fa { display:inline-block; }
	.list_trigger .fa-caret-down { display:none; }
	*.expand > .list_trigger .fa-caret-right { display:none; }
	*.expand > .list_trigger .fa-caret-down { display:inline-block; }
}




/* TOP */

#base_header { background-color:white; z-index:10; }
#base_header .block_container { max-width:none; }
#base_header .base { position:relative; height:74px; z-index:10; background-color:white; float:left; width:100%; }

#base_header .base_logo { width:129px; position:absolute; top:0; left:0; margin-left:28px; text-align:center; z-index:3; }
#base_header .base_logo a { float:left; width:100%; padding-bottom:75.79%; background:#008752 url('../img/logo-ie.png') center center no-repeat; 2background-size:63.05%; transition:padding-bottom 300ms; }

.flow #base_header .block_container { height:74px; }
.flow #base_header .base_logo a { padding-bottom:56.79%; }
.flow #base_header .base { position:fixed; top:0; width:100%; }

.base_nav { float:left; padding:28px 0 0 171px; clear:both; width:100%; }
.base_nav > li { list-style-type:none; float:left; font-size:15px; font-weight:bold; }
.base_nav > li:first-child { margin-left:0; }
.base_nav > li > a { text-decoration:none; float:left; padding:14px 8px 17px 8px; padding-left:5px; padding-right:5px; transition:padding 300ms, background-color 300ms, color 300ms; line-height:1em; color:#535b62; border-radius:5px 5px 0 0; }
.base_nav > li > a:hover, .base_nav > li.active > a { background-color:#d6d9ce; color:#008853; }
.base_nav > li .sub { float:left; clear:both; display:none; }
.base_nav > li.visible .sub { display:block; }
.base_nav > li.expand .sub { display:none; }
.base_nav > li.active.visible.expand .sub { display:block; }
.base_nav > li.social, .base_nav > li.lang { display:none; }

.base_nav > li .sub .wrapper { position:absolute; left:0; margin:0 auto; width:100%; background:#71736d url('../img/bg-nav.png') 138px 0 no-repeat; }
.base_nav > li .sub .wrapper ul { vertical-align:top; padding:43px 0 58px 185px; float:left; }
.base_nav > li .sub .wrapper ul li { float:left; clear:both; text-transform:none; list-style:none; margin-top:15px; }
.base_nav > li .sub .wrapper ul li:first-child { margin-top:0; }
.base_nav > li .sub .wrapper ul li.active a { margin-top:0; color:#ffc614; }
.base_nav > li .sub .wrapper ul li a { color:#ffffff; text-decoration:none; line-height:1em; }
.base_nav > li .sub .wrapper ul li a:hover { color:#ffc614; }

.base_nav > li .sub .wrapper ul.icon-list { width:100%; font-size:0; padding-bottom:20px; }
.base_nav > li .sub .wrapper ul.icon-list li { width:11.23%; display:inline-block; clear:none; vertical-align:top; font-size:16px; margin-right:22px; margin-top:0; margin-bottom:22px; float:none; }
.base_nav > li .sub .wrapper ul.icon-list li a { float:left; text-align:center; }
.base_nav > li .sub .wrapper ul.icon-list li img { width:100%; background:white; border-radius:10px; float:left; margin-bottom:20px; }

.base_utilities_wrapper { position:absolute; bottom:0; right:17px; background-color:#e2e6da; border-radius:5px 5px 0 0; z-index:3; }
.base_utilities { position:relative; top:0; right:0; white-space:nowrap; font-size:0; padding:14px 10px 17px 10px; }
.base_utilities > li { list-style-type:none; font-size:15px; white-space:nowrap; display:inline-block; vertical-align:middle; color:#535b62; }
.base_utilities > li:first-child { margin-left:0; }
.base_utilities > li.lang { margin-left:12px; }
.base_utilities > li > a { text-decoration:none; }
.base_utilities iframe { width:90px; display:inline-block; vertical-align:middle; }
.base_utilities .fb { width:90px; display:inline-block; vertical-align:middle; }
.base_utilities .fa { font-size:18px; }
.base_utilities .fa-facebook-square { color:#374ba6; }
.base_utilities .dropdown .btn { background:none; border:0; box-shadow:none; padding:0; margin:0; font-weight:bold; }
.base_utilities .dropdown .dropdown-menu { right:0; left:auto; min-width:0; }
.base_utilities .dropdown .fa-globe { vertical-align:middle; }
.base_utilities > li.mobile { display:none; }
.base_utilities > li.mobile a { transition:none; }


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	#base_header .base_logo a { background-image:url('../img/logo@2x.png') !important; background-size:63.05%; }
}

@media screen and (min-width: 1216px) {

}
@media screen and (max-width: 1215px) {

}
@media screen and (min-width: 1081px) {/* Essential */
	.base_nav > li > a { padding:14px 13px 17px 13px; }
}
@media screen and (max-width: 1080px) {

}
@media screen and (max-width: 1080px and min-width: 960px) {
	.base_nav > li > a { padding-left:8px; padding-right:8px; }
}
@media screen and (min-width: 960px) {
	#base_header .base_logo { width:157px; margin-left:46px; }
	#base_header .base_logo a { padding-bottom:75.79%; background-image:url('../img/logo.png'); }
	
	.flow #base_header .base_logo a { padding-bottom:46.89%; padding-bottom:47.13%; background-size:50%; transition:padding-bottom 300ms; }
	
	.base_nav { padding-left:218px; }
	.base_nav > li .sub .wrapper ul { padding-left:263px; }
	
	.base_utilities_wrapper { right:28px; }
	.base_utilities { 2padding-left:22px; 2padding-right:27px; }
}
@media screen and (max-width: 959px) {
	#base_header .base_logo a { background-image:url('../img/logo.png'); background-size:63.05%; transition:none; }
}
@media screen and (max-width: 859px) {
	
	#base_header .base { height:126px; }
	
	#base_header .base_logo { width:100%; margin-left:0; text-align:center; background-color:#008752; float:left; }
	#base_header .base_logo a { padding-bottom:74px; background-size:85px; background-position:center 15px; width:100px; display:block; float:none; margin:0 auto; }
	
	.flow #base_header > .block_container { height:126px; }
	.flow #base_header .base_logo a { padding-bottom:74px; }
	
	.base_nav { padding-top:80px; padding-left:28px; }
	.base_nav > li > a { padding-left:8px; padding-right:8px; }
	.base_nav > li .sub .wrapper ul { padding-left:46px; }
	
	.base_utilities { padding-top:10px; padding-bottom:10px; }
}
@media screen and (min-width: 768px) {
	.base_nav { display:block !important; }
}
@media screen and (max-width: 767px) {/* Essential */

	#base_header > .block_container { height:74px; }
	.flow #base_header > .block_container { height:74px; }
	#base_header .base { height:auto; position:fixed; top:0 !important; }
	#base_header .base_logo { position:relative; }
	

	.base_nav { display:none; position:relative; width:100%; float:left; left:0; top:auto; z-index:1; margin:0; padding:10px 0; background-color:#323232; position:fixed; top:74px; bottom:0; overflow:scroll; }
	.base_nav > li { width:100%; text-align:left; border-top:#1a1a1a 1px solid; }
	.base_nav > li > a { padding-left:11px; font-size:22px; padding-top:20px; padding-bottom:20px; padding-left:18px; color:white; width:100%; border-radius:0; }
	.base_nav > li > a:first-child { border-top:#4d4d4d 1px solid; }
	.base_nav > li > a:hover, .base_nav > li.active > a { background-color:transparent; color:#ffc614; }
	.base_nav > li.expand > a { color:#ffc614; }
	.base_nav > li:first-child, .base_nav > li:first-child > a { border:0; }
	
	.base_nav > li.expand .sub { display:block !important; }
	.base_nav > li.visible .sub { display:none; }
	.base_nav > li .sub { position:relative; padding-left:0; padding-right:0; margin:0; width:100%; }
	.base_nav > li .sub .wrapper { width:100%; position:relative; }
	.base_nav > li .sub .wrapper h1 { display:none; padding:0 28px 18px; }
	.base_nav > li .sub .wrapper ul { padding:0 28px 18px; }
	.base_nav > li .sub .wrapper ul li a { font-size:22px; }
	
	.base_nav > li .sub .wrapper ul.icon-list li { clear:both; float:left; width:auto; margin:0; margin-top:15px; }
	.base_nav > li .sub .wrapper ul.icon-list li:first-child { margin-top:0; }
	.base_nav > li .sub .wrapper ul.icon-list li a img { display:none; }
	
	.base_nav > li.social { display:block; border:0; float:left; width:auto; padding:17px; }
	.base_nav > li.social a { border:0; float:left; width:auto; font-size:30px; line-height:30px; padding:0; margin-left:27px; }
	.base_nav > li.social a:first-child { margin:0; }
	
	.base_nav > li.lang { display:block; border:0; float:right; width:auto; padding:17px; }
	.base_nav > li.lang a { border:0; float:left; width:auto; font-size:27px; line-height:30px; padding:0; margin-left:20px; }
	.base_nav > li.lang a:first-child { margin:0; }
	
	.base_utilities_wrapper { margin:0; top:0; bottom:auto; right:0; background-color:transparent; }
	.base_utilities { padding:0; }
	.base_utilities .fa { font-size:22px; }
	.base_utilities > li { display:none; }
	.base_utilities  iframe { display:none; }
	.base_utilities .fb { display:none; }
	.base_utilities > li.mobile { display:inline-block; font-size:23px; white-space:nowrap; margin:0; min-width:56px; text-align:center; }
	.base_utilities > li.mobile.active { background-color:#323232; }
	.base_utilities > li.mobile a { padding:26px 0; display:inline-block; color:white; }
	.base_utilities > li.mobile.active a { color:white; }
}
@media screen and (max-width: 669px) {/* Essential */

}
@media screen and (max-width: 479px) {/* Essential */	

}
@media screen and (max-width: 349px) {

}




/* DASHBOARDS */

#base_dashboards { background-color:white; z-index:2; }

.dashboards { width:100%; padding-bottom:40.26%; position:relative; z-index:8; 2margin-bottom:83px; margin-bottom:4.32%; background:white; overflow:hidden; }
.dashboards .wrapper { width:100%; overflow:hidden; position:absolute; z-index:3; top:0; left:0; white-space:nowrap; font-size:0; }
.dashboards .bg { width:100%; top:0; left:0; position:absolute; z-index:2; }

.dashboards .controller { font-size:46px; position:absolute; z-index:3; top:50%; width:46px; text-align:center; margin-top:-23px; color:#008752; margin-left:12px; left:0; }
.dashboards .controller:hover { color:white; }
.dashboards .controller.right { margin-left:0; margin-right:12px; right:0; left:auto; }

.dashboards .box {
	width:auto; width:100%; padding:0; margin:0; max-width:none; white-space:nowrap; display:block; position:relative; font-size:0; left:6.77%; display:inline-block; vertical-align:top; text-align:left;
	transition:transform 300ms; -webkit-transition:-webkit-transform 300ms;
}
.dashboards .box.nofx { transition:none; -ms-transition:none; -webkit-transition:none; }
.dashboards .box .art {
	width:23.9%; margin-left:.8%; margin-top:5.83%; display:inline-block; vertical-align:top; position:relative; top:0; left:0; overflow:hidden; opacity:1;
	2transform:scale(1); 2-webkit-transform:scale(1);
	transition:top 500ms, left 500ms, opacity 1000ms, transform 1000ms;
	-webkit-transition:top 500ms, left 500ms, opacity 1000ms, -webkit-transform 1000ms;
}
.dashboards .box .art .decoration { width:100%; position:relative; margin-bottom:3.7%; }
.dashboards .box .art .decoration .artwork { width:100%; position:absolute; bottom:0; left:0; z-index:5; }
.dashboards .box .art .decoration .square { width:47.93%; padding-bottom:47.93%; background-color:#008752; opacity:.5; filter:alpha(opacity=50); z-index:4; border-radius:8px; }
.dashboards .box .art a {
	float:left; width:100%; border-radius:8px; overflow:hidden;
}
.dashboards .box .art > * {
	transform:scale(1); -webkit-transform:scale(1);
	
	transition:transform 1000ms;
	-webkit-transition:-webkit-transform 1000ms;
}
.dashboards .box .art a img { float:left; width:100%; position:relative; }
.dashboards .box .art.hide { top:-1000px; 2left:100%; display:inline-block !important; opacity:0; transform:scale(.3); -webkit-transform:scale(.3); }
.dashboards .box .art.hide > * { transform:scale(.3); -webkit-transform:scale(.3); }

.touch .dashboards .box .art {
	transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);

	transition:top 500ms, left 500ms, opacity 1000ms, transform 500ms;
	-webkit-transition:top 500ms, left 500ms, opacity 1000ms, -webkit-transform 500ms;
}
.touch .dashboards .box .art.hide { top:0; transform:scale(1) translate3d(0,-1000px,0); -webkit-transform:scale(1) translate3d(0,-1000px,0); }

.dashboards .box .art.style_0 .decoration { display:none; }
.dashboards .box .art.style_1 { margin-top:1.56%; }
.dashboards .box .art.style_2 { margin-top:3.95%; }
.dashboards .box .art.style_2 a { position:absolute; top:0; left:0; }
.dashboards .box .art.style_2 .decoration { position:relative; margin-top:103.7%; margin-bottom:0; }
/* .dashboards .box .art.style_2 .decoration .artwork { display:none; } */
.dashboards .box .art.style_3 { width:20.10%; }
.dashboards .box .art.style_3 { margin-top:3.95%; }
/* .dashboards .box .art.style_3 .decoration .artwork { display:none; } */
.dashboards .box .art.style_3 .decoration .square { width:56.99%; padding-bottom:56.99%; }

/*
.dashboards .box:hover .art { opacity:.1; }
.dashboards .box:hover .art:hover { opacity:1; }
*/


#base_front { background-color:white; z-index:1; }

.brands_carousel { width:100%; padding-bottom:10px; border-top:5px solid; border-bottom:10px solid; border-color:#f2f2f0; }
.brands_carousel .wrapper { width:100%; padding:0 32px; border-bottom:4px solid; border-color:#f2f2f0; height:68px; }
.brands_carousel .wrapper .container { width:100%; height:100%; display:table; margin:0; padding:0; }
.brands_carousel .wrapper .container > * { display:table-cell; vertical-align:middle; text-align:center; }
.brands_carousel .wrapper .container .label { padding:0 56px 0 13px; font-size:18px; font-weight:bold; color:#008853; }
.brands_carousel .wrapper .container .carousel { width:100%; height:100%; text-align:left; }
.brands_carousel .wrapper .container .carousel .controller { position:absolute; z-index:11; font-size:18px; top:22px; }
.brands_carousel .wrapper .container .carousel .controller.left { left:-18px; }
.brands_carousel .wrapper .container .carousel .controller.right { right:-18px; left:auto; }
.brands_carousel .wrapper .container .carousel .window { width:100%; height:100%; overflow:hidden; float:left; position:relative; }
.brands_carousel .wrapper .container .carousel .window .box { float:left; font-size:0; white-space:nowrap; position:absolute; top:0; left:0; z-index:10; }
.brands_carousel .wrapper .container .carousel .window .box a { display:inline-block; vertical-align:middle; margin:0 10px; transition:opacity 300ms; -webkit-transition:opacity 300ms; }
.brands_carousel .wrapper .container .carousel .window .box a img { float:left; }

.brands_carousel .wrapper .container .carousel .window .box:hover a { opacity:.3; }
.brands_carousel .wrapper .container .carousel .window .box:hover a:hover { opacity:1; }


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 

}
@media screen and (min-width: 1920px) {

}
@media screen and (min-width: 1320px) {

}
@media screen and (max-width: 1319px) and (min-width: 1216px) {

}
@media screen and (min-width: 1216px) {

}
@media screen and (max-width: 1215px) and (min-width: 960px) {

}
@media screen and (max-width: 1215px) {
	
}
@media screen and (min-width: 1081px) {/* Essential */

}
@media screen and (max-width: 1080px) and (min-width: 960px) {

}
@media screen and (max-width: 1080px) {
	
}
@media screen and (min-width: 960px) {

}
@media screen and (max-width: 959px) {

}
@media screen and (max-width: 767px) {/* Essential */
	.dashboards { padding-bottom:100%; }
	.dashboards .wrapper { height:100%; }
	.dashboards .bg { width:180%; }
	
	.dashboards .controller { left:0; margin-left:0; z-index:4; z-index:5; }
	.dashboards .controller.right { right:0; margin-right:0; }
	
	.dashboards .box { left:0 !important; }
	.dashboards .box .art { opacity:0 !important; margin-top:5.83% !important; top:0 !important; width:90% !important; left:5%; display:block; position:absolute; z-index:3; }
	.dashboards .box .art.active { opacity:1 !important; z-index:2; z-index:4; }
	.dashboards .box .art .decoration { display:none; }
	.dashboards .box .art a { position:relative !important; width:100% !important; }
	
	.touch .dashboards .box {
		transform:none !important; -webkit-transform:none !important;
	}

	.brands_carousel .wrapper { height:auto; padding:0 17px; }
	.brands_carousel .wrapper .container { display:block; padding-top:28px; }
	.brands_carousel .wrapper .container .label { padding-left:0; padding-right:28px; display:block; width:100%; text-align:left;  }
	.brands_carousel .wrapper .container .label label { margin-bottom:0; }
	.brands_carousel .wrapper .container .carousel { display:block; width:100%; height:64px; }
	.brands_carousel .wrapper .container .carousel .controller.left { left:-8px; }
	.brands_carousel .wrapper .container .carousel .controller.right { right:-8px; }
	.brands_carousel .wrapper .container .carousel .window { width:96%; margin-left:2%; }
}
@media screen and (max-width: 669px) {/* Essential */

}
@media screen and (max-width: 479px) {/* Essential */

}
@media screen and (max-width: 349px) {

}




/* MAIN */

#base_main { position:relative; bottom:0; z-index:9; background-color:white; }
#base_main > .block_container { max-width:none; }
#base_main .base { position:relative; }

#base_main .base > header { width:100%; position:relative; float:left; background-color:#ffc614; }
#base_main .base > header h1 {
	width:100%; text-align:center; margin:0; font-family:BebasNeue; font-size:46px; padding:28px 0 18px; line-height:45px;
	background: #599479; /* Old browsers */
	background-image:url('../img/bg-header.png');
	background:url('../img/bg-header.png'), -moz-linear-gradient(top,  #599479 0%, #84a88a 100%); /* FF3.6+ */
	background:url('../img/bg-header.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#599479), color-stop(100%,#84a88a)); /* Chrome,Safari4+ */
	background:url('../img/bg-header.png'), -webkit-linear-gradient(top,  #599479 0%,#84a88a 100%); /* Chrome10+,Safari5.1+ */
	background:url('../img/bg-header.png'), -o-linear-gradient(top,  #599479 0%,#84a88a 100%); /* Opera 11.10+ */
	background:url('../img/bg-header.png'), -ms-linear-gradient(top,  #599479 0%,#84a88a 100%); /* IE10+ */
	background:url('../img/bg-header.png'), linear-gradient(to bottom,  #599479 0%,#84a88a 100%); /* W3C */
	background-position:-190px 0;
}
#base_main .base > header h1 span { display:inline-block; text-align:right; color:white; text-transform:uppercase; min-height:45px; padding:0 45px; }

#base_main .base > header nav { background-color:#ffc614; 2height:46px; font-size:16px; font-family:BebasNeue; padding:3.5px 0; 2min-height:42px; }
html[lang="en-US"] #base_main .base > header nav { font-size:20px; }
#base_main .base > header nav div { padding:6.5px 45px; text-align:right; }
#base_main .base > header nav a { color:white; display:inline-block; margin:7px 0 3px 28px; }
#base_main .base > header nav a:hover, #base_main .base > header nav a.active { color:#008752; text-decoration:none; }
#base_main .base > header nav .dropdown { display:none; }

.flow.sub #base_main .base > header.expand h1 { margin-bottom:48px; }
.flow.sub #base_main .base > header h1 { margin-bottom:7px; }

.flow.sub #base_main .base > header nav { position:fixed; z-index:10; top:74px; }


.cards { width:100%; position:relative; float:left; background-color:#ddd; }
.cards .card {
	width:100%; position:relative; float:left; padding:38px 18px; overflow:hidden; text-align:center;
}
.cards .card .bg {
	background-size:cover; width:100%; height:100%; position:absolute; top:0; left:0; background-position:center; z-index:1;
	
	transition:transform 1000ms, filter 300ms;
	-ms-transition:-ms-transform 1000ms, -ms-filter 300ms;
	-webkit-transition:-webkit-transform 1000ms, -webkit-filter 300ms;
	
	transform:scale(1.03); -ms-transform:scale(1.03); -webkit-transform:scale(1.03);
	/* filter:blur(5px); -webkit-filter:blur(5px); */
}
.cards .card:hover .bg {
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	
	/* filter:blur(0px); -webkit-filter:blur(0px); */
}
.touch .cards .card .bg {
	transform:none; -ms-transform:none; -webkit-transform:none;
	filter:none; -ms-filter:none; -webkit-filter:none;
}
.cards .card .block_container { font-size:16px; padding:28px 38px 72px; position:relative; z-index:2; background-color:white; background-color:rgba(255,255,255,.8); display:inline-block; text-align:left; vertical-align:top; }
.cards .card .block_container.transparent { background:none; }
.cards .card .block_container h1, .cards .card .block_container h2 { font-family:BebasNeue, "微軟正黑體","Microsoft Jhenghei"; }
.cards .card .block_container > h1 { float:left; font-size:40px; color:#008752; border-bottom:3px solid #ffc614; margin-bottom:37px; }
.cards .card .block_container > h1 + * { clear:both; }
.cards .card .block_container > h2 { font-size:28px; color:#008752; margin-bottom:12px; }
.cards .card .block_container > h2 i { font-style:normal; font-size:18px; margin-left:10px; }
.cards .card .block_container > p + h2 { margin-top:38px; }
.cards .card .block_container > ol, .cards .card .block_container > ul { padding-left:18px; margin-bottom:1.6em; }
.cards .card .block_container > ol li, .cards .card .block_container > ul li { line-height:1.6em; margin-bottom:5px; }

.cards #stores.card .block_container { padding-bottom:28px; }

.general_form { width:100%; display:block; }
.general_form tbody { width:100%; display:block; }
.general_form tfoot { width:100%; display:block; }
.general_form tr { width:100%; display:block; }
.general_form tr.sprt { width:100%; display:block; padding-top:38px; }
.general_form th { width:100%; display:block; padding:10px 0; float:left; }
.general_form td { width:100%; display:block; float:left; }
.general_form input[type='text'], .general_form textarea { padding:10px 5px; font-size:16px; width:100%; border:1px solid #ccc; line-height:1.3em; }
.general_form .errmsg { color:#ff4b14; padding:5px 0; display:block; position:relative; }
.general_form .button_container { text-align:right; padding-top:28px; font-size:0; }
.general_form input[type='button'], .general_form input[type='submit'], .general_form input[type='reset'] { padding:12px 38px; width:auto; line-height:1em; border-radius:5px; border:0; font-size:16px; }
.general_form .button_container input + input { margin-left:10px; }

.jobs_list { width:100%; position:relative; float:left; }

.jobs_list .jobs_tab { width:100%; position:relative; border-bottom:3px solid #ffc614; float:left; }
.jobs_list .jobs_tab a { position:relative; float:left; padding:10px 18px; background-color:#cccccc; color:white; border-radius:5px 5px 0 0; margin-right:3px; text-decoration:none; font-weight:bold; }
.jobs_list .jobs_tab a:hover, .jobs_list .jobs_tab a.active { background-color:#ffc614; color:#008752; }

.jobs_list .jobs_cat { width:100%; position:relative; float:left; background-color:#eeeeee; padding:28px 18px 18px; font-size:0; margin-bottom:28px; }
.jobs_list .jobs_cat div { display:none; }
.jobs_list .jobs_cat a { display:inline-block; font-size:14px; margin-right:10px; padding:3px 10px; border:3px solid transparent; position:relative; color:#686969; font-weight:bold; white-space:nowrap; }
.jobs_list .jobs_cat a:hover { text-decoration:none; }
.jobs_list .jobs_cat a.active { border-color:#ffc614; border-radius:5px; padding-left:10px; padding-right:10px; color:#008752; }
.jobs_list .jobs_cat .icon { height:24px; line-height:1em; font-size:24px; display:inline-block; vertical-align:middle; margin-right:5px; }
.jobs_list .jobs_cat .icon i { float:left; color:#008752; }
.jobs_list .jobs_cat p { margin:0; display:inline-block; vertical-align:middle; cursor:pointer; color:#008752; white-space:normal; line-height:1em; }
.jobs_list .jobs_cat div.active { display:block; }

.jobs_list .jobs { width:100%; position:relative; float:left; }
.jobs_list .jobs .job { width:100%; position:relative; display:none; }
.jobs_list .jobs .job.active { display:block; }
.jobs_list .jobs .job h2 { font-family:BebasNeue; font-weight:bold; font-size:28px; color:#008752; margin-bottom:12px; }
.jobs_list .jobs .job h2 i { font-size:18px; margin-left:10px; font-weight:normal; }
.jobs_list .jobs .job hr { border-color:#ddd; }
.jobs_list .jobs .job h3 { margin-bottom:20px; color:#008752; }
.jobs_list .jobs .job p { float:left; clear:both; width:100%; }
.jobs_list .jobs .job span { float:left; clear:both; width:100%; }
.jobs_list .jobs .job ul { padding-left:20px; float:left; width:100%; margin-bottom:28px; }
.jobs_list .jobs .job ul li { float:left; width:100%; line-height:1.3em; margin-bottom:10px; }
.jobs_list .jobs .job .column { width:100%; float:left; }
.jobs_list .jobs .job .column.left { width:50%; padding-right:9px; }
.jobs_list .jobs .job .column.right { width:50%; padding-left:9px; }
.jobs_list .jobs .job .column.four ul li { width:25%; padding-right:38px; }

.brand_grid { width:101.38%; font-size:0; float:left; position:relative; left:-.69%; }
.brand_grid a {
	width:15.28%; margin:0.69%; display:inline-block; opacity:0; overflow:hidden; border-radius:10px;
	
	transition:opacity 1500ms, transform 1500ms, border-radius 1000ms;
	-ms-transition:opacity 1500ms, -ms-transform 1500ms, border-radius 1000ms;
	-webkit-transition:opacity 1500ms, -webkit-transform 1500ms, border-radius 1000ms;
	
	transform:scale(5); -ms-transform:scale(5); -webkit-transform:scale(5);
}
.brand_grid a:hover {
	border-radius:200px;
}
.brand_grid a.active {
	opacity:1;
	transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1);
}
.brand_grid a.disable { cursor:default; }
.brand_grid a img { float:left; width:100%; background-color:white; }

.general_list { width:100%; float:left; position:relative; }
.general_list h1 { margin:0; color:#008752; display:inline-block; }
.general_list h2 { color:#008752; font-size:20px; }
.general_list h2 i { margin-left:10px; font-size:16px; color:#686969; }
.general_list hr { border-color:#ddd; margin:10px 0; color:#008752; float:left; width:100%; }
.general_list p { float:left; clear:both; }

.general_list .filter { width:100%; position:relative; float:left; border-top:3px solid #ffc614; }
.general_list .filter .wrapper { width:100%; background-color:#eee; padding:18px 18px; float:left; font-size:0; }
.general_list .filter .field { display:inline-block; vertical-align:middle; margin-right:28px; font-size:14px; }
.general_list .filter .field.right { float:right; margin:0; }
.general_list .filter .field .nearest { float:left; }
.general_list .filter .field .nearest:hover { text-decoration:none; }
.general_list .filter .field .nearest h1 { cursor:pointer; }

.general_list .filter h1 { font-size:24px; display:inline-block; vertical-align:middle; float:none; line-height:34px; }
.general_list .filter * + h1 { margin-top:28px; }
.general_list .filter hr { display:none; }
.general_list .filter p { display:inline-block; vertical-align:middle; float:none; margin:0; line-height:34px; font-size:24px; margin-left:10px; font-family:BebasNeue; background-color:white; border-radius:10px; padding:0 10px; }
.general_list .filter .selector_group a { float:left; padding:3px 10px; border:3px solid transparent; clear:both; left:-5px; position:relative; color:#686969; font-weight:bold; }
.general_list .filter .selector_group a:hover { text-decoration:none; }
.general_list .filter .selector_group a.active { border-color:#ffc614; border-radius:5px; padding-left:10px; padding-right:10px; color:#008752; }
.general_list .filter .dropdown { display:inline-block; vertical-align:middle; }

.general_list .results { position:relative; padding:0 28px; float:left; width:100%; height:367px; }
.general_list .results .group { float:left; width:100%; position:relative; }
.general_list .results h1 { margin-top:28px; }
.general_list .results .figure_wrapper { width:100%; float:left; font-size:0; }
.general_list .results figure { width:48%; margin-right:2%; display:inline-block; font-size:12px; vertical-align:top; }
.general_list .results img { width:100%; }
.general_list .results .msg { }
.general_list .results .msg h3 { font-size:18px; font-weight:bold; }
.general_list .results .msg ul { margin-left:18px; }

.general_list .results .map { position:relative; width:72%; width:67%; height:100%; float:left; }
.general_list .results .map #map_canvas { position:relative; width:100%; height:100%; float:left; }
.general_list .results .map .infowindow { float:left; position:relative; }
.general_list .results .map .infowindow h1 { margin-top:0; font-size:18px; position:relative; float:left; margin-bottom:5px; }
.general_list .results .map .infowindow i { margin-left:5px; color:#ffc614; }
.general_list .results .map .infowindow table { float:left; clear:both; }
.general_list .results .map .infowindow th { padding-right:10px; }

.general_list .results .shop_lists { position:absolute; width:28%; width:33%; top:0; right:0; bottom:0; background-color:white; overflow:auto; border-left:2px solid #eee; }
.general_list .results .shop_lists > h1 { padding:0 28px 10px; font-size:28px; margin:28px 0 0; border-bottom:2px solid #eee; width:100%; }
.general_list .results .shop_lists > h1 strong { font-weight:normal; margin-left:5px; background-color:#008752; border-radius:10px; display:inline-block; color:white; padding:3px 10px; }
.general_list .results .shop_lists .type_note { display:inline-block; vertical-align:middle; margin-left:5px; padding:18px 10px 18px 28px; margin:0; border-bottom:2px solid #eee; width:100%; }
.general_list .results .shop_lists .type_note h1 { font-size:18px; width:100%; margin:0 0 5px; }
.general_list .results .shop_lists .type_note li { display:inline-block; vertical-align:middle; font-size:14px; margin-right:5px; }
.general_list .results .shop_lists .type_note .fa { font-size:18px; margin-right:3px; color:#008752; }
.general_list .results .shop_lists .icon { width:18px; height:18px; display:inline-block; background:url('../img/contents/stores/map-icons.png'); background-size:54px; vertical-align:top; }
.general_list .results .shop_lists .icon.icon-footwears { background-position:0 0; }
.general_list .results .shop_lists .icon.icon-apparels { background-position:-18px 0; }
.general_list .results .shop_lists .icon.icon-accessories { background-position:-36px 0; }
.general_list .results .shop_lists .type .icon.icon-footwears { background-position:0 -18px; }
.general_list .results .shop_lists .type .icon.icon-apparels { background-position:-18px -18px; }
.general_list .results .shop_lists .type .icon.icon-accessories { background-position:-36px -18px; }

.general_list .results .shop_lists figure { border-bottom:1px solid #eee; width:100%; padding:18px 18px 18px 38px; transition:background-color 300ms; cursor:pointer; }
.general_list .results .shop_lists figure { float:left; position:relative; }
.general_list .results .shop_lists figure .shoplogo { width:50px; float:left; margin-left:5px; }
.general_list .results .shop_lists figure h1 { margin-top:0; font-size:18px; position:relative; 2float:left; margin-bottom:5px; cursor:pointer; display:block; padding-left:65px; }
.general_list .results .shop_lists figure h1 a { position:absolute; left:-28px; top:-2px; top:5px; }
.general_list .results .shop_lists figure i { margin-left:5px; color:#ffc614; }
.general_list .results .shop_lists figure table { float:left; clear:both; display:none; }
.general_list .results .shop_lists figure th { padding-right:10px; font-weight:normal; width:100%; float:left; font-weight:bold; }
.general_list .results .shop_lists figure td { width:100%; float:left; margin-bottom:5px; }
.general_list .results .shop_lists figure .type { float:left; font-size:0; margin-top:5px; margin-bottom:0; display:none; }
.general_list .results .shop_lists figure .type li { display:inline-block; font-size:22px; }
.general_list .results .shop_lists figure:hover, .general_list .results .shop_lists figure.active { background-color:#ffc614; }
.general_list .results .shop_lists figure:hover i, .general_list .results .shop_lists figure.active i { color:white; }
.general_list .results .shop_lists figure.active table { display:block; }
.general_list .results .shop_lists figure.active .type { display:block; }

#stores .general_list .results { padding:0; }

#whatsnew .general_list .filter { width:160px; display:table-cell; vertical-align:top; float:none; }
#whatsnew .general_list .filter .wrapper { width:100%; background-color:#eee; padding:28px 18px; float:left; font-size:14px; }
#whatsnew .general_list .filter h1 { float:left; clear:both; }
#whatsnew .general_list .filter hr { display:block; }
#whatsnew .general_list .filter .selector_group a { float:left; padding:3px 10px; border:3px solid transparent; clear:both; left:-5px; position:relative; color:#686969; font-weight:bold; }
#whatsnew .general_list .filter .selector_group a:hover { text-decoration:none; }
#whatsnew .general_list .filter .selector_group a.active { border-color:#ffc614; border-radius:5px; padding-left:10px; padding-right:10px; color:#008752; }
#whatsnew .general_list .filter .dropdown { float:left; }

#whatsnew .general_list .results { display:table-cell; vertical-align:top; float:none; width:auto; height:auto; }
#whatsnew .general_list .results figure + figure { margin-top:5px; }
#whatsnew .general_list .results figure a { display:inline-block; width:100%; }
#whatsnew .general_list .results figure iframe { display:inline-block; width:100%; }
#whatsnew .general_list .results figure h2 { border-left:3px solid #ffc614; padding-left:8px; padding-top:3px; padding-bottom:1px; }
#whatsnew .general_list .results figure.video { width:98%; }
#whatsnew .general_list .results figure p { width:100%; margin:0; }




.table_desc { padding:0; padding-right:28px; width:50%; float:left; }
.table_desc.update { width:100%; }
.table_desc h1 { font-size:30px; color:#008752; text-transform:uppercase; }
.table_desc * + h1 { margin-top:55px; }
.table_desc p { font-size:16px; text-align:left; }
.table_desc ol, .table_desc ul { font-size:16px; margin-left:20px; }
.table_desc ol li, .table_desc ul li { line-height:1.6em; }
.table_desc .period { border-spacing:5px 3px; border-collapse:separate; margin-bottom:36px; }
.table_desc .period th, .table_desc .period td { color:white; font-size:16px; padding:18px 28px; }
.table_desc .period th { background-color:#008853; }
.table_desc .period td { background-color:#888888; }
.table_desc input[type='submit'] { padding:12px 38px; width:auto; line-height:1em; border-radius:5px; border:0; float:right; font-size:18px; }

.table_form { width:50%; float:left; padding-right:5.77%; }
.table_form.update { padding-top:55px; width:100%; font-size:0; }
.table_form label { font-size:16px; margin-bottom:12px; }
.table_form .field_wrapper { display:inline-block; width:50%; position:relative; font-size:12px; vertical-align:top; padding:0 28px; }
.table_form .field { margin-bottom:12px; width:100%; max-width:385px; float:left; }
.table_form .field.right { float:right; }
.table_form .field + .field { margin-top:10px; }
.table_form .field_group { width:100%; max-width:385px; }
.table_form .field_group td { width:100%; }
.table_form .field_group label { display:inline-block; vertical-align:middle; margin-right:20px; }
.table_form .field_group label p { display:inline-block; vertical-align:middle; color:white; cursor:pointer; }
.table_form select { font-size:16px; padding:8px 13px; border:1px solid #d4d6d9; line-height:1em; }
.table_form.update select { width:100%; }
.table_form input { font-size:16px; padding:10px 13px; border:1px solid #d4d6d9; line-height:1em; width:100%; }
.table_form input + input { margin-top:10px; }
.table_form .footnote { font-size:14px; color:#a2a4a6; width:193px; display:inline-block; }
.table_form.update .footnote { white-space:nowrap; float:left; width:auto; margin-right:55px; margin-bottom:10px; }
.table_form .footnote.max { width:100%; margin-top:18px; }
.table_form .footnote a { margin-bottom:28px; display:inline-block; font-weight:bold; }
.table_form .footnote strong { margin-top:10px; display:inline-block; }
.table_form .footnote ol { padding-left:18px; }
.table_form input[type='submit'] { padding:12px 38px; width:auto; line-height:1em; border-radius:5px; border:0; float:right; }
.table_form input[type='radio'] { display:inline-block; width:auto; border:0; outline:0; }
.table_form p { font-size:20px; color:#ffffff; padding-left:10px; color:black; margin-bottom:0; }
.table_form .button_group { float:right; }
.table_form .button_group input { float:left; margin-left:10px; }
.table_form .button_group input:first-child { margin-left:0; }

.table_form.gray { background-color:#888888; padding:62px 0; }
.table_form.gray label { color:white; }

.table_form.footer { float:right; width:auto; padding-top:50px; padding-right:0; }

.table_form .errmsg { width:100%; color:red; float:left; margin-top:12px; }

#contactus .block_container h2 { color:#008752; margin-top:0; }
#contactus .block_container a { color:#686969; display:block; }
#contactus .column_left { width:29%; float:left; padding-right:18px; }
#contactus .column_left a { word-break:break-all; word-break:break-word; line-height:1.3em; }
#contactus .column_right { width:71%; float:left; }




@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 

}

@media screen and (min-width: 1320px) {
	#base_main .base > header h1 { font-size:46px; padding:36px 0 30px; padding:28px 0 18px; }
	
	.cards .card .block_container { padding:57px 45px 117px; }
	.cards .card .block_container > h1 { margin-bottom:60px; }
	
	.cards #stores.card .block_container { padding:57px 45px 57px; }
	
	.general_list .results { height:594px; }
	
}
@media screen and (max-width: 1215px) {

}
@media screen and (min-width: 1081px) {/* Essential */
	.general_list .results .shop_lists figure table { float:none; width:auto; }
	.general_list .results .shop_lists figure table th { float:none; width:auto; }
	.general_list .results .shop_lists figure table td { float:none; width:auto; margin:0; }
}
@media screen and (max-width: 1080px) {

}
@media screen and (min-width: 960px) {
	.table_desc { width:62.16%; }
	
	.table_form { width:37.83%; }
}
@media screen and (max-width: 959px) {
	.cards .card .bg, .cards .card:hover .bg {
		transform:none; -ms-transform:none; -webkit-transform:none;
		filter:none; -ms-filter:none; -webkit-filter:none;
	}
	
	.general_list .results figure { width:100%; margin-right:0; }
	
	#stores .general_list .filter .field.right { width:100%; padding-top:18px; }
	
	#whatsnew .general_list .results figure + figure { margin-top:28px; }
}
@media screen and (max-width: 859px) {

}
@media screen and (max-width: 767px) {/* Essential */
	#base_main .base > header h1 { padding:16px 0 10px; font-size:34px; background-size:62%, auto; }
	#base_main .base > header h1 span { text-align:center; }
	html[lang="en-US"] #base_main .base > header h1 { font-size:40px; }
	
	.flow.sub #base_main .base > header nav { position:fixed !important; top:74px; z-index:3; }
	#base_main .base > header nav .block_container { text-align:center; }
	#base_main .base > header nav a { margin:7px 14px 3px 14px; }

	.cards .card .block_container { padding:28px; }
	.cards .card .block_container > h1 { font-size:38px; margin-bottom:28px; }
	
	.jobs_list .jobs_cat a { width:100%; }
	.jobs_list .jobs_cat .icon { font-size:18px; height:18px; }
	.jobs_list .jobs .job hr { border-color:#ddd; margin-bottom:10px; }
	.jobs_list .jobs .job .column { width:100%; float:left; }
	.jobs_list .jobs .job .column.left { width:100%; padding-right:0; }
	.jobs_list .jobs .job .column.right { width:100%; padding-left:0; }
	.jobs_list .jobs .job .column.four ul li { width:100%; padding-right:0; }
	
	.brand_grid a {	width:31.95%; margin:0.69%; display:inline-block; opacity:0; overflow:hidden; border-radius:0; }
	
	#stores .general_list .results { height:auto; }
	#stores .general_list .results .map { width:100%; float:left; height:367px; }
	#stores .general_list .results .shop_lists { width:100%; position:relative; float:left; border-left:0; }
	#stores .general_list .filter .field { float:left; clear:both; width:100%; margin-right:0; }
	#stores .general_list .filter .field + .field { margin-top:5px; }
	#stores .general_list .filter h1 { font-size:18px; float:left; }
	#stores .general_list .filter .dropdown { font-size:18px; float:left; clear:both; width:100%; }
	#stores .general_list .filter .dropdown .btn { width:100%; text-align:left; }
	#stores .general_list .filter .dropdown .btn .caret { position:absolute; right:10px; top:18px; }
	#stores .general_list .filter p { font-size:18px; }
	
	.general_list .results .shop_lists figure .shoplogo { width:40px; }
	.general_list .results .shop_lists figure h1 { padding-left:55px; }
	
	#whatsnew .general_list hr { margin:5px 0; }
	#whatsnew .general_list .filter { float:left; display:block; width:100%; }
	#whatsnew .general_list .filter .wrapper { padding-top:18px; padding-bottom:18px; }
	#whatsnew .general_list .filter * + h1 { margin-top:18px; }
	#whatsnew .general_list .filter a { clear:none; }
	#whatsnew .general_list .filter .dropdown { width:100%; }
	#whatsnew .general_list .filter .dropdown .btn { width:100%; text-align:left; }
	#whatsnew .general_list .filter .dropdown .caret { right:10px; top:18px; position:absolute; }
	#whatsnew .general_list .results { float:left; display:block; width:100%; padding-left:0; padding-right:0; }
	
	.table_desc { width:100%; padding:0; }
	.table_desc h1 { 2margin:28px 0; }
	.table_desc input[type='submit'] { margin:28px 0; }
	.table_desc .period { width:100%; }
	.table_desc .period th, .table_desc .period td { padding:18px 10px; }
	
	.table_form { width:100%; padding-top:0; padding:0; }
	.table_form .field_wrapper { width:100%; padding:0 18px; }
	.table_form .field, .table_form .field_wrapper .field { width:100%; max-width:none; }
	
	.table_form .footnote { margin-bottom:18px; }
	.table_form .button_group { width:100%; max-width:none; }
	.table_form .button_group input { width:100%; margin:0; margin-top:18px; }
	.table_form .button_group input:first-child { margin-top:0; }
	
	#contactus .column_left { width:100%; margin-bottom:36px; }
	#contactus .column_right { width:100%; }
}
@media screen and (max-width: 669px) {/* Essential */

}
@media screen and (max-width: 479px) {/* Essential */
	#base_main .base > header nav .block_container { 2display:none; }
	#base_main .base > header nav .block_container a { display:none; transition:none; }
	#base_main .base > header nav .block_container a.active { display:block; }
	
	#base_main .base > header nav .dropdown { display:block; position:absolute; top:5px; right:10px; padding:0; margin:0; }
	#base_main .base > header nav .dropdown .caret { border-top-color:#008752; border-left-width:6px; border-right-width:6px; border-top-width:6px; }
	#base_main .base > header nav .dropdown .btn { border:0; background:none; box-shadow:none; }
	#base_main .base > header nav .dropdown .dropdown-menu { right:0; left:auto; min-width:0; font-size:16px; }
	#base_main .base > header nav .dropdown a { color:#333; margin:0; display:block; padding-top:8px; padding-bottom:8px; }
	
	.flow.sub #base_main .base > header h1 { margin-bottom:0; }
	
	.flow.sub #base_main .base > header.expand h1 { margin-bottom:7px; }

	.cards .card { padding:0; }
	.cards .card .bg { position:relative; float:left; width:100%; padding:0; padding-bottom:38%; height:auto; }
	
	.cards .card .block_container { padding:18px 18px 48px; float:left; }
	.cards .card .block_container > h1 { font-size:34px; margin-bottom:28px; }
	.cards .card .block_container > h2 { font-size:24px; }
	
	.general_form input[type='button'], .general_form input[type='submit'], .general_form input[type='reset'] { width:100%; }
	.general_form .button_container input + input { margin-left:0; margin-top:10px; }
	
	.general_list .results .shop_lists > h1 { padding:0 18px 10px; }
	
	#stores .general_list .results .map { height:300px; }
}
@media screen and (max-width: 349px) {

}



/* BOTTOM */

#base_footer { position:relative; bottom:0; z-index:9; padding-top:36px; background-color:white; }

.btmnav { font-size:14px; font-weight:bold; padding:0 32px; margin-bottom:22px; float:left; }
.btmnav li { list-style-type:none; float:left; margin-left:40px; }
.btmnav li:first-child { margin-left:0; }
.btmnav li a { color:#93a1ad; text-decoration:none; }
.btmnav li a:hover { color:#008853; }

.btmbar { background-color:#d6d9ce; height:73px; display:table; width:100%; font-weight:bold; color:#93a1ad; float:left; }
.btmbar br { display:none; }
.btmbar > div { height:100%; display:table-cell; vertical-align:middle; }
.btmbar > div.left { width:100%; text-align:left; padding-left:32px; }
.btmbar > div.right { text-align:right; padding-right:32px; }
.btmbar > div.right a { background:url('../img/logo-neovision.png') 0 0 no-repeat; width:152px; height:60px; display:inline-block; }
.btmbar > div p { margin:0; cursor:default; }
.btmbar > div a { margin:0; }


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	.btmbar > div.right a { background-image:url('../img/logo-neovision@2x.png'); background-size:100%; }
}

@media screen and (max-width: 1215px) {

}
@media screen and (min-width: 1081px) {/* Essential */

}
@media screen and (max-width: 1080px) {

}
@media screen and (min-width: 960px) {

}
@media screen and (max-width: 959px) {

}
@media screen and (max-width: 767px) {/* Essential */

}
@media screen and (max-width: 669px) {/* Essential */
	#base_footer { padding-top:28px; }
	
	.btmnav { font-size:14px; font-weight:bold; padding:0 17px; margin-bottom:22px; float:left; }
	.btmnav li { float:left; clear:both; margin-left:0; padding:7px 0; }
	
	.btmbar { padding-top:28px; padding-bottom:10px; }
	.btmbar > div { display:block; }
	.btmbar > div.left { width:100%; padding:0 17px; text-align:left; }
	.btmbar > div.right { text-align:right; padding:0 17px; }
}
@media screen and (max-width: 479px) {/* Essential */	
	.btmbar br { display:block; }
}
@media screen and (max-width: 349px) {

}