@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Work+Sans:100,200,400,600,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800');
@import url('https://contentbuilder2.newscanshared.com/editor/assets/ionicons/css/ionicons.min.css');
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
progress {
	vertical-align: baseline
}
template, [hidden] {
	display: none
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
a:active, a:hover {
	outline-width: 0
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}
b, strong {
	font-weight: inherit;
	font-weight: bolder
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
mark {
	background-color: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
img {
	border-style: none
}
svg:not(:root) {
	overflow: hidden
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
button, input, select, textarea {
	font: inherit;
	margin: 0
}
optgroup {
	font-weight: 700
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}
textarea {
	overflow: auto
}
[type="checkbox"], [type="radio"] {
	box-sizing: border-box;
	padding: 0
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
	height: auto
}
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}
::-webkit-input-placeholder {
	color: inherit;
	opacity: .54
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}
body {
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%
}
a {
	text-decoration: none
}
.banner img {
	width: 100%;
}
.fb_iframe_widget iframe {
	left: 0;
}
.abcRioButtonBlue {
	text-align: center;
	margin: auto
}
.youtubecontent iframe {
	width: 100%!important
}
.youtubecontent_box {
	display: inline-block;
	width: 100%;
}
.youtubecontent {
	position: relative;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%
}
.youtubecontent iframe, .youtubecontent object, .youtubecontent embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.site-title {
	margin: 0
}
.wrapper {
	overflow: hidden
}
.container {
	position: relative;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.container:after, .list-h:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ' ';
	clear: both;
	height: 0
}
.list-v ul, .list-h ul, .list-inline ul {
	list-style-type: disc;
}
.list-v ul ul, .list-h ul ul, .list-inline ul ul {
	list-style-type: circle;
}
.list-v ul ul ul, .list-h ul ul ul, .list-inline ul ul ul {
	list-style-type: square;
}
.list-inline, .list-h, .list-v, ul.gomember-list {
	margin: 0 auto;
	padding: 0;
	list-style-type: none
}
ul.cart-list {
	padding: 0;
	list-style-type: none
}
.menu, .menu ul, .menu ul ul, .menu ul ul ul, .side-nav, .side-nav ul, .side-nav ul ul, .side-nav ul ul ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.list-inline>li, .list-inline .item {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	list-style-type: none;
}
.list-inline>li a, .list-inline .item a {
	display: inline-block;
	position: relative
}
.list-h>li, .list-h .item {
	float: left;
	box-sizing: border-box;
	list-style-type: none;
}
.list-h>li a, .list-h .item a, .list-v li a {
	display: block;
	position: relative
}
.pic {
	text-align: center;
	margin: 0;
	padding: 0 0 40 0;
}
.pic.full img {
	width: 100%
}
.slick-item+.slick-item {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden
}
.ic {
	display: inline-block
}
.icon {
	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat
}
.btn, .ibtn {
	display: inline-block;
	zoom: 1;
	line-height: normal;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	border: none;
	padding: 0;
	background: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-sizing: border-box
}
.btn::-moz-focus-inner, .ibtn::-moz-focus-inner {
	padding: 0;
	border: 0
}
.btn:focus, .ibtn:focus {
	outline: none
}
.ibtn {
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	background-repeat: no-repeat;
	padding: 0!important;
	transition: none
}
.ibtn:hover {
	background-position: 0 100%
}
.table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	word-break: break-all
}
.checked.form-radio:before, .checked .form-checkbox:before {
	background-position: 0 100%
}
.mmenu-show .side {
	display: none
}
.mmenu-show .has-side .content {
	position: relative;
	width: auto;
	float: none
}
.toggle-mmenu, .toggle-mmenu-cover, #mobile-menu, #mobile-fixed, #member-box, #mobile-search, #language-box {
	display: none
}
.mmenu-show .toggle-mmenu-cover {
	position: fixed;
	z-index: 600;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.85);
	display: none
}
.mmenu-show.mmenu-open .toggle-mmenu-cover {
	display: block
}
.mmenu-show .toggle-mmenu-close {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 28px;
	position: absolute;
	right: 5px;
	top: 5px
}
.mmenu-show .toggle-mmenu-close i {
	vertical-align: baseline
}
.mmenu-show.mmenu-open {
	overflow: hidden;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.mmenu-show .wrapper {
	padding-top: 30px;
	position: relative;
	left: 0;
	transition: all .3s ease
}
.mmenu-show.mmenu-open .wrapper {
	left: 300px
}
.mmenu-show #mobile-menu {
	display: block;
	position: fixed;
	width: 300px;
	left: -300px;
	top: 0;
	bottom: 0;
	z-index: 1000;
	line-height: 1.6;
	background: #fff;
	transition: all .3s ease
}
.mmenu-show.mmenu-open #mobile-menu {
	left: 0
}
.mmenu-show.mmenu-open #mobile-fixed {
	left: 300px;
	right: -300px
}
.mmenu-show #mobile-menu .main-menu {
	position: absolute;
	top: 40px;
	bottom: 40px;
	right: 0;
	left: 0;
	background: #eee;
	overflow-x: hidden;
	overflow-y: auto
}
.mmenu-show #mobile-menu .menu {
	display: block
}
.mmenu-show #mobile-menu .menu li {
	position: relative;
	float: none;
	display: block
}
.mmenu-show #mobile-menu .menu li a {
	display: block;
	padding: 10px 30px;
	border-bottom: 1px solid #ddd;
	color: #666
}
.mmenu-show #mobile-menu .menu ul {
	display: none
}
.mmenu-show #mobile-menu .menu ul li a {
	padding-left: 40px;
	background: #fff
}
.mmenu-show #mobile-menu .menu ul ul li a {
	padding: 5px 30px 5px 55px;
	background: none;
	color: #666;
	border-bottom: 0
}
.mmenu-show #mobile-menu .menu .m-hide {
	display: none!important
}
.mmenu-show #mobile-menu .menu li.has-child>a {
	padding-right: 45px
}
.mmenu-show #mobile-menu .menu li.has-child>.toggle-submenu {
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 15px;
	color: #bbb;
	cursor: pointer
}
.mmenu-show #mobile-menu .menu li.has-child>.toggle-submenu:before {
	content: '\f067';
	display: inline-block;
	font-family: 'icon-font'!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.mmenu-show #mobile-menu .menu li.has-child.active>.toggle-submenu:before {
	content: '\f068'
}
.mmenu-show #mobile-menu .main-menu .side-title {
	display: none
}
.mmenu-show #mobile-menu .side-nav, .mmenu-show #mobile-menu .side-nav-top, .mmenu-show #mobile-menu .content-nav {
	line-height: 1.4;
	background: none;
	padding: 0
}
.mmenu-show #mobile-menu .side-nav, .mmenu-show #mobile-menu .content-nav {
	padding-bottom: 2px;
	border-bottom: 1px solid #ddd
}
.mmenu-show #mobile-menu .side-nav-top {
	padding: 15px 30px;
	display: block;
	margin-bottom: 0;
	border-bottom: 1px solid #ddd
}
.mmenu-show #mobile-menu .side-nav li, .mmenu-show #mobile-menu .content-nav li {
	position: relative
}
.mmenu-show #mobile-menu .side-nav li a, .mmenu-show #mobile-menu .content-nav li a {
	padding: 12px 30px;
	margin: 0;
	text-decoration: none
}
.mmenu-show #mobile-menu .side-nav>li, .mmenu-show #mobile-menu .content-nav>li {
	padding: 0;
	border-bottom: 1px solid #ddd
}
.mmenu-show #mobile-menu .side-nav>li>a, .mmenu-show #mobile-menu .content-nav>li>a {
	background: none;
	color: #333;
	font-size: 16px;
	font-weight: 700
}
.mmenu-show #mobile-menu .side-nav>li>a:hover, .mmenu-show #mobile-menu .content-nav>li>a:hover {
	text-decoration: none
}
.mmenu-show #mobile-menu .side-nav>li>a:before, .mmenu-show #mobile-menu .content-nav>li>a:before {
	display: none
}
.mmenu-show #mobile-menu .side-nav>li.has-child:after, .mmenu-show #mobile-menu .content-nav>li.has-child:after {
	content: '\f078';
	font-family: 'icon-font'!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 20px;
	top: 12px;
	pointer-events: none
}
.mmenu-show #mobile-menu .content-nav li.has-child>.toggle-submenu:before {
	display: none
}
.mmenu-show #mobile-menu .side-nav>li.has-child>a, .mmenu-show #mobile-menu .content-nav>li.has-child>a {
	padding-right: 40px
}
.mmenu-show #mobile-menu .side-nav>li.active, .mmenu-show #mobile-menu .content-nav>li.active {
	background: #fff
}
.mmenu-show #mobile-menu .side-nav ul, .mmenu-show #mobile-menu .content-nav ul {
	display: none;
	padding: 0 0 15px
}
.mmenu-show #mobile-menu .side-nav ul li a, .mmenu-show #mobile-menu .content-nav ul li a {
	border: 0;
	background: none;
	color: #777;
	font-size: 14px;
	padding: 8px 30px
}
.mmenu-show #mobile-menu .side-nav ul li.active>a:before, .mmenu-show #mobile-menu .content-nav ul li.active>a:before {
	top: 7px;
	left: 10px
}
.mmenu-show #mobile-menu .side-nav-top>li {
	border-bottom: 0
}
.mmenu-show #mobile-menu .side-nav-top>li a:before {
	content: '';
	display: block;
	width: 2px;
	height: 2px;
	border: 2px solid;
	position: absolute;
	left: -15px;
	top: 11px
}
.mmenu-show #mobile-menu .side-nav-top>li>a {
	background: none;
	color: #444;
	padding: 6px 0;
	font-weight: 400
}
.mmenu-show #mobile-menu .search-box {
	position: relative;
	right: 0;
	bottom: 0;
	display: block;
	margin: 0 15px
}
.mmenu-show #mobile-menu .share-menu {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 1100;
	margin: 0;
	border-top: 1px solid #ddd;
	text-align: center
}
.mmenu-show #mobile-menu .share {
	position: static;
	margin: 5px 0;
	display: inline-block
}
.mmenu-show #mobile-menu .share .btn {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 17px;
	margin: 0 4px
}
.mmenu-show #mobile-menu .share .btn .ic {
	margin-bottom: 2px
}
.mmenu-show #mobile-menu .language-menu {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background: #333;
	color: #aaa;
	height: 40px;
	line-height: 20px
}
.mmenu-show #mobile-menu .language {
	padding: 5px 40px 5px 10px
}
.mmenu-show #mobile-menu .language .btn {
	display: none
}
.mmenu-show #mobile-menu .language ul li {
	display: inline-block;
	vertical-align: top
}
.mmenu-show #mobile-menu .language ul li+li:before {
	content: '| '
}
.mmenu-show #mobile-menu .language ul li a {
	padding: 5px
}
.mmenu-show #mobile-menu .language ul li a:hover {
	color: #fff
}
.mmenu-show #mobile-fixed {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 500;
	transition: all .3s ease;
	height:40px;
}
.mmenu-show #mobile-fixed span {
	display: block;
	text-align: center;
	line-height: 40px;
	position: relative;
	padding: 0
}
.mmenu-show #mobile-fixed ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-bottom: 1px solid;
	margin: 0;
	padding: 0;
	list-style-type: none
}
.mmenu-show #mobile-fixed li {
	display: table-cell;
	vertical-align: top;
	border-width: 1px 1px 0;
	color: #fff;
	font-size: 28px
}
.mmenu-show #mobile-fixed a {
	display: block;
	text-align: center;
	line-height: 40px;
	position: relative;
	color:white;
}
.mmenu-show #mobile-fixed li i {
	vertical-align: middle;
}
.mmenu-show #mobile-fixed .qty {
	position: absolute;
	top: 2px;
	left: 54%;
	display: inline-block;
	color: #fff;
	font-size: 12px;
	letter-spacing: 0;
	background: #333;
	line-height: 20px;
	padding: 0 4px;
	min-width: 20px;
	border-radius: 10px;
	box-sizing: border-box
}
.mmenu-show #mobile-search {
	display: block;
	position: fixed;
	z-index: 400;
	top: -41px;
	left: 0;
	right: 0;
	padding: 6px;
	transition: all .3s ease
}
.mmenu-show #mobile-search.active {
	top: 41px
}
.mmenu-show #mobile-search .search-box {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	width: auto;
	display: block;
	margin: 0;
	padding: 0
}
.mmenu-show #mobile-search .form-control {
	margin: 0;
	background: #fff;
	border: 0;
	height: 30px;
	line-height: 30px;
	padding-right: 40px;
	padding-left: 10px;
	border-radius: 5px
}
.mmenu-show #mobile-search .btn.search {
	width: 30px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: 0;
	top: 0
}
.mmenu-show #mobile-search .ibtn.search {
	background-image: url(../../img/mobile_search_btn.svg);
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0
}
.no-svg .mmenu-show #mobile-search .ibtn.search {
	background-image: url(../../img/mobile_search_btn.svg)
}
.mmenu-show #member-box, .mmenu-show #language-box {
	display: block;
	position: fixed;
	z-index: 400;
	top: 40px;
	left: 0;
	right: 0;
	color: #fff;
	max-height: 0;
	overflow: hidden;
	text-align: center;
	transition: all .3s ease
}
.mmenu-show #member-box.active, .mmenu-show #language-box.active {
	max-height: 500px
}
.mmenu-show #member-box li, .mmenu-show #language-box li {
	border-bottom: 1px solid
}
.mmenu-show #member-box li a, .mmenu-show #language-box li a {
	display: block;
	padding: 6px 10px;
	font-size: 16px
}
.mmenu-show #member-box .qty {
	display: inline-block;
	background: #fff;
	font-size: 12px;
	color: #333;
	font-weight: 700;
	padding: 0 6px;
	border-radius: 5px
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes bounceInDown {
	from, 60%, 75%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	to {
		-webkit-transform: none;
		transform: none
	}
}
@keyframes bounceInDown {
	from, 60%, 75%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	to {
		-webkit-transform: none;
		transform: none
	}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
@media screen and (max-width: 1000px) {
	.youtubecontent_box {
		width: 100%!important;
	}
}
@media screen and (max-width: 400px) {
	.mmenu-show #mobile-menu {
		width: 100%;
		left: -100%
	}
	.mmenu-show.mmenu-open #mobile-fixed {
		left: 100%;
		right: -100%
	}
	.mmenu-show.mmenu-open .wrapper {
		left: 100%
	}
}
@import url('https://fonts.googleapis.com/css?family=Work+Sans:100,200,400,600,800');
/*------------ basic ------------*/
body {
	font-family: "微軟正黑體", "Microsoft JhengHei", "Times New Roman", sans-serif;
	font-weight:bold;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 1px;
}
iframe{
	width:100%;
	max-width:100%;
}
.container {
    padding: 0 15px;
}
/*------------ / basic ------------*/
/*--- 隱私權 ---*/
.imgSetting{
	height:200px;
	width:initial;
	overflow:hidden;
	margin: 0 auto;
}
.imgWidth{
	margin: 0px;
	line-height: 200px;
	text-align:center;
}
.imgWidth img{
	vertical-align: middle;
	margin-top:-35px;
}
.Introduction{
	width:65vw;
	margin:5vh auto;
	font-size: 18px;
}
.aboutLi,
.TableHeader,
.TableBottom{
	font-size:18px !important;
}
.header-sheet {
    position: fixed;
    max-width: 100%;
    bottom: 43px;
    left: 10px;
    width: 320px;
    padding: 20px 25px 20px 15px;
    height: auto;
    text-align: left;
    z-index: 9999;
    background-color: rgba(255,255,255,0.9);
    color: #444;
    border-radius: 8px;
    border:solid 1px #fbab1b;
}
.header-sheet .close-ontop {
    color: #000;
    opacity: 1;
    font-size: 2.4rem;
    position: absolute;
    right: -14px;
    top: 13px;
    transform: translateY(-50%);
    font-weight: 100;
}
button.close-ontop {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    }
.close-ontop {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.header-sheet a {
    color:#D78A00;
    font-weight: bold;
    padding-left: 3px;
    text-decoration: underline;
    text-underline-position: under;
}

/*---! 隱私權 ---*/
/*------------ icon ------------*/
.icon {
    background-image: url('../../images/common/icons.png');
}
.require {
    width: 37px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background: #EB9600;
    font-size: 13px;
    border-radius: 4px;
    display: inline-block;
    font-style: normal;
    text-align: center;
}
.require:before{
    content: '必填';

}
/*------------ / icon ------------*/
/*------------ btn ------------*/
.share .btn {
    font-size: 17px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    color: #252525;
}
.share .btn.facebook:hover{ color: #3D5A98; }
.share .btn.google:hover { color: #DC472E; }
.share .btn.twitter:hover { color: #50ABF1; }
.share .btn.plurk:hover { color: #EA4640; }

.ibtn.fb-fans-page {
    background-image: url('../../images/tw/fb_page.png');
    width: 137px;
    height: 110px;
    box-sizing: content-box;
}
.ibtn.fb-fans-page:hover {
}
.ibtn.back {
    background-image: url('../../images/common/btn_back.png');
    width: 101px;
    height: 29px;
}

.btn.simple {
    
    width: 139px;
    height: 81px;
    line-height: 79px;
    color: #252525;
    font-size: 16px;
    letter-spacing: 0.1em;
    border-radius: 0px;
    position: relative;
    margin: 0 8px 10px;
    overflow: hidden;
}
.btn.simple .top,.btn.simple .bottom{
    background: #FFAA13;
    border:solid 2px #FFAA13;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.btn.simple .bottom{
    background: #fff;
    border-color: #111111; 
    position: absolute;
    top: 100%;
    transition: all .3s ease;
}
.btn.simple .bottom .more_txt{
    position: relative;
    transition: all .5s ease;
    top: 30px;
}
.btn.simple:hover .bottom{
    top: 0;

}
.btn.simple:hover .bottom  .more_txt{
    top: 0
}

.btn.simple.bg2 .top,.btn.simple .bottom{
   background: #fff;
    border:solid 2px #111111;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.btn.simple.bg2 .bottom{
background: #FFAA13;
    border:solid 2px #FFAA13;
}

.btn.simple2{
    width: 142px;
    line-height: 40px;
    height: 40px;
    background: #565656;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    transition: all .3s ease;
}

.btn.simple2:hover{
    background: #FFAA13;
}
.btn.simple .icon.arrowL,
.btn.simple .icon.arrowR {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
}
.btn.simple .icon.arrowL{
    background-position: -160px -87px;
    left: 10px;
}
.btn.simple .icon.arrowR {
    background-position: -180px -87px;
    right: 10px;
}
.btn.simple .icon.check {
    background-position: 0 -87px;
    width: 20px;
    height: 20px;
    margin: 0 8px 4px 0;
}
.btn.simple .icon.money {
    background-position: 0 -62px;
    width: 25px;
    height: 25px;
    margin: 0 8px 4px 0;
}
.btn.normal {
    color: #777;
    font-size: 14px;
    text-align: left;
    padding: 0 10px;
    min-width: 120px;
    line-height: 40px;
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.25);
    margin: 0 2px 10px;
}
.btn.normal:hover {
    border-color: #1B7292;
}
.btn.normal .icon {
    width: 32px;
    height: 32px;
    margin: 0 4px 3px 0;
}
.btn.normal .icon.home {
    background-position: 0 0;
}
.btn.normal .icon.cart {
    background-position: -32px 0;
}
.btn.normal .icon.cart2 {
    background-position: -64px 0;
}
.btn.normal .icon.order {
    background-position: -96px 0;
}
.btn.normal .icon.money {
    background-position: -128px 0;
}
.btn.pure {
    color: #1A7292;
    line-height: 30px;
    margin: 0 5px 10px;
    text-decoration: underline;
}
.btn.pure:hover {
    color: #ABB315;
    text-decoration: none;
}
/*------------ / btn ------------*/
/*------------ site_header ------------*/
.site-header {

}
.site-title {
    position: relative;
    z-index: 5;
    float: left;
    padding: 28px 0 28px;
}
.site-title .logo {
    background: url(/pic_page/LOGO.png) 50% 50% / contain no-repeat;
    width: 227px;
    height: 81px;
    transition: all .3s ease;
}
.top-nav {
    position: absolute;
    z-index: 10;
    right: 15px;
    top: 15px;
}
.top-nav > * {
    display: inline-block;
    vertical-align: middle;
}
.top-nav .btn.download {
    color: #212121;
    background: #FBD4CC;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 5px;
    border-radius: 15px;
    margin-right: 10px;
}
.top-nav .btn.download:hover {
    color: #fff;
    background: #297E9C;
}
.top-nav .icon {
    width: 20px;
    height: 20px;
    margin: 0 3px 3px 0;
}
.top-nav .btn.download .icon {
    width: 25px;
    height: 25px;
    background-position: -125px -62px;
}
.top-nav .btn.download:hover .icon {
    background-position: -150px -62px;
}
.top-nav .language .btn {
    display: none;
}
.top-nav .language li a {
    display: inline-block;
    background: #DEE834;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    border-radius: 14px;
    min-width: 28px;
    text-align: center;
}
.top-nav .language li a:hover {
    background: #297E9C;
}
.site-header .search-box {
    position: absolute;
    z-index: 10;
    top: 14px;
    right: 206px;
    width: 178px;
    box-sizing: border-box;
    margin-left: 10px;
}
.site-header .search-box .form-control {
    border: 1px solid #DEE834;
    height: 32px;
    line-height: 30px;
    margin: 0;
    padding: 0 42px 0 12px;
    border-radius: 15px;
}
.site-header .search-box .form-control:focus {
    border-color: #FBCFC7;
}
.site-header .search-box .ibtn.search {
    background-image: url(../../images/common/btn_search.png);
    width: 30px;
    height: 30px;
    position: absolute;
    right: 3px;
    top: 1px;
}
.site-nav {
    position: relative;
    padding-top: 40px;
    margin-left: 220px;
    text-align: right;
}
.site-nav > * {
    display: inline-block;
    vertical-align: middle;
}
.site-nav .menu {
    text-align: center;
}
.site-nav .menu li {
    position: relative;
}
.site-nav .menu li a {
    display: block;
    line-height: 1.4;
}
.site-nav .menu > li {
    padding: 0 6px;
}
.site-nav .menu > li > a {
    color: #FFFFFF;
    font-size: 20px;
    letter-spacing: 0.15em;
    padding:20px 18px ;
    position: relative;
}
.site-nav .menu > li > form {
    color: #111;
    font-size: 17px;
    letter-spacing: 0.15em;
    padding:15px 0px ;
    position: relative;
	margin:0;
}
.site-nav .menu > li > a:after{
    content: '';
    display: block;
    width:0%;
    height: 1px;
    position: absolute;
    bottom: 0;
    transition: all .3s ease;
    left: 0;
    background: #111111;
}
.site-nav .menu > li:hover > a:after,
.site-nav .menu > li.active > a:after{
    width: 100%;
}
.site-nav .menu > li > a:before{
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background: #FFAA13;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -3.5px;
    transition: all .3s ease;
    opacity: 0;
}
.site-nav .menu > li:hover > a:before,
.site-nav .menu > li.active > a:before{
    opacity: 1

}
/*.site-nav .menu > li:nth-last-child(-n+2) {
    display: none;
}*/

.site-nav .menu > li > a span {
    display: block;
    color: #111111;
    font-family: 'Work Sans';

    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.7;
    transition: all .3s ease;
}
.site-nav .menu > li:hover > a span,
.site-nav .menu > li.active > a span{
    color: #FFAA13;
}
.site-nav .menu li ul {
    display: none;
}

.site-header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: all .3s ease;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0);
	background:#525289;
}
.wrapper{
    padding-top: 144px;
}
.site-title,.site-title .logo ,.site-nav ,.wrapper{
    transition: all .3s ease;
}
.header-fixed .site-header {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
.header-fixed .site-title {
    padding: 15px 0;
}
.header-fixed .site-title .logo {
    width: 180px;
    height: 60px;
}
.header-fixed .site-nav {
    padding-top: 9px;
}
.header-fixed .titleName {
    font-size:20px;
	top:9px;
	left:9vw;
}
.header-fixed .titleName {
    font-size:20px;
	top:9px;
	left:9vw;
}

/*------------ / site_header ------------*/
/*------------ banner ------------*/
.banner {
    position: relative;
}

.banner .container {
    max-width: 1440px;
    padding: 0;
}
.banner .item{
    position: relative;
    z-index: 5;
}
.banner .container:before{
    content: '';
    display: block;
    position: absolute;
    bottom: -20px;
    left: -20px;
    right: -20px;
    height: 102px;
    background: #FFFFFF;
}
/*------------ / banner ------------*/
/*------------ site_main ------------*/
.main-top{
    text-align: center;
    background: #F7F7F7;
    padding-top: 90px;
    margin-top: -70px;
    margin-bottom: 30px;
}
.main-top .container {
    max-width: 1440px;
    padding: 0;

}
.main-title {
    color: #252525;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.15em;
    text-align: center;
    padding: 20px 0 20px;
    margin: 0;
}
/*.has-side .main-title {
    background: none;
    padding-bottom: 24px;
}*/
.main-title span {
    display: block;
    color: #111111;
    /*font-family: 'Work Sans';*/
    font-size: 60px;
    font-weight: 600;
    letter-spacing: 0em;
    line-height: 1;
}
.main-content {
    padding: 55px 0 100px;
}
.has-side .main-content {
    padding-top: 0;
}
.content {
    min-height: 300px;
    box-sizing: border-box;
	max-width:75vw;
	margin:auto;
}

.content-title {
    position: relative;
    padding: 5px 0 5px 50px;
    color: #111111;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    min-height: 30px;
    margin: 0 0 40px;
    border-bottom: 2px solid #E6E7E7;

}

.content-title:before {
    content: '';
    display: inline-block;
    width: 37px;
    height: 16px;
    position: absolute;
    top: 7.5px;
    left: 0;
}
.shopping-title {
    color: #333;
    font-size: 18px;
    letter-spacing: 0.15em;
    margin-bottom: 10px;
}
.shopping-title .icon {
    width: 30px;
    height: 30px;
    margin: 0 6px 4px 0;
}
.shopping-title .icon.car {
    background-position: 0 -32px;
}
.shopping-title .icon.cart {
    background-position: -30px -32px;
}
.shopping-title .icon.money {
    background-position: -60px -32px;
}
.shopping-title .icon.plus {
    background-position: -90px -32px;
}
.shopping-title .icon.user {
    background-position: -120px -32px;
}
.shopping-title .icon.box {
    background-position: -150px -32px;
}
.shopping-title .icon.notice {
    background-position: -180px -32px;
}
.shopping-title .icon.msg {
    background-position: -210px -32px;
}
.btn-box {
    clear: both;
    padding-top: 30px;
    position: relative;
    text-align: right;
}
.btn-box.center{
    text-align: center;
}
.btn-box.wide-spacing {
    letter-spacing: 15px;
}
.btn-box.wide-spacing * {
    letter-spacing: 0.1em;
}
.warning-sect {
    padding-bottom: 30px;
}
/*------------ / site_main ------------*/
/*------------ breadcrumb ------------*/
.breadcrumb {
    font-size: 13px;
    padding: 4px 15px;
    letter-spacing: 0;
    margin-top: 1px;
    /*font-family: 'Work Sans',Arial, '文泉驛正黑', 'WenQuanYi Zen Hei', '儷黑 Pro', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei',  '微软雅黑', 'メイリオ', '맑은 고딕', sans-serif;*/
    color: #252525;
    border-bottom: solid 1px #E6E7E7;
}
.breadcrumb li,
.breadcrumb li a {
    display: inline;
    vertical-align: middle;
}
.breadcrumb li+li:before {
    content: '/ ';
    font-weight: normal;
}


.content-top .breadcrumb {
    border-bottom: none;
    font-size: 16px;
    color: #B2B2B2;
    padding: 0;
    margin: 0

}
.breadcrumb li:last-child a{
    font-weight: 600;
    font-size: 18px;
    color: #111111;
}


.content-top .breadcrumb li:first-child a:before {
    display: none;
}
/*------------ / breadcrumb ------------*/
/*------------ side ------------*/
.side {
    width: 15vw;
    float: left;
    margin-left:4.5vw;
}
.has-side .content {
    float: left;
    background: none;
	padding-left:3vw;
	width:70vw;
}
.side-title {
    border-bottom: 0;
    padding: 0 3px 24px;
    margin-bottom: 25px;
    color: #545454;
    /*font-family: 'Work Sans';*/
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;

}
.side-nav{
     border-top: solid 1px #565656;
}
.side-nav,
.side-nav-top {
    position: relative;
    font-size: 15px;
}
.side-nav li a,
.side-nav-top li a {
    position: relative;
    display: block;
    line-height: 1.3;
    padding: 8px 32px;
    font-size: 16px;
    color: #565656;
}

.side-nav > li {
    /*padding: 10px 0;*/
}
.side-nav > li > a {
    color: #111111;
    font-size: 17px;
    border-bottom: solid 1px #E6E7E7;
    padding: 19px 20px 19px 10px;
}
.side-nav> li.has-child >a:after{
    font-family: 'FontAwesome'!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
    color: #565656;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    transition: all .3s ease;
}
.side-nav > li.has-child > a:hover:after,
.side-nav > li.has-child.active > a:after {
    color: #000000;
    transform:rotate(180deg);
}
.side-nav > li > a:before{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #FFAA13;
    width: 0;
    position: absolute;
    bottom: -1px;
    transition: all .3s ease;
    left: 0;
}
.side-nav > li > a:hover,
.side-nav > li.active > a {
    font-weight: bold;


}
.side-nav > li > a:hover:before,
.side-nav > li.active > a:before{
    width: 100%;
}
.side-nav ul {
    display: none;
    padding-top: 20px;
    border-bottom: solid 1px #E6E7E7;
}
.side-nav ul li a {
	width:68%;
    padding-left: 32px;
}
.side-nav ul li a:hover,
.side-nav ul li.active > a {
    color: #111111;
    font-weight: bold;
}

.side-nav ul li > a:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #FFAA13;
    border-radius: 50%;
    position: absolute;
    left: 14px;
    top: 12px;
    opacity: 0;
    transition: all .3s ease;
}

.side-nav ul li.active > a:before,
.side-nav ul li > a:hover:before {
    opacity: 1;
}
.side-nav ul ul{
	background:#fafafa;
	padding:10px;
}
.side-nav ul ul li > a:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 3px;
    background: #FFAA13;
    border-radius: 0%;
    position: absolute;
    left: 14px;
    top: 16px;
    opacity: 0;
    transition: all .3s ease;
}
.side-nav ul ul ul li > a:before{
	opacity:1;
	width:3px;
	height:3px;
	border-radius:0;
	background:#000
}	
.side-nav ul ul ul li.active > a,
.side-nav ul ul ul li > a:hover {
	color:#FFAA13;
}
/*------------ / side ------------*/
/*------------ site_footer ------------*/
.site-footer {
    padding-top: 60px;
    background: #252525;
}
.footer-top{
    padding-bottom: 50px;
}
.site-info {
    color: #FFFFFF;
    font-size: 15px;
    line-height: 1.4;
    box-sizing: border-box;
}
.site-info li span{
    color: #FFAA13;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    padding-right: 10px;
}
.site-info li a{
    display: inline;
}
.footer-tel,
.footer-mail {
    display: block;
    text-align: center;
}
.footer-tel {
    font-size: 40px;
    color: #FFAA13;
    font-weight: 600;
}
.footer-bottom .container{
	text-align:center;
}
.col{
	width: max-content;
    margin: 0 auto;
}
.site-info a:hover {
    text-decoration: underline;
}
.site-map {
    float: right;

}
.site-map ul {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 13px;
}
.site-map ul li{
     padding-right: 45px;   
}
.site-map li {
    padding: 2px 0;
    letter-spacing: 0;
}
.site-map a{
    color: #FFFFFF;
    transition: all .3s ease;
}
.site-map a:hover {
    color: #FFAA13;
}
.follow {
    float: right;
    letter-spacing: 6px;
}
.follow > * {
    display: inline-block;
    vertical-align: top;
}
.footer-bottom {
    text-align: left;
    color: #252525;
    font-size: 12px;
    padding: 6px 0;
    background: #fff;
    line-height: 30px;
}
.footer-bottom .share{
    float: right;
}
.footer-bottom a:hover {
    text-decoration: underline;
}
.footer-bottom .copyright,
.footer-bottom .author,
.footer-bottom .share {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}
/*------------ / site_footer ------------*/
/*------------ floating ------------*/
.floating,
.floating.fancybox-margin {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 65px;
    z-index: 400;
    transition: all .3s ease;
}
.floating .ibtn.gotop {
    background-color: #F7F7F7;
    background-image: url('/pic_page/gotop.png');
    width:  47px;
    height: 47px;
     border-radius:8px;
    transition: all .3s ease;
}
.floating .ibtn.gotop:hover {
    background-color:#525289 ;
     border-radius:0px;
   
}

/*------------ / floating ------------*/
/*------------ pagination ------------*/
.pagination {
    padding: 0;
    margin: 0;
    text-align: center;
}
.pagination li {
    display: inline-block;
    vertical-align: top;
}
.pagination li a {
    display: block;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    color: #111;
    font-size: 15px;
    font-weight: bold;
    padding: 0 5px;
    margin: 0;
    border-radius: 20px;
    box-sizing: border-box;
}
.pagination li a:hover,
.pagination li.active a {
    text-decoration: underline;
    color: #fbab1b;
    transition: all .3s ease;
}
.pagination li a.controls {
    padding: 0;
}
.pagination li a.controls .icon {
    width: 25px;
    height: 25px;
    border-radius: 20px;
    margin-bottom: 2px;
    transition: all .3s ease;
}
.pagination li a.prev .icon {
    background-position: -25px -62px;
    background-color: #eaeaea;
}
.pagination li a.next .icon {
    background-position: -50px -62px;
    background-color: #eaeaea;
}
.pagination li a.controls:hover .icon {
    background-color: #fbab1b;
}
.page-info {
    display: none;
}
.page-info .form-control {
    height: 30px;
    line-height: 28px;
    border: 1px solid #ddd;
    margin: 0;
    border-radius: 0px;
}
.page-info .form-control:focus {
    border-color: #fbab1b;
}
/*------------ / pagination ------------*/
/*------------ form ------------*/
.reminder {
    position: relative;
    margin-bottom: 30px;
    margin: 0 0 40px;
}
.qty-box {
    position: relative;
    display: inline-block;
    width: 100px;
    max-width: none;
    padding: 0 30px;
    box-sizing: border-box;
}
.qty-box .form-control {
    position: relative;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #777;
    background: #FBCFC7;
    border: 0;
    margin: 0;
    padding: 0 5px;
    z-index: 1;
    border-radius: 0;
}
.qty-box .form-control:focus {
    color: #fff;
    background: #F3856D;
}
.qty-box .btn {
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 19px;
    color: #FBCFC7;
    border: 1px solid #FBCFC7;
    position: absolute !important;
    z-index: 0;
    top: 0;
}
.qty-box .btn:hover {
    color: #fff;
    background: #F3856D;
}
.qty-box .add {
    left: 0;
}
.qty-box .less {
    right: 0;
}
.form-control {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 33px;
    padding: 0 10px;
    border: 1px solid #E1E1E1;
    background: #F3F3F3;
    border-radius: 0px;
    box-sizing: border-box;
    margin-bottom: 6px;
}
.form-control:focus {
    outline: none;
    background: #F7F7F7;
    border-color: #FEA300;
}
textarea.form-control {
    padding: 8px 10px;
    line-height: 1.4;
    resize: vertical;
    height: auto;
    max-height: inherit;
}
.static-control {
    line-height: inherit;
    color: #197292;
    font-weight: bold;
    font-size: 13px;
    margin: 0;
    padding: 0 5px;
}
.form-title {
    /*font-family: 'Work Sans';*/
    font-weight: 600;
    color: #111;
    font-size: 26px;
    position: relative;
}
.form-title span{
    display: inline-block;
    background: #fff;
    padding-right: 10px;
    position: relative;
    z-index: 5;
}
.form-title:before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #E6E7E7;
    left: 0;
    right: 0;
    top: 50%;
}
.form-title span b{
    color: #FFAA13;
    font-weight: 600;
}
.form-wrap {
    max-width: 1000px;
    border-radius: 20px;
}
.form-wrap .btn-box {
    padding: 20px 0px 15px;
}
.form-box {
    max-width: 940px;
}
.center-box .form-box,.center-box{
    margin: 0 auto
}
.form-box .row {
    margin: 0 -24px;
}
.form-box .col {
    float: left;
    width: 50%;
    padding: 0 24px;
}
.form-box .required {
    position: relative;
}
.form-box .required:after {
    content: '必填';
    display: inline-block;
    width: 37px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background: #EB9600;
    font-size: 13px;
    border-radius: 4px;
    font-style: normal;
    text-align: center;
    margin-left: 15px;
}
.form-box .form-group {
    padding: 2px 0;
    line-height: 36px;
    margin-bottom: 20px;
}
.form-box .control-label {
    display: inline-block;
    font-size: 15px;
    color: #111111;
    line-height: inherit;
    padding-left: 3px;
}
.form_tag{
	color:#0070c0;
}
.form-box .control-box {
    position: relative;
}
.form-box .control-box label {
    display: inline-block;
    line-height: inherit;
    margin: 0 10px 6px 5px;
}
.form-box .captcha .form-control {
    display: inline-block;
    width: 46%;
    max-width: 280px;
}
.form-box .captcha a {
    display: inline-block;
    color: #bbb;
    font-size: 20px;
    line-height: inherit;
    margin-left: 5px;
    margin-bottom: 6px;
    transition: all .3s ease;
}
.form-box .captcha a:hover {
    color: #FF732F;
}
.form-box .captcha a .icon.refresh {
    width: 30px;
    height: 30px;
    background-position: -270px -32px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    transition: transform .3s;
}
.form-box .captcha a:hover .icon.refresh {
    background-position: -300px -32px;
    transform: rotate(270deg);
}
.form-box .name .control-box {
    position: relative;
}
.form-box .name .radio-box {
    line-height: 36px;
    position: absolute;
    right: 0;
    bottom: 100%;
}
.form-box .name .radio-box label {
    display: inline-block;
    margin-bottom: 0;
}
.form-box .name2 .control-box {
    padding-right: 150px;
}
.form-box .name2 .radio-box {
    line-height: 36px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.form-box .name2 .radio-box label {
    margin-bottom: 0;
}
.form-box .tips {
    line-height: 1.2;
    margin-bottom: 6px;
    color: #1A7292;
    font-size: 13px;
    padding: 0 5px;
}
.form-box.type2 .tips {
    min-height: 0;
}
.form-box .input-group {
    margin: 0 -3px;
}
.form-box .input-group:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0;
}
.form-box .input-group .input-box {
    float: left;
    width: 50%;
    padding: 0 3px;
    box-sizing: border-box;
}
.form-box .input-group .form-control {
    display: inline-block;
}
.form-box .name .control-box {
    position: relative;
}
.form-box .name .radio-box {
    line-height: 36px;
    position: absolute;
    right: 0;
    bottom: 100%;
}
.form-box .name .radio-box label {
    display: inline-block;
    margin-bottom: 0;
}
.form-box .address .input-box:last-child {
    width: 100%;
}
.form-box .address2 .input-box {
    width: 22%;
}
.form-box .address2 .input-box:last-child {
    width: 56%;
}
.form-radio,
.form-checkbox {
    display: inline-block;
    position: relative;
}
.form-radio input[type=radio],
.form-checkbox input[type=checkbox] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0!important;
    visibility: hidden;
    outline: 0;
    z-index: 3;
    width: 17px;
    height: 17px;
}
.form-radio:before,
.form-checkbox:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: 50% 0 / 100% auto no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 0 4px;
}
.form-radio:before {
    background-image: url('../../images/common/form_radio.png');
}
.form-checkbox:before {
    background-image: url('../../images/common/form_checkbox.png');
}
.form-radio.checked:before,
.form-checkbox.checked:before {
    background-position: 0 100%;
}
.success-wrap {
    text-align: center;
    padding: 30px 15px;
}
.has-side .success-wrap {
    padding: 6% 15px 7%;
}
.success-box {
    text-align: center;
    line-height: 2;
}
.success-msg {
    max-width: 600px;
    color: #FFAA13;
    font-size: 24px;
    font-weight: bold;
    padding: 5px 0;
    line-height: 1.5;
    margin: 0 auto 20px;
}
.success-msg .icon {
    width: 32px;
    height: 32px;
    margin: 0 6px 7px 0;
}
.success-msg .icon.check {
    background-position: -192px 0;
}
.success-msg .icon.user {
    background-position: -224px 0;
}
.success-msg .icon.mail {
    background-position: -256px 0;
}
.success-msg .icon.file {
    background-position: -288px 0;
}
.success-msg .icon.lock {
    background-position: -320px 0;
}
.success-msg .icon.user-white {
    background-position: -352px 0;
}
.success-txt strong {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 22px;
}
.success-txt a {
    text-decoration: underline;
    color: #F2856C;
}
.success-txt a:hover {
    text-decoration: none;
}
/*------------ / form ------------*/
/*------------ lightbox ------------*/
.fancybox-album .fancybox-close {
    background: url(../../images/common/lightbox_close.png) no-repeat;
    width: 40px;
    height: 40px;
    right: -20px;
    top: -20px;
}
.fancybox-album .fancybox-close:hover {
    background-position: 0 100%;
}
.fancybox-album .fancybox-skin {
    background: rgba(255,255,255,0.95);
    margin: 20px 40px;
    border-radius: 0;
    border: 1px solid #ffaa13;
}
.fancybox-album .fancybox-inner {
    background: #fff;
}
.fancybox-album .fancybox-nav span {
    visibility: visible;
    background: url('../../images/common/lightbox_arrow.png') no-repeat;
    width: 30px;
    height: 60px;
    opacity: 0.8;
    margin-top: -30px;
}
.fancybox-album .fancybox-prev span {
    background-position: 0 0;
    left: -65px;
}
.fancybox-album .fancybox-next span {
    background-position: 100% 0;
    right: -65px;
}
.fancybox-album .fancybox-nav:hover span {
    opacity: 1;
}
.fancybox-album .fancybox-title {
    color: #666;
    /*font-family: Arial, '文泉驛正黑', 'WenQuanYi Zen Hei', '儷黑 Pro', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei',  '微软雅黑', 'メイリオ', '맑은 고딕', sans-serif;*/
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0.05em;
    padding-top: 16px;
}
.fancybox-album .fancybox-title .photo-pager {
    float: right;
    color: #ffaa13;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    padding: 5px 10px 0;
    /*font-family: 'Work Sans';*/
}
.fancybox-album .fancybox-title .photo-title {
    color: #111;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    padding: 5px 10px;
}
.fancybox-album .fancybox-title .photo-intro {
    padding: 15px 10px 5px;
}
.fancybox-album .fancybox-title .photo-intro a{
    display: inline-block;
    padding:3px 6px;
    background: #ffaa13;
    color: #000;
    font-weight: bold;
    font-size: 15px;
    vertical-align: middle;
    border-radius: 5px;

}
/*------------ / lightbox ------------*/
.mmenu-show #mobile-fixed li,
.mmenu-show #mobile-search,
.mmenu-show #member-box li a {
    background: #111;
}
.mmenu-show #mobile-menu .menu li a span{
    display: none;
}
.mmenu-show .titleName{
    display: none;
}
.mmenu-show #mobile-fixed ul,
.mmenu-show #member-box li {
	height:39.5px;
    border-bottom-color: #111;
}
.mmenu-show #mobile-menu .side-nav-top > li a:before {
    border-color: #111;
}
.mmenu-show #mobile-menu .menu li a:hover,
.mmenu-show #mobile-menu .menu li.active > a {
    color: #ffaa13;
}
.mmenu-show #mobile-menu .share .btn .ic {
    vertical-align: middle;
}
.footer-top {
	text-align: left;
}
@media screen and (max-width: 1580px) {
/*------------ site_footer 1580 ------------*/
    .footer-bottom .container {
        max-width: none;
        padding: 0 80px;
    }
/*------------ / site_footer 1580 ------------*/
}
@media screen and (max-width: 1470px) {
/*------------ site_header 1470 ------------*/
    .site-title .logo {
        width: 150px;
        height: 50px;
    }
    .site-nav {
        padding: 20px 0;
        margin-left: 170px;
    }
	.titleName{
		width:22vw !important;
	}

/*------------ / site_header 1470 ------------*/
}
@media screen and (max-width: 1420px) {
/*------------ banner 1420 ------------*/
    .banner:before {
        display: none;
    }
/*------------ / banner 1420 ------------*/
}
@media screen and (max-width: 1300px) {
/*------------ site_footer 1300 ------------*/
    .footer-top .container {
        background: none;
        max-width: 900px;
    }
    .site-info {
        margin-right: 40px;
    }
    .site-map {
        clear: both;
        text-align: center;
        padding-top: 30px;
        letter-spacing: 40px;
    }
    .site-map ul {
        display: inline;
    }
    .site-map ul li {
        display: inline-block;
    }
    .footer-bottom {
        text-align: center;
    }
    .footer-bottom .container {
        padding: 0 15px;
    }
/*------------ / site_footer 1300 ------------*/
}
@media screen and (max-width: 1250px) {
/*------------ site_header 1250 ------------*/
    .site-title {
        padding: 10px 0;
        float: none;
        text-align: center;
    }
    .site-header .search-box {
        top: 56px;
        right: 15px;
    }
    .site-nav {
        clear: both;
        position: static;
        margin: 0 -10px;
        padding: 0px 0 0px;
        text-align: center;
    }
    .site-nav .menu > li {
        padding: 0 4px;
    }
    .header-fixed .site-title,
    .header-fixed .top-nav,
    .header-fixed .search-box {
        display: none;
    }
    .header-fixed .site-nav {
        padding: 10px 0 0;
        margin-left: 0;
    }
    .btn.simple{
        line-height:51px;
        height: 55px;
    }
	.productInfo{
		width:auto !important;
	}
	.titleName{
		display:none;
	}
/*------------ / site_header 1250 ------------*/
}
@media screen and (max-width: 1025px) {
    .wrapper{
        padding-top: 40px;
    }
    .site-header,.header-fixed .site-header{
        position: static;
    }
    .site-title,.header-fixed .site-title{
        padding: 15px 0;
        display: block;

    }
    .site-title .logo,.header-fixed .site-title .logo{
        width: 150px;
        height: 50px;
    }
    /*--- 隱私權手機板 ---*/
    .header-sheet {
        position: fixed;
        height: auto;
        bottom: 0%;
        z-index: 999;
        font-size: 14px;
        padding: 40px 0 10px;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        border-radius: 0;
    }
    .header-sheet .close-ontop {
        right: 0px;
        left: 0px;
        top: -21px;
        margin: auto;
        text-align: center;
        width: 100%;
        height: 35px;
    }
    button.close-ontop{
        padding:0px;
    }
    .close-ontop {
        float: none;
    }
    body #keyreply-container {
        bottom: 10%;
    }
    .header-active #keyreply-container {
        bottom: 0%;
        transition:all .7s;
    }
    .header-fixed .header-sheet{
        display:block;
    }
    /*--- END隱私權手機板 ---*/
/*------------ site_header 1025 ------------*/
    .top-nav,
    .site-nav,
    .site-header .search-box {
        display: none;
    }
    .header-fixed {
        padding-top: 0;
    }
    .header-fixed .site-header {
        position: static;
    }
/*------------ / site_header 1025 ------------*/
/*------------ site_main 1025 ------------*/
    .main-content {
        padding-bottom: 80px;
    }
/*------------ / site_main 1025 ------------*/
/*------------ side 1025 ------------*/
    .side {
        display: none;
    }
    .has-side .content {
        position: relative;
        width: auto;
        float: none;
    }
/*------------ / side 1025 ------------*/
/*------------ site_footer 1025 ------------*/
    .site-map,
    .footer-bottom .share {
        display: none;
    }
/*------------ / site_footer 1025 ------------*/
/*------------ floating 1025 ------------*/
    .floating,
    .floating.fancybox-margin {
        background: none;
        right: 50%;
        bottom: 5px;
        margin-right: -15px;
    }
    .floating .ibtn.gotop {
        background: url('/pic_page/mobile/mobile_gotop.png') 50% 50% no-repeat;
        width: 30px;
        height: 30px;
        border: 0;
        /*background-size: contain;*/
    }

    .no-svg .floating .ibtn.gotop {
        background: url('/pic_page/mobile/mobile_gotop.png') no-repeat;
        /*background-size: contain;*/
    }
/*------------ / floating 1025 ------------*/
    .site-footer .col{
        width: max-content;
		margin: 0 auto;
    }
    .footer-top{
        padding-bottom: 15px;
    }
    .footer-bottom{
        padding-bottom: 30px;
    }
    .main-title span{
        font-size: 28px;
    }
    .main-title{
        padding:12px 0;
    }
    .banner .container:before{
        display: none;
    }
    .main-top{
        padding-top: 70px;
    }
    .content-title{
        margin-bottom: 20px;
    }
    .form-title{
        font-size: 26px;
    }
    .reminder{
        margin-bottom: 10px;
    }
    .btn-box{
        text-align: center;
    }
    .site-footer{
        padding-top: 0px;
     }
    .main-top{
        margin-bottom: 15px
    }
    .form-box .form-group{
        margin-bottom: 10px;
    }
    .main-content {
        padding: 30px 0 30px;
    }
	.productInfo{
		width:auto !important;
	}

}
@media screen and (max-width: 840px) {
/*------------ site_footer 840 ------------*/
    .footer-top {
        text-align: left;
    }
    .footer-top .container {
        padding: 30px 15px 15px;
    }
    .site-info,
    .follow {
        float: none;
        width: auto;
    }
    .site-info {
        display: inline-block;
        margin: 0 0 15px;
        background: none;
        padding: 0;
        min-height: 0;
    }
    .footer-tel {
        font-size: 36px;
    }
    .follow > * {
        margin-top: 5px;
    }
/*------------ / site_footer 840 ------------*/
}
@media screen and (max-width: 767px) {
/*------------ site_main 767 ------------*/
    .content-title {
        float: none;
		padding:0;
		text-align:center;
    }
    
/*------------ / site_main 767 ------------*/
/*------------ breadcrumb 767 ------------*/
    .content-top .breadcrumb {
        float: none;
    }
/*------------ / breadcrumb 767 ------------*/
/*------------ pagination 767 ------------*/
    .page-info {
        display: block;
        padding: 0 40px;
    }
    .pagination {
        position: relative;
        height: 0;
    }
    .pagination li a {
        display: none;
    }
    .pagination li a.controls {
        display: block;
        position: absolute;
        bottom: -30px;
    }
    .pagination li a.prev {
        left: 0;
    }
    .pagination li a.next {
        right: 0;
    }
/*------------ / pagination 767 ------------*/
/*------------ form 767 ------------*/
    .form-box {
        padding: 15px;
    }
    .form-box .row {
        margin: 0;
    }
    .form-box .col {
        float: none;
        width: auto;
        padding: 0;
    }
    .form-box .name2 .control-box {
        padding: 0;
    }
    .form-box .name2 .radio-box {
        bottom: 100%;
    }
    .form-box .address2 .input-box {
        width: 50%;
    }
    .form-box .address2 .input-box:last-child {
        width: 100%;
    }
    .form-box .tips {
        min-height: 0;
    }
    .success-msg {
        font-size: 17px;
    }
/*------------ / form 767 ------------*/
/*------------ lightbox 767 ------------*/
    .fancybox-album .fancybox-skin {
        margin: 50px 0 5px;
    }
    .fancybox-album .fancybox-close {
        top: -50px;
        right: 50%;
        margin-right: -20px;
    }
    .fancybox-album .fancybox-nav span {
        top: -45px;
    }
    .fancybox-album .fancybox-prev span {
        left: 0;
    }
    .fancybox-album .fancybox-next span {
        right: 0;
    }
    .fancybox-album .fancybox-title .photo-title,
    .fancybox-album .fancybox-title .photo-pager {
        font-size: 18px;
    }
    .fancybox-album .fancybox-title .photo-title {
        padding: 5px 0;
    }
    .fancybox-album .fancybox-title .photo-pager {
        padding: 5px 0 0;
    }
    .fancybox-album .fancybox-title .photo-intro {
        padding: 15px 0 5px;
    }
/*------------ / lightbox 767 ------------*/
	.productInfo{
		position:unset !important;
		width:unset !important;
		padding-bottom:5%;
	}
	.list-product img{
		max-width: 100% !important;
		max-height: 100% !important;
	}
	.list-product-pic img{
		max-width: 100% !important;
		max-height: 100% !important;
	}
	.searchKey{
		width:100% !important;
	}
	.mobileForm #MobileBtn{
		right: 10% !important;
	}
	.productInfo{
		width:auto;
	}
	.imgWidth img{
		margin-top:-5px;
	}
    .showimg{
        margin-top: 20vh !important;
        height: unset !important;
        width: 80vw;
    }
    .closebtn{
        top: 23vh !important;
    }
}
@media screen and (max-width: 480px) {
	.box a,
	.box p{
		font-size: 12px;
	}
	.footer-top {
		text-align: left;
	}
	.site-info{
		font-size:12px;
	}
	body{
		line-height: 1;
	}
}
@media screen and (max-width: 400px) {
/*------------ form 400 ------------*/
    .form-box .form-group .input-box {
        width: 100%;
    }
/*------------ / form 400 ------------*/
/*------------ btn 400 ------------*/
    .btn.simple {
        margin: 0 auto 10px;
    }
/*------------ / btn 400 ------------*/
}
/*------------特殊符號---------------*/
@font-face {
  font-family: 'FontAwesome';
  src: url("/css/fonts/fontawesome-webfont.eot?v=4.2.0");
  src: url("/css/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("/css/fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("/css/fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("/css/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icon-font';
  src:  url('/css/fonts/icon-font.eot?9cbwkw');
  src:  url('/css/fonts/icon-font.eot?9cbwkw#iefix') format('embedded-opentype'),
  url('/css/fonts/icon-font.ttf?9cbwkw') format('truetype'),
  url('/css/fonts/icon-font.woff?9cbwkw') format('woff'),
  url('/css/fonts/icon-font.svg?9cbwkw#icon-font') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ic-"], [class*=" ic-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon-font' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ic-instagram:before {
  content: "\e911";
}
.ic-earth:before {
  content: "\e910";
}
.ic-repeat:before {
  content: "\f01e";
}
.ic-rotate-right:before {
  content: "\f01e";
}
.ic-refresh:before {
  content: "\f021";
}
.ic-check-square-o:before {
  content: "\f046";
}
.ic-square-o:before {
  content: "\f096";
}
.ic-square:before {
  content: "\f0c8";
}
.ic-rotate-left:before {
  content: "\f0e2";
}
.ic-undo:before {
  content: "\f0e2";
}
.ic-circle-o:before {
  content: "\f10c";
}
.ic-check-square:before {
  content: "\f14a";
}
.ic-arrow-circle-o-right:before {
  content: "\f18e";
}
.ic-arrow-circle-o-left:before {
  content: "\f190";
}
.ic-dot-circle-o:before {
  content: "\f192";
}
.ic-arrow-circle-o-down:before {
  content: "\f01a";
}
.ic-arrow-circle-o-up:before {
  content: "\f01b";
}
.ic-chevron-left:before {
  content: "\f053";
}
.ic-chevron-right:before {
  content: "\f054";
}
.ic-plus-circle:before {
  content: "\f055";
}
.ic-minus-circle:before {
  content: "\f056";
}
.ic-arrow-left:before {
  content: "\f060";
}
.ic-arrow-right:before {
  content: "\f061";
}
.ic-arrow-up:before {
  content: "\f062";
}
.ic-arrow-down:before {
  content: "\f063";
}
.ic-plus:before {
  content: "\f067";
}
.ic-minus:before {
  content: "\f068";
}
.ic-chevron-up:before {
  content: "\f077";
}
.ic-chevron-down:before {
  content: "\f078";
}
.ic-twitter:before {
  content: "\f099";
}
.ic-facebook:before {
  content: "\f09a";
}
.ic-facebook-f:before {
  content: "\f09a";
}
.ic-google-plus:before {
  content: "\f0d5";
}
.ic-caret-down:before {
  content: "\f0d7";
}
.ic-caret-up:before {
  content: "\f0d8";
}
.ic-caret-left:before {
  content: "\f0d9";
}
.ic-caret-right:before {
  content: "\f0da";
}
.ic-angle-double-left:before {
  content: "\f100";
}
.ic-angle-double-right:before {
  content: "\f101";
}
.ic-angle-double-up:before {
  content: "\f102";
}
.ic-angle-double-down:before {
  content: "\f103";
}
.ic-angle-left:before {
  content: "\f104";
}
.ic-angle-right:before {
  content: "\f105";
}
.ic-angle-up:before {
  content: "\f106";
}
.ic-angle-down:before {
  content: "\f107";
}
.ic-plurk-circle:before {
  content: "\e90e";
}
.ic-plurk-new-circle:before {
  content: "\e90f";
}
.ic-refresh-rounded:before {
  content: "\e90d";
}
.ic-facebook-circle:before {
  content: "\e90a";
}
.ic-google-plus-circle:before {
  content: "\e90b";
}
.ic-twitter-circle:before {
  content: "\e90c";
}
.ic-plurk:before {
  content: "\e908";
}
.ic-plurk-new:before {
  content: "\e909";
}
.ic-m-menu:before {
  content: "\e900";
}
.ic-m-search:before {
  content: "\e901";
}
.ic-m-member:before {
  content: "\e902";
}
.ic-m-contact:before {
  content: "\e903";
}
.ic-m-wishlist:before {
  content: "\e904";
}
.ic-m-cart:before {
  content: "\e905";
}
.ic-m-home:before {
  content: "\e906";
}
.ic-m-close:before {
  content: "\e907";
}

.isNew{
	/*background:url("/pic_page/new.gif") right no-repeat !important;
	background-position:98% 45% !important;*/
	color:red !important;
}

.ProductIsNew{
	color:red !important;
}

.aboutBigItem{
	list-style-type:none;
	padding:0;
}
.list-product img{
	width: auto;
    height: auto;
    max-width: 50%;
    max-height: 50%;
	padding-bottom: 5%;
}
.list-product-pic img{
	width: auto;
    height: auto;
    max-width: 50%;
    max-height: 50%;
	padding-bottom: 5%;
}
.productInfo{
	margin: 0 auto;
	padding: 0 6%;
	position:absolute;
	/*width:20%;*/
	padding-top:3%
}
.productInfo strong{
	line-height: 28px;
}
.DMdownload{
	display: inline-block;
    margin: 15px 0 0;
    padding: 6px 0.8em;
    font-size: 14px;
    line-height: 1.2;
    color: #333;
    border: 1px solid #b7b7b7;
    border-radius: 2px;
    background: #fff;
    text-decoration: none;
    cursor: pointer;
}
.DMdownload:hover{
	background: #333;
    border-color: #333;
    color: #fff;
}
.searchKey{
    border: 1px solid black;
	border-radius:5px;
	padding:0px 5px 0px 5px;
}
.MobileSearchKey{
    border: 1px solid black;
	border-radius:5px;
	padding:0px 5px 0px 5px;
}
#btnQ {
	position: absolute;
	right: 5%;
	top: 34%;
}
.mobileForm{
	margin: 0;
    padding: 10px 30px;
}
.mobileForm #MobileBtn{
	padding:0 !important;
	position: absolute;
	right: 30%;
	top: 25%;
}
.noDATA{
	color:red;
	font-size:50px;
}
.specilItem{
	color:blue !important;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-search:before {
  content: "\f002";
  color: #666;
  font-size: 22px;
}

.fa-bars:before {
  content: "\f0c9";
  font-size: 32px;
}

.fa-trash:before {
  content: "\f1f8";
  color: #999999;
  font-size: 24px;
}

.fa-trash-o:before {
  content: "\f014";
}

.titleName{
	transition: all .3s ease;
	color:white;
	font-size: 25px;
    position: absolute;
    width: 20vw;
    left: 11vw;
    top: 3.5vh;
}
.rwd-table tr:first-child{
	display:none;
}
.INFOtitle{
	background: #33414c;
    color: #FFFFFF;
    height: 5vh;
}
.INFOitem{
	text-align: center !important;
	height: 5vh;
    color: red;
}
.INFOitem:before{
	content:none !important;
}
.rwd-table {
	background: #fff;
	overflow: hidden;
	border-spacing: 0;
    border-collapse: collapse;
}
.rwd-table th,
.rwd-table td {
	margin: 0.5em 1em;
}
.rwd-table {
	min-width: 100%;
}

.rwd-table th {
	display: none;
}

.rwd-table td {
	display: block;
}

.rwd-table td:before {
	content: attr(data-label) " : ";
	font-weight: bold;
	width: 6.5em;
	display:table-row;
}

.rwd-table th, .rwd-table td {
	text-align: left;
}

.rwd-table th, .rwd-table td:before {
	color: #D20B2A;
	font-weight: bold;
}

@media screen and (min-width: 480px) {
	.rwd-table td:before {
		display: none;
	}
	.rwd-table th, .rwd-table td {
		display: table-cell;
		padding: 0.25em 0.5em;
	}
	.rwd-table th:first-child,
	.rwd-table td:first-child {
		padding-left: 0;
	}
	.rwd-table th:last-child,
	.rwd-table td:last-child {
		padding-right: 0;
	}
	.rwd-table th,
	.rwd-table td {
		padding: 1em !important;
	}
	.rwd-table td{
		text-align:center;
	}
	.rwd-table tr:first-child{
		display:table-row;
	}
}
@import //fonts.googleapis.com/css?family=Open+Sans:300,400,600,800;
@import "//contentbuilder2.newscanshared.com/editor/assets/ionicons/css/ionicons.min.css";
.is-container-in {
	margin: 0 auto;
	max-width: 100%;
	padding: 0 5px;
	box-sizing: border-box
}
.is-container-in .icon {
	text-indent: inherit
}
.container>.remote-row, .container>div>.remote-row {
	padding-top: 10px;
	padding-bottom: 10px
}
.container>div>.remote-row.min-row {
	padding-top: 0;
	padding-bottom: 0
}
.remote-row img {
	margin: .4em 0
}
html {
	font-size: 100%
}
body {
	margin: 0;
	font-size: 100%;
	line-height: 2;
	color: #111
}
.is-container-in .display {
	margin-bottom: .5em
}
.is-container-in .display h1 {
	font-weight: 800;
	line-height: 1.4;
	text-transform: uppercase;
	margin: .2em 0
}
.is-container-in .display .normal-txt {
	font-size: 1.3em
}
.is-container-in .display p {
	font-size: inherit;
	font-style: normal;
	margin: .1em 0
}
@media all and (max-width: 1024px) {
	.is-container-in h1 {
		font-size: 1.9em
	}
	.is-container-in h2 {
		font-size: 1.6em
	}
	.is-container-in h3 {
		font-size: 1.3em
	}
	.is-container-in h4 {
		font-size: 1.1em
	}
	.is-container-in h5 {
		font-size: .9em;
		font-weight: 700
	}
	.is-container-in h6 {
		font-size: .8em;
		font-weight: 700
	}
	.display h1 {
		font-size: 2.2em
	}
	.display p {
		font-size: 1.1em
	}
}
@media all and (max-width: 540px) {
	.is-container-in h1 {
		font-size: 1.7px
	}
	.is-container-in h2 {
		font-size: 1.5em
	}
	.is-container-in h3 {
		font-size: 1.3em
	}
	.is-container-in h4 {
		font-size: 1.1em
	}
	.is-container-in h5 {
		font-size: .9em;
		font-weight: 700
	}
	.is-container-in h6 {
		font-size: .8em;
		font-weight: 700
	}
	.is-container-in .display h1 {
		font-size: 2em
	}
	.is-container-in .display p {
		font-size: 1.1em
	}
	.is-container-in h1, .is-container-in h2, .is-container-in h3, .is-container-in h4, .is-container-in h5, .is-container-in h6 {
		margin: .5em 0
	}
}
hr.line-in {
	border: none;
	border-top: rgba(0, 0, 0, 0.18) 1px solid;
	margin: 2em 0!important
}
hr.line-in-bg {
	background: #eaeaea;
	height: 40px;
	border: none;
	margin: 1.5em 0!important
}
.productImg {
	width: auto;
	height: auto;
	max-width: 120%;
	max-height: 120%;
}
.AutoNewline
{
word-break: break-all;
}
figure {
	margin: 0
}
ol, ul {
	line-height: inherit;
	font-weight: inherit
}
@media (min-width: 768px) {
	.column {
		float: left;
		padding-left: 1rem;
		padding-right: 1rem;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
	.column.full {
		width: 100%
	}
	.column.two-third {
		width: 66.7%
	}
	.column.two-third-six {
		width: 60%
	}
	.column.two-fourth {
		width: 75%
	}
	.column.two-fifth {
		width: 80%
	}
	.column.two-sixth {
		width: 83.3%
	}
	.column.half {
		width: 50%
	}
	.column.third-six {
		width: 40%
	}
	.column.third {
		width: 33.3%
	}
	.column.fourth {
		width: 25%
	}
	.column.fifth {
		width: 20%
	}
	.column.sixth {
		width: 16.6%
	}
	.column.fourth.four-off {
		width: 40%
	}
	.column.fourth.ten-off {
		width: 10%
	}
	.column.flow-opposite {
		float: right
	}
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table
}
.clearfix:after {
	clear: both
}
.clearfix {
	*zoom: 1
}
.center {
	text-align: center
}
.right {
	text-align: right
}
.left {
	text-align: left
}
.padding-20 {
	padding: 20px
}
.padding-25 {
	padding: 25px
}
.padding-30 {
	padding: 30px
}
.padding-35 {
	padding: 35px
}
.padding-40 {
	padding: 40px
}
@media all and (max-width: 540px) {
	.center {
		text-align: initial
	}
	.right {
		text-align: initial
	}
	.left {
		text-align: initial
	}
	.padding-20 {
		padding: 0
	}
	.padding-25 {
		padding: 0
	}
	.padding-30 {
		padding: 0
	}
	.padding-35 {
		padding: 0
	}
	.padding-40 {
		padding: 0
	}
}
.margin-0 {
	margin: 0!important
}
.margin-20 {
	margin: 20px!important
}
.margin-25 {
	margin: 25px!important
}
.margin-30 {
	margin: 30px!important
}
.margin-35 {
	margin: 35px!important
}
.margin-40 {
	margin: 40px!important
}
.is-card {
	display: table;
	background-color: #fff;
	display: table;
	background-color: #fff
}
.is-card.ohohoh {
	display: row
}
.is-card-circle {
	width: 280px;
	height: 280px;
	border-radius: 500px;
	padding: 70px;
	margin: 0 auto
}
@media all and (max-width: 540px) {
	.is-card-circle {
		zoom: .7;
		-moz-transform: scale(0.7)
	}
	.margin-30, .margin-20, .margin-25, .margin-30, .margin-35 {
		margin: 10px!important
	}
	.margin-40 {
		margin: 2px!important
	}
}
.is-card-content-centered {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
.max-390 {
	max-width: 390px;
	margin: 0 auto
}
.shadow-1 {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}
.shadow-2 {
	-webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
	box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15)
}
.shadow-3 {
	-webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 100px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 100px rgba(0, 0, 0, 0.2)
}
img.circle {
	border-radius: 500px;
	margin-top: 0
}
img.bordered {
	border: #ccc 1px solid
}
.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
	margin-top: 1.4em;
	margin-bottom: 1em
}
.embed-responsive.embed-responsive-16by9 {
	padding-bottom: 56.25%
}
.embed-responsive.embed-responsive-4by3 {
	padding-bottom: 75%
}
.embed-responsive iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}
.list-html {
	position: relative;
	margin: 1em 0 1.5em;
	line-height: 1.3
}
.list-html>i {
	position: absolute;
	left: -3px;
	top: 7px;
	font-size: 1.7em;
	line-height: 1
}
.list-html>h2, .list-html>h3 {
	margin: 0 0 0 50px
}
.list-html>p {
	margin: 5px 0 0 50px
}
.quote {
	position: relative;
	margin: 1.5em 0
}
.quote>i {
	position: absolute;
	top: -10px;
	left: -7px;
	font-size: 2em
}
.quote>small {
	margin-left: 50px;
	opacity: .7;
	font-size: 1em
}
.quote>p {
	margin-left: 50px;
	font-size: 1.5em
}
@media all and (max-width: 540px) {
	.quote>i {
		left: -15px;
		font-size: 1.5em
	}
	.quote>small {
		margin-left: 20px;
		ont-size: 1em
	}
	.quote>p {
		margin-left: 20px;
		font-size: 1.2em
	}
}
.is-social {
	line-height: 1;
	margin-bottom: 1.5em
}
.is-social a>i {
	text-decoration: none;
	color: #333;
	font-size: 1.2em;
	margin: 0 15px 0 0;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}
.is-social a:hover>i {
	color: #08c9b9
}
.is-light-text .is-social a>i {
	color: #fff
}
.is-light-text .is-social a:hover>i {
	color: #fff
}
.is-dark-text .is-social a>i {
	color: #000
}
.is-dark-text .is-social a:hover>i {
	color: #000
}
.social {
	line-height: 1;
	margin-bottom: 1.5em
}
.social a>i {
	text-decoration: none;
	color: #333;
	font-size: 1.2em;
	margin: 0 15px 0 0;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}
.social a:hover>i {
	color: #08c9b9
}
.is-light-text .social a>i {
	color: #fff
}
.is-light-text .social a:hover>i {
	color: #fff
}
.is-rounded-button-big {
	display: inline-block
}
.is-rounded-button-big a {
	display: table;
	float: left;
	text-align: center;
	margin: 0 20px;
	border-radius: 500px;
	width: 110px;
	height: 110px;
	background-color: #aaa
}
.is-rounded-button-big a i {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	color: #fff;
	font-size: 40px
}
.is-rounded-button-big a:first-child {
	margin: 0 20px 0 0
}
.is-rounded-button-big a:last-child {
	margin: 0 0 0 20px
}
.is-rounded-button-medium {
	display: inline-block
}
.is-rounded-button-medium a {
	display: table;
	float: left;
	text-align: center;
	margin: 0 20px;
	border-radius: 500px;
	width: 70px;
	height: 70px;
	background-color: #aaa
}
.is-rounded-button-medium a i {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	color: #fff;
	font-size: 30px
}
.is-boxed-button-big {
	display: inline-block
}
.is-boxed-button-big a {
	display: table;
	float: left;
	text-align: center;
	margin: 0 30px 0 0;
	width: 110px;
	height: 110px;
	background-color: #aaa
}
.is-boxed-button-big a:hover {
	opacity: .5
}
.is-boxed-button-big a i {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	color: #fff;
	font-size: 40px
}
.is-boxed-button-big2 {
	display: inline-block
}
.is-boxed-button-big2 a {
	display: table;
	float: left;
	text-align: center;
	margin: 0 30px 0 0;
	width: 150px;
	height: 70px;
	background-color: #aaa
}
.is-boxed-button-big2 a i {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	color: #fff;
	font-size: 35px
}
.is-boxed-button-medium {
	display: inline-block
}
.is-boxed-button-medium a {
	display: table;
	float: left;
	text-align: center;
	margin: 0 30px 0 0;
	width: 70px;
	height: 70px;
	background-color: #aaa
}
.is-boxed-button-medium a i {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	color: #fff;
	font-size: 30px
}
.is-boxed-button-medium2 {
	display: inline-block
}
.is-boxed-button-medium2 a {
	display: table;
	float: left;
	text-align: center;
	margin: 0 30px 0 0;
	width: 100px;
	height: 50px;
	background-color: #aaa
}
.is-boxed-button-medium2 a i {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	color: #fff;
	font-size: 25px
}
.is-boxed-button-small {
	display: inline-block
}
.is-boxed-button-small a {
	display: table;
	float: left;
	text-align: center;
	margin: 0 20px 0 0;
	width: 50px;
	height: 50px;
	background-color: #aaa
}
.is-boxed-button-small a i {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	color: #fff;
	font-size: 20px
}
.size-12 {
	font-size: 12px
}
.size-14 {
	font-size: 14px
}
.size-16 {
	font-size: 16px
}
.size-18 {
	font-size: 18px
}
.size-21 {
	font-size: 21px
}
.size-24 {
	font-size: 24px
}
.size-32 {
	font-size: 32px
}
.size-38 {
	font-size: 38px
}
.size-48 {
	font-size: 48px
}
.size-64 {
	font-size: 64px
}
.size-80 {
	font-size: 80px
}
.size-96 {
	font-size: 96px
}
@media all and (max-width: 1024px) {
	.size-12 {
		font-size: 12px
	}
	.size-14 {
		font-size: 14px
	}
	.size-16 {
		font-size: 16px
	}
	.size-18 {
		font-size: 18px
	}
	.size-21 {
		font-size: 21px
	}
	.size-24 {
		font-size: 24px
	}
	.size-32 {
		font-size: 28px
	}
	.size-48 {
		font-size: 32px
	}
	.size-64 {
		font-size: 36px
	}
	.size-80 {
		font-size: 40px
	}
	.size-96 {
		font-size: 44px
	}
}
@media all and (max-width: 500px) {
	.size-16, .size-18, .size-21, .size-24, .size-32, .size-38, .size-48, .size-64, .size-80, .size-96 {
		font-size: 35px
	}
}
.is-light-text * {
	color: #fff
}
.is-dark-text * {
	color: #000
}
.is-title1-96 {
	margin-top: 20px;
	margin-bottom: 20px
}
.is-title1-80 {
	margin-top: 15px;
	margin-bottom: 15px
}
.is-title1-64 {
	margin-top: 15px;
	margin-bottom: 15px
}
.is-title1-48 {
	margin-top: 15px;
	margin-bottom: 15px
}
.is-title1-32 {
	margin-top: 15px;
	margin-bottom: 15px
}
.is-title2-96 {
	margin-top: 25px;
	margin-bottom: 20px
}
.is-title2-80 {
	margin-top: 20px;
	margin-bottom: 15px
}
.is-title2-64 {
	margin-top: 20px;
	margin-bottom: 15px
}
.is-title2-48 {
	margin-top: 15px;
	margin-bottom: 15px
}
.is-title2-32 {
	margin-top: 10px;
	margin-bottom: 15px
}
.is-title3-96 {
	margin-top: 30px;
	margin-bottom: 35px;
	padding: 15px 0 27px;
	border-top: #000 2px solid;
	border-bottom: #000 2px solid
}
.is-title3-80 {
	margin-top: 25px;
	margin-bottom: 33px;
	padding: 5px 0;
	border-top: #000 2px solid;
	border-bottom: #000 2px solid
}
.is-title3-64 {
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 18px 0;
	border-top: #000 2px solid;
	border-bottom: #000 2px solid
}
.is-title3-48 {
	margin-top: 20px;
	margin-bottom: 25px;
	padding: 18px 0;
	border-top: #000 2px solid;
	border-bottom: #000 2px solid
}
.is-title3-32 {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 18px 0;
	border-top: #000 2px solid;
	border-bottom: #000 2px solid
}
.is-light-text .is-title3-96 {
	border-top: #fff 2px solid;
	border-bottom: #fff 2px solid
}
.is-light-text .is-title3-80 {
	border-top: #fff 2px solid;
	border-bottom: #fff 2px solid
}
.is-light-text .is-title3-64 {
	border-top: #fff 2px solid;
	border-bottom: #fff 2px solid
}
.is-light-text .is-title3-48 {
	border-top: #fff 2px solid;
	border-bottom: #fff 2px solid
}
.is-light-text .is-title3-32 {
	border-top: #fff 2px solid;
	border-bottom: #fff 2px solid
}
.is-dark-text .is-title3-96 {
	border-top: #000 2px solid;
	border-bottom: #000 2px solid
}
.is-dark-text .is-title3-80 {
	border-top: #000 2px solid;
	border-bottom: #000 2px solid
}
.is-dark-text .is-title3-64 {
	border-top: #000 2px solid;
	border-bottom: #000 2px solid
}
.is-dark-text .is-title3-48 {
	border-top: #000 2px solid;
	border-bottom: #000 2px solid
}
.is-dark-text .is-title3-32 {
	border-top: #000 2px solid;
	border-bottom: #000 2px solid
}
.is-title4-96 {
	margin-top: 30px;
	margin-bottom: 35px;
	padding: 20px 30px 35px;
	border: #000 2px solid
}
.is-title4-80 {
	margin-top: 25px;
	margin-bottom: 33px;
	padding: 20px 30px;
	border: #000 2px solid
}
.is-title4-64 {
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 18px 28px;
	border: #000 2px solid
}
.is-title4-48 {
	margin-top: 20px;
	margin-bottom: 25px;
	padding: 18px 25px;
	border: #000 2px solid
}
.is-title4-32 {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 15px 20px;
	border: #000 2px solid
}
.is-light-text .is-title4-96 {
	border: #fff 2px solid
}
.is-light-text .is-title4-80 {
	border: #fff 2px solid
}
.is-light-text .is-title4-64 {
	border: #fff 2px solid
}
.is-light-text .is-title4-48 {
	border: #fff 2px solid
}
.is-light-text .is-title4-32 {
	border: #fff 2px solid
}
.is-dark-text .is-title4-96 {
	border: #000 2px solid
}
.is-dark-text .is-title4-80 {
	border: #000 2px solid
}
.is-dark-text .is-title4-64 {
	border: #000 2px solid
}
.is-dark-text .is-title4-48 {
	border: #000 2px solid
}
.is-dark-text .is-title4-32 {
	border: #000 2px solid
}
.is-title5-96 {
	margin-top: 10px;
	margin-bottom: 35px;
	padding-bottom: 25px;
	border-bottom: #000 2px solid
}
.is-title5-80 {
	margin-top: 10px;
	margin-bottom: 33px;
	padding-bottom: 25px;
	border-bottom: #000 2px solid
}
.is-title5-64 {
	margin-top: 10px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: #000 2px solid
}
.is-title5-48 {
	margin-top: 10px;
	margin-bottom: 25px;
	padding-bottom: 20px;
	border-bottom: #000 2px solid
}
.is-title5-32 {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: #000 2px solid
}
.is-light-text .is-title5-96 {
	border-bottom: #fff 2px solid
}
.is-light-text .is-title5-80 {
	border-bottom: #fff 2px solid
}
.is-light-text .is-title5-64 {
	border-bottom: #fff 2px solid
}
.is-light-text .is-title5-48 {
	border-bottom: #fff 2px solid
}
.is-light-text .is-title5-32 {
	border-bottom: #fff 2px solid
}
.is-dark-text .is-title5-96 {
	border-bottom: #000 2px solid
}
.is-dark-text .is-title5-80 {
	border-bottom: #000 2px solid
}
.is-dark-text .is-title5-64 {
	border-bottom: #000 2px solid
}
.is-dark-text .is-title5-48 {
	border-bottom: #000 2px solid
}
.is-dark-text .is-title5-32 {
	border-bottom: #000 2px solid
}
.is-title-lite {
	letter-spacing: 3px;
	word-spacing: 5px;
	font-weight: 400
}
.is-title-lite.is-title3-96, .is-title-lite.is-title4-96, .is-title-lite.is-title5-96 {
	letter-spacing: 4px;
	word-spacing: 8px
}
.is-title-lite.is-title3-80, .is-title-lite.is-title4-80, .is-title-lite.is-title5-80 {
	letter-spacing: 4px;
	word-spacing: 8px
}
.is-title-lite.is-title3-64, .is-title-lite.is-title4-64, .is-title-lite.is-title5-64 {
	letter-spacing: 4px;
	word-spacing: 8px
}
.is-title-lite.is-title3-48, .is-title-lite.is-title4-48, .is-title-lite.is-title5-48 {
	letter-spacing: 4px;
	word-spacing: 8px
}
.is-title-lite.is-title3-32, .is-title-lite.is-title4-32, .is-title-lite.is-title5-32 {
	letter-spacing: 3px;
	word-spacing: 5px
}
.is-title-bold {
	font-weight: 800
}
.is-title-bold.is-title3-96, .is-title-bold.is-title4-96, .is-title-bold.is-title5-96 {
	border-width: 4px
}
.is-title-bold.is-title3-80, .is-title-bold.is-title4-80, .is-title-bold.is-title5-80 {
	border-width: 4px
}
.is-title-bold.is-title3-64, .is-title-bold.is-title4-64, .is-title-bold.is-title5-64 {
	border-width: 3px
}
.is-title-bold.is-title3-48, .is-title-bold.is-title4-48, .is-title-bold.is-title5-48 {
	border-width: 3px
}
.is-title-bold.is-title3-32, .is-title-bold.is-title4-32, .is-title-bold.is-title5-32 {
	border-width: 2px
}
.is-info1 {
	margin-top: 10px;
	margin-bottom: 0;
	font-style: italic
}
.is-info1.size-21 {
	margin-top: 12px
}
.is-info1.size-24 {
	margin-top: 15px
}
.is-info2 {
	margin-top: 10px;
	margin-bottom: 0
}
.is-info2.size-21 {
	margin-top: 12px margin-bottom: 10px
}
.is-info2.size-24 {
	margin-top: 15px
}
.is-btn {
	padding: 10px 50px;
	font-size: 1em;
	line-height: 2em;
	border-radius: 0;
	letter-spacing: 3px;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	-webkit-transition: all .16s ease;
	transition: all .16s ease
}
.is-btn-ghost1 {
	color: #000;
	border: 2px solid #111
}
.is-btn-ghost1:hover, .is-btn-ghost1:active, .is-btn-ghost1:focus {
	opacity: .7
}
.is-light-text .is-btn-ghost1, .is-dark-text .is-light-text .is-btn-ghost1 {
	color: #fff;
	border: 2px solid #fff
}
.is-light-text .is-btn-ghost1:hover, .is-light-text .is-btn-ghost1:active, .is-light-text .is-btn-ghost1:focus, .is-dark-text .is-light-text .is-btn-ghost1:hover, .is-dark-text .is-light-text .is-btn-ghost1:active, .is-dark-text .is-light-text .is-btn-ghost1:focus {
	opacity: .7
}
.is-dark-text .is-btn-ghost1, .is-light-text .is-dark-text .is-btn-ghost1 {
	color: #000;
	border: 2px solid #111
}
.is-dark-text .is-btn-ghost1:hover, .is-dark-text .is-btn-ghost1:active, .is-dark-text .is-btn-ghost1:focus, .is-light-text .is-dark-text .is-btn-ghost1:hover, .is-light-text .is-dark-text .is-btn-ghost1:active, .is-light-text .is-dark-text .is-btn-ghost1:focus {
	opacity: .7
}
.is-btn-ghost2 {
	color: #000;
	border: 2px solid #d7d7d7;
	background-color: #d7d7d7
}
.is-btn-ghost2:hover, .is-btn-ghost2:active, .is-btn-ghost2:focus {
	opacity: .7
}
.is-light-text .is-btn-ghost2, .is-dark-text .is-light-text .is-btn-ghost2 {
	color: #000;
	border: 2px solid #f9f9f9;
	background-color: #f9f9f9
}
.is-light-text .is-btn-ghost2:hover, .is-light-text .is-btn-ghost2:active, .is-light-text .is-btn-ghost2:focus, .is-dark-text .is-light-text .is-btn-ghost2:hover, .is-dark-text .is-light-text .is-btn-ghost2:active, .is-dark-text .is-light-text .is-btn-ghost2:focus {
	opacity: .7
}
.is-dark-text .is-btn-ghost2, .is-light-text .is-dark-text .is-btn-ghost2 {
	color: #000;
	border: 2px solid #d7d7d7;
	background-color: #d7d7d7
}
.is-dark-text .is-btn-ghost2:hover, .is-dark-text .is-btn-ghost2:active, .is-dark-text .is-btn-ghost2:focus, .is-light-text .is-dark-text .is-btn-ghost2:hover, .is-light-text .is-dark-text .is-btn-ghost2:active, .is-light-text .is-dark-text .is-btn-ghost2:focus {
	opacity: .7
}
.is-btn-small {
	padding: 5px 25px;
	font-size: .85em
}
.is-upper {
	text-transform: uppercase;
	line-height: 1.35
}
.is-rounded-30 {
	border-radius: 30px
}
.btn {
	padding: 7px 25px;
	font-size: 1em;
	line-height: 2em;
	border-radius: 5px;
	letter-spacing: 1px;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	-webkit-transition: all .16s ease;
	transition: all .16s ease
}
.btn-html {
	padding: 7px 25px;
	font-size: 1em;
	line-height: 2em;
	border-radius: 5px;
	letter-spacing: 1px;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	-webkit-transition: all .16s ease;
	transition: all .16s ease
}
.btn-html.btn-primary {
	color: #fff;
	background-color: #08c9b9;
	line-height: 2em;
	padding: 7px 25px
}
.btn-html.btn-primary:hover {
	opacity: .7
}
.btn-html.btn-default {
	color: #333;
	background-color: #d3d3d3
}
.btn-html.btn-default:hover {
	opacity: .7
}
.btn-html.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a
}
.btn-html.btn-danger:hover {
	opacity: .7
}
figure.hdr {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #000
}
figure.hdr img {
	position: relative;
	display: block;
	width: 100%;
	opacity: .8;
	-webkit-transition: opacity 0.35s, -webkit-transform .35s;
	transition: opacity 0.35s, transform .35s;
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}
figure.hdr:hover img {
	opacity: .5;
	-webkit-transform: scale(1);
	transform: scale(1)
}
figure.hdr figcaption {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60%;
	padding: 0 2.5em;
	color: #fff;
	font-size: 1.55em;
	text-align: center;
	box-sizing: border-box;
	z-index: 1
}
figure.hdr h2 {
	font-weight: 300;
	text-transform: uppercase
}
figure.hdr h2 span {
	font-weight: 800
}
figure.hdr p {
	letter-spacing: 1px;
	font-size: 68.5%;
	text-transform: uppercase
}
figure.hdr h2, figure.hdr p {
	margin: 0;
	z-index: 10000
}
figure.hdr div {
	height: 100%;
	z-index: 0
}
figure.hdr div::before, figure.hdr div::after {
	position: absolute;
	content: ''
}
figure.one div::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff
}
figure.one div::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff
}
figure.two div::before {
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff
}
figure.two div::after {
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff
}
figure.thr.line-inee figcaption {
	height: 70%
}
figure.thr.line-inee p {
	margin: 1em 0 0;
	padding: 2em;
	border: 1px solid #fff
}
figure.four figcaption {
	height: 60%;
	text-align: left
}
figure.four p {
	position: absolute;
	right: 50px;
	bottom: 50px;
	left: 50px;
	padding: 2em;
	border: 7px solid #fff
}
figure.five figcaption {
	height: 100%;
	text-align: right
}
figure.five h2 {
	position: absolute;
	left: 50px;
	right: 50px;
	top: 10%;
	border-bottom: 5px solid #fff
}
figure.five p {
	position: absolute;
	right: 50px;
	bottom: 10%
}
figure.six figcaption {
	height: 70%
}
figure.six h2 {
	padding-bottom: 3%;
	border-bottom: 1px solid #fff
}
figure.six p {
	padding-top: 6%
}
figure.seven figcaption {
	height: 90%;
	text-align: left
}
figure.seven h2 {
	border-bottom: 3px solid #fff
}
figure.seven p {
	padding-top: 1em
}
figure.eight figcaption {
	height: 100%;
	text-align: right
}
figure.eight h2 {
	position: absolute;
	left: 50%;
	right: 50px;
	bottom: 10%
}
figure.eight p {
	position: absolute;
	left: 50px;
	right: 50%;
	top: 10%;
	padding-right: .5em;
	border-right: 1px solid #fff
}
.remote-row h1 {
	margin: .4em 0
}
.remote-row a:hover {
	opacity: .7
}
.remote-row .bold-txt-inb {
	font-weight: 800;
	font-size: 1.3em
}
.remote-row .bottom_is_two {
	padding-left: 90px;
	margin-bottom: 2.5em;
	position: relative
}
.remote-row .leandri {
	margin: 1em 0
}
.remote-row .display .bottom_is_ten {
	margin: .7em 0
}
.remote-row {
	margin: 0 0 2em
}
.remote-row.double {
	margin: 2em 0 3em
}
.remote-row.triple {
	margin: 1.5em 0 4em
}
.remote-row.double .remote-row.has-top-ma {
	margin: 2em 0
}
.size-48.is-title1-48.is-title-bold.is-upper {
	text-align: center;
	margin: 0 0 .3em
}
.size-32.is-title1-32.is-title-bold.is-upper.left-txt {
	text-align: left;
	margin: 0 0 .4em
}
.remote-row .center {
	text-align: center
}
.remote-row .center.three-in-line img {
	width: 33.3%
}
.is-container-in figure {
	margin: 1em 0
}
.is-container-in .icon {
	background: none;
	text-align: center
}
.is-rounded-button-medium a i {
	text-align: center
}
[class*="ion-"] {
	text-indent: 0
}
.column.full .clearfix.is-boxed-button-big {
	display: inline-block
}
.is-container-in .bth.bth-default.edit {
	padding: 7px 25px;
	line-height: 2em
}
.has-read-more {
	margin: 3em 0 .5em
}
.remote-row .small-h1 {
	margin: .4em 0 .2em
}
.has-bth-edit {
	margin: 1em 0 2.5em
}
.has-bth-edit.two {
	margin: 1em 0 2.5em
}
.company-bold {
	font-weight: 700;
	font-size: 16px
}
.green-link {
	color: #009E91;
	text-decoration: underline
}
.green-link:hover {
	text-decoration: none
}
.big-one {
	margin: 1em 0 0;
	line-height: 1em;
	font-size: 2em
}
.big-one small {
	font-size: 65%;
	color: #ccc;
	font-weight: 400
}
.big-one-two {
	margin: 1em 0 0;
	line-height: 1em;
	font-size: 1.7em
}
.remote-row .h1-two {
	margin: .2em 0 0;
	line-height: 1.2
}
.remote-row .h1-two-big {
	font-size: 3.5em;
	margin: .2em 0 0;
	line-height: 1.2
}
.control-line {
	line-height: 1px
}
.remote-row .h1-three {
	margin: .3em 0 .1em
}
.remote-row.min-row {
	margin: 0 0 .1em
}
.remote-row.row-noma {
	margin: 0
}
.remote-row .h3-two {
	margin: .2em 0
}
.remote-row .h1-four {
	margin: .5em 0 .1em;
	font-size: 3.7em;
	line-height: 1.2
}
.clear-one {
	margin: 1em 0;
	display: inline-block
}
.is-rounded-button-big.can-center a {
	float: none;
	text-align: center;
	margin: auto
}
.padding-20 img {
	text-align: center;
	margin: 0 auto !important;
	display: block
}
.clearfix.on-center {
	display: inline-block
}
.remote-row .h1-has-txt {
	font-size: 3em;
	letter-spacing: 8px;
	font-family: "Open Sans", "微軟正黑體", sans-serif;
	font-weight: 400
}
.remote-row .h1-has-txt2 {
	font-size: 3em;
	letter-spacing: 3px;
	font-family: "Open Sans", "微軟正黑體", sans-serif;
	font-weight: 400;
	margin: .2em 0 0;
	padding: 20px 0
}
.remote-row .h1-has-txt4 {
	letter-spacing: 1px;
	font-family: "Open Sans", "微軟正黑體", sans-serif;
	font-weight: 400
}
.remote-row .h1-txt-one {
	font-family: "Open Sans", "微軟正黑體", sans-serif;
	font-weight: 400
}
.remote-row .h4-two {
	margin: .2em 0 0;
	line-height: 1.2;
	font-size: 1.3em
}
.remote-row .txt-no-ma {
	margin: 7px 0;
	line-height: 1.5
}
.column.half img {
	text-align: center
}
.remote-row.has-bgcolor-two {
	padding: 20px
}
.remote-row.has-bgcolor {
	padding: 10px 0
}
.remote-row.has-bgcolor-four {
	padding: 40px;
	background: #EEEFF0
}
.remote-row.has-bgcolor, .remote-row.has-bgcolor-txt, .remote-row.has-bgcolor-two {
	background: #EEEFF0;
	margin: 0
}
.remote-row.has-bgcolor-has-padd {
	background: #EEEFF0;
	margin: .4em 0;
	padding: 40px;
	background: #EEEFF0;
	margin: 0;
	padding: 40px
}
.remote-row.has-bgcolor-three {
	padding: 0 0 30px;
	background: #EEEFF0;
	margin: 0
}
.remote-row.has-bgcolor-txt {
	padding: 40px 20px;
	margin-bottom: 40px
}
.remote-row .h1-two-ma {
	text-align: center;
	font-size: 3em;
	margin: 1em 0;
	font-family: "Open Sans", "微軟正黑體", sans-serif;
	font-weight: 400
}
.remote-row .h1-no-ma {
	text-align: center;
	font-size: 3em;
	margin: 0;
	font-family: "Open Sans", "微軟正黑體", sans-serif;
	font-weight: 400
}
.remote-row .h3-three {
	font-family: "Open Sans", "微軟正黑體", sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	margin: 0
}
.remote-row .has-number-and-bg {
	padding: 0 40px 30px;
	margin: 0
}
.remote-row .h1-has-padding {
	padding: .5em 0 .2em
}
.remote-row .h1-has-no-ma {
	padding: .2em 0;
	margin: 0;
	line-height: 1.2;
	font-family: "Open Sans", "微軟正黑體", sans-serif;
	font-weight: 400
}
.remote-row p {
	font-family: "Open Sans", "微軟正黑體", sans-serif;
}
.remote-row .normal-txt {
	font-size: 15px
}
.remote-row .h1-minleft-txt {
	font-family: "Open Sans", "微軟正黑體", sans-serif;
	font-weight: 400
}
.remote-row .h1-minleft-txt-two {
	font-family: "Open Sans", "微軟正黑體", sans-serif;
	font-weight: 400;
	margin: 0;
	line-height: 1.2em
}
.remote-row .is-title-bold.h1-minleft-txt-two {
	font-weight: 800
}
.remote-row .h1-new-txt {
	font-size: 2.36em;
	margin: .4em 0;
	font-family: "Open Sans", "微軟正黑體", sans-serif;
	font-weight: 100
}
.column .area-cen {
	text-align: center;
	position: relative;
	margin: auto
}
.link-green {
	color: #009E91;
	text-decoration: underline
}
.link-green:hover {
	text-decoration: none
}
.remote-row .ma-right+.ma-right {
	margin-left: 1em
}
.remote-row .ma-right {
	width: 30%
}
.padding-has {
	padding: 0 40px
}
.remote-row .the-txt-fifteen {
	font-size: 15px
}
.remote-row .the-txt-four-px {
	font-size: 40px
}
.remote-row .the-txt-one-point {
	font-size: 1.2em
}
.remote-row .the-txt-one-three {
	font-size: 1.3em
}
.remote-row .the-txt-one-point-fix {
	font-size: 1.5em
}
.remote-row .the-txt-one-point-seven {
	font-size: 1.7em
}
.remote-row .the-txt-two {
	font-size: 2em
}
.remote-row .the-txt-two-point-two {
	font-size: 2.2em
}
.remote-row .the-txt-two-point-three {
	font-size: 2.3em
}
.remote-row .the-txt-two-point-fix {
	font-size: 2.5em
}
.remote-row .the-txt-two-point-seven {
	font-size: 2.7em
}
.remote-row .the-txt-three {
	font-size: 3em
}
.remote-row .the-txt-three-fix {
	font-size: 3.5em
}
.remote-row .the-txt-four {
	font-size: 4em
}
.remote-row .the-txt-four-point-three {
	font-size: 4.3em
}
.remote-row .the-txt-six {
	font-size: 6em
}
.remote-row .the-txt-nine {
	font-size: 9em
}
.remote-row.bg-new-ma {
	margin-top: 30px;
	padding: 25px 50px 10px
}
@media screen and (max-width: 1160px) {
	.padding-has {
		padding: 0
	}
}
.remote-row .one-hundred-twenty {
	width: 140px;
	height: 140px;
	padding: 15px
}
.remote-row .one-hundred-forty {
	width: 140px;
	height: 120px;
	padding: 15px
}
.rwd-table-is-in {
	width: 100%;
	text-align: center
}
.rwd-table-is-in ul {
	margin: 0;
	padding-left: 45px
}
.title_one_html {
	color: #fff;
	background: #888;
	font-size: 16px;
	padding: 5px 0
}
.title_two_html {
	background: #a9a9a9;
	color: #fff;
	font-size: 16px;
	padding: 5px 0
}
.rwd-table-is-in tr:nth-of-type(2n+1) {
	background: #efefef
}
.rwd-table-is-in.two tr:nth-of-type(2n+1), .rwd-table-is-in.three tr:nth-of-type(2n+1), .rwd-table-is-in.five tr:nth-of-type(2n+1) {
	background: none
}
.rwd-table-is-in .ID-three {
	width: 48%
}
.rwd-table-is-in.two .ID-three.years {
	width: 20%;
	font-size: 16px
}
.rwd-table-is-in .ID-three.years span {
	color: #de9900;
	font-size: 23px;
	padding: 0 10px 0 5px;
	letter-spacing: 0;
	font-style: italic;
	font-weight: 800
}
.rwd-table-is-in {
	font-size: 15px
}
.table-htmlarea {
	width: 97%;
	margin: auto;
	padding: 0
}
.rwd-table-is-in td {
	padding: 5px 0
}
.rwd-table-is-in.two .is-txt-oh {
	text-align: left;
	padding-left: 30px
}
.rwd-table-is-in.two .ID-three.years:after {
	content: '';
	width: 1px;
	height: 20px;
	background: #de9900;
	display: inline-block;
	position: absolute;
	margin: 10px 40px
}
.rwd-table-is-in.three .ID-three.years:before {
	content: '';
	width: 0;
	height: 0;
	margin: 17px 0 0 -15px;
	position: absolute;
	display: inline-block;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #de9900;
	line-height: 0;
	_border-color: #000 #000 #000 #de9900;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000')
}
.rwd-table-is-in.three .ID-three.years {
	width: 100%;
	text-align: left;
	padding-left: 10px;
	display: inline-block;
	color: #000
}
.rwd-table-is-in.three .Name-html-one.is-txt-oh {
	width: 100%;
	display: block;
	padding: 0;
	text-align: left
}
.rwd-table-is-in.five>tbody>tr>td, .rwd-table-is-in.five>tbody>tr>th {
	text-align: center;
	color: #656565;
	font-weight: 700;
	font-family: Helvetica, Arial, sans-serif, "微軟正黑體";
	border-left: 1px solid #ccc;
	border-top: 1px solid #afafaf;
	padding: 10px
}
.rwd-table-is-in.five {
	border-spacing: 0;
	width: 100%;
	border: solid #a2a2a2 1px;
	font-size: 15px;
	margin-bottom: 30px
}
.rwd-table-is-in.five>thead>tr>th, .rwd-table-is-in.five>thead>tr>td {
	background-color: #989898;
	color: #fff;
	padding: 7px 0
}
.rwd-table-is-in.five>thead>tr>th a, .rwd-table-is-in.five>thead>tr>td a {
	color: #fff;
	letter-spacing: 3px;
	font-size: 15px
}
.rwd-table-is-in.five>thead>tr>th a:hover, .rwd-table-is-in.five>thead>tr>td a:hover {
	text-decoration: underline
}
.table-about-editor {
	font-size: 15px;
	color: #000;
	line-height: 1.9
}
.table-about-box {
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.table-tit-name1, .table-tit-name2 {
	width: 95px;
	height: 95px;
	display: block;
	background: #73B948;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: normal;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	padding: 20px
}
.table-about1, .table-about2 {
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 130px
}
.column.two-fourth.has-table-ho {
	float: none;
	margin: 0 8%
}
.remote-row.more-ma-spe {
	margin-bottom: 4em
}
.rwd-table-is-in .Name-html-one .txt-word-table, .rwd-table-is-in .txt-word-table {
	display: none
}
@media screen and (max-width: 900px) {
	.rwd-table-is-in.two .is-txt-oh {
		padding-left: 5px
	}
	.rwd-table-is-in.two .ID-three.years:after {
		margin: 6px 15px
	}
	.rwd-table-is-in.two .ID-three.years span, .rwd-table-is-in.three .ID-three.years span {
		font-size: 18px
	}
	.rwd-table-is-in.two .ID-three.years, .rwd-table-is-in.three .ID-three.years {
		font-size: 14px
	}
	.rwd-table-is-in.three .ID-three.years:before {
		margin: 12px 0 0 -15px
	}
}
@media screen and (max-width: 620px) {
	.rwd-table-is-in.two .ID-three.years {
		width: 100%
	}
	.rwd-table-is-in.two .ID-three.years:after {
		display: none
	}
	.rwd-table-is-in .Name-html-one span {
		display: inline-block
	}
	.rwd-table-is-in .ID-three {
		color: #000
	}
	.rwd-table-is-in th, .rwd-table-is-in td {
		text-align: center;
		padding: 5px 0
	}
	.rwd-table-is-in .Name-html-one .txt-word-table {
		padding: 0 15px;
		color: #fff;
		background: #bbb;
		margin-right: 5px;
		display: inline-block;
		width: auto;
		display: none
	}
	.rwd-table-is-in .txt-word-table {
		display: inline-block;
		background: #888;
		padding: 0 15px;
		color: #fff;
		margin-right: 0;
		display: none
	}
	.rwd-table-is-in.two .ID-three {
		width: 100%;
		background: none
	}
	.rwd-table-is-in.rwd_table .title_one_html, .rwd-table-is-in.rwd_table .title_two_html {
		display: none
	}
	.rwd-table-is-in.rwd_table .txt-word-table {
		display: inline-block;
		background: #929292;
		padding: 0 15px;
		color: #fff;
		margin-right: 10px;
		min-width: 13%;
		width: auto;
		text-align: center;
		background: #a9a9a9
	}
	.rwd-table-is-in.rwd_table .ID-three .txt-word-table {
		background: #888
	}
	.rwd-table-is-in.rwd_table th, .rwd-table-is-in.rwd_table td {
		display: table;
		width: 100%;
		text-align: left;
		padding: 0
	}
	.rwd-table-is-in.rwd_table .ID-three {
		background: #f1f1f1
	}
	.rwd-table-is-in.rwd_table tr:nth-of-type(2n+1) {
		background: none
	}
	.rwd-table-is-in.two td {
		background: #f1f1f1
	}
	.table-htmlarea {
		width: 100%
	}
	.rwd-table-is-in.three .ID-three.years:before {
		margin-left: -10px
	}
	.rwd-table-is-in ul {
		padding-left: 25px
	}
	.rwd-table-is-in.five th, .rwd-table-is-in.five td {
		display: table-cell;
		width: 100%;
		text-align: left;
		padding: 0
	}
	.table-about1, .table-about2 {
		padding-left: 0
	}
	.table-tit-name1, .table-tit-name2 {
		left: inherit;
		top: inherit;
		position: relative;
		margin: 0 auto 20px
	}
}
@media (min-width: 481px) and (max-width: 1160px) {
	.rwd-table-is-in.five>thead>tr>th a, .rwd-table-is-in.five>thead>tr>td a {
		color: #fff;
		display: block;
		white-space: nowrap
	}
}
@media screen and (max-width: 480px) {
	.rwd-table-is-in.five>tbody>tr:hover {
		background: none
	}
	.rwd-table-is-in.five>thead>tr>th a, .rwd-table-is-in.five>thead>tr>td a {
		color: #fff;
		display: block;
		width: 10px;
		height: 60px;
		letter-spacing: 3px;
		font-size: 16px
	}
}
.ui-draggable2 {
	display: inline-block;
	width: 49%;
	vertical-align: top
}
.area-iseditor {
	text-align: center;
	letter-spacing: 1px
}
.area-iseditor .is_tb01 {
	max-width: 1211px;
	margin: 0 auto
}
.area-iseditor .is_tb01 .pic {
	position: relative;
	padding: 15px 0 0
}
.area-iseditor .is_tb01 .pic p {
	position: absolute;
	top: 35px;
	display: inline-block;
	max-width: 450px;
	right: 30px;
	font-size: 14px;
	color: #666;
	text-align: left;
	line-height: 1.8;
	background: rgba(255, 255, 255, .7);
	box-sizing: border-box;
	padding: 70px 35px
}
.area-iseditor .is_tb01 .pic p b {
	font-size: 20px;
	color: #272727;
	line-height: 1.3;
	display: block;
	margin: 0 0 20px
}
.area-iseditor .is_tb01 .pic p .red-txt {
	color: #ff4600;
	font-size: 28px
}
.stxt-html {
	margin: 10px auto 60px;
	font-size: 15px;
	color: #000
}
.stxt-html.right {
	text-align: left
}
.stxt-html.left {
	text-align: right
}
.bbox-html {
	position: relative;
	margin-top: 30px;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #f8f8f8;
	border: solid 1px #D9D9D9;
	padding: 15px 20px
}
.bbox-html.right {
	padding-right: 400px
}
.bbox-html.left {
	padding-left: 400px
}
.bg_hads_color {
	font-size: 18px;
	color: #fff;
	padding: 5px 15px;
	border-radius: 20px;
	background: #ffbbad;
	margin: 0;
	width: auto;
	position: relative;
	display: inline-block
}
.bbox-html span {
	font-size: 20px;
	color: #111;
	font-weight: 800;
	margin-bottom: 20px;
	line-height: 2em
}
.bbox-html .pic img {
	margin: 0 auto
}
.bbox-html .pic {
	position: absolute;
	bottom: 20px
}
.bbox-html.right .pic {
	right: 30px
}
.bbox-html.left .pic {
	left: 30px
}
.is_in_html {
	position: relative;
	margin: .5em 0;
	padding: 0 10px;
	color: #424242;
	line-height: 32px;
	font-size: 14px;
	border-left: 1px solid #e2ec33
}
.is_in_html.right {
	border-left: none;
	border-right: 1px solid #e2ec33
}
.is_in_html>small {
	margin-left: 10px;
	opacity: .7;
	font-size: 1em
}
.is_in_html.right>small {
	margin: 0 10px 0 0
}
.is_in_html>p {
	margin: 0 0 0 10px;
	font-size: 1.5em
}
.is_in_html.right>p {
	margin: 0 10px 0 0
}
.pic-center-page.oh-two, .pic-center-page.oh-three {
	line-height: 1.2;
	margin-top: 10px
}
.pic-center-page.oh-two span, .pic-center-page.oh-three span {
	font-size: 28px;
	display: block;
	font-weight: 800;
	color: #d5e018;
	font-family: 'arial', "微軟正黑體"
}
.pic-center-page.oh-two .two-andone, .pic-center-page.oh-three .two-andone {
	font-size: 36px;
	font-weight: 800;
	color: #5d5d5d;
	font-family: 'arial', "微軟正黑體"
}
.is_in_html .can-enter {
	display: block;
	color: #f59e1e;
	font-style: italic;
	font-size: 15px
}
.pic-center-page.oh-three {
	background: url(../minimalist-basic/bg-box.jpg);
	padding: 15px
}
.remote-row.has-border-out {
	border: 1px solid #ddd;
	padding: 0 10px
}
.remote-row.has-border-out .is_in_html.left {
	border: none
}
.column.third-six.pos-ab {
	position: absolute;
	right: 0
}
.is_in_html.right-two {
	border: none;
	position: relative;
	margin: .5em 0;
	padding: 0 20px;
	color: #424242;
	line-height: 32px;
	font-size: 14px;
	text-align: right
}
.is_in_html.right-two>p {
	font-size: 15px;
	line-height: 25px;
	margin: 0
}
.is_in_html.right-two>small {
	margin: 0;
	color: #f59e1e
}
.is_col.pic {
	float: left;
	position: relative
}
.is_colr {
	float: right
}
.is_col .pic {
	min-width: 300px;
	width: auto
}
.is_col.pic .tit-top {
	background: #333;
	color: #fff;
	font-size: 20px;
	display: inline-block;
	line-height: 50px;
	padding: 10px;
	position: absolute;
	top: 20px;
	right: -35px;
	letter-spacing: 5px;
	text-indent: 5px;
	border-radius: 50%
}
.is_col.txt {
	width: calc(100% - 360px);
	margin: 0;
	font-size: 15px
}
.is_text {
	background: rgba(247, 247, 247, 0.50);
	border: 1px solid #f7f7f7;
	padding: 45px 30px;
	color: #000;
	max-width: 450px;
	box-sizing: border-box;
	position: absolute;
	margin: 50px;
	text-align: left
}
.is_text b {
	font-size: 30px;
	color: #fff;
	display: block;
	line-height: 1;
	border-right: 2px solid #fff;
	padding: 0 8px 0 0;
	position: absolute;
	top: -45px;
	left: 40px;
	padding: 10px;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr
}
.html-aboutArea {
	position: relative
}
.html-aboutArea .html-Img {
	width: 40%;
	float: right
}
.html-aboutArea .html-Img img {
	position: relative;
	width: 100%
}
.html-aboutArea .html-Txt {
	font-size: 15px;
	color: #444;
	line-height: 1.8;
	margin: 20px 0 0;
	width: 33%;
	float: left
}
.html-aboutArea h2 {
	font-weight: 400;
	line-height: 1;
	width: 20%;
	float: left;
	margin: 90px 2% 0 3%;
	position: relative
}
.html-aboutArea h2:before {
	position: absolute;
	top: -60px;
	left: -30%;
	display: block;
	height: 380px;
	border: 5px solid #f9ecd6;
	content: "";
	width: 100%
}
.html-aboutArea h2 i {
	position: relative;
	color: #ab9c83;
	font-size: 50px;
	display: block
}
.html-aboutArea h2 strong {
	font-style: italic;
	display: block;
	font-weight: 700;
	position: relative;
	font-size: 22px;
	color: #484848;
	padding: 20px 0 10px
}
.html-aboutArea h2 strong:after {
	content: "";
	display: block;
	width: 240px;
	height: 1px;
	background: #d9cdb9;
	position: absolute;
	bottom: 0;
	left: 0
}
@media screen and (max-width: 1200px) {
	.html-aboutArea .Img {
		width: 40%;
		margin-right: -80px;
		float: right;
		margin-top: 30px
	}
	.html-aboutArea .Txt {
		font-size: 15px;
		color: #444;
		line-height: 1.8;
		margin: 60px 0;
		width: 35%;
		float: left
	}
}
@media screen and (max-width: 900px) {
	.area-iseditor .is_tb01 .pic p {
		position: static;
		padding: 0 0 15px;
		max-width: 100%;
		text-align: center;
		font-size: 13px
	}
	.area-iseditor .is_tb01 .pic p b {
		font-size: 15px;
		margin: 0 0 10px
	}
	.area-iseditor .is_tb01 .pic p .red-txt {
		font-size: 18px
	}
	.bbox-html.left .pic, .bbox-html.right .pic {
		position: relative;
		right: inherit;
		bottom: inherit;
		text-align: center;
		padding-top: 10px;
		left: inherit
	}
	.bbox-html.left, .bbox-html.right {
		padding: 20px;
		text-align: left;
		margin-top: 0
	}
	.stxt-html {
		margin: 10px auto
	}
	.stxt-html.left {
		text-align: left
	}
	.html-aboutArea {
		padding: 10px 0 0;
		position: relative
	}
	.html-aboutArea .html-Img {
		width: 50%;
		margin-right: 0;
		float: right
	}
	.html-aboutArea .html-Txt {
		font-size: 15px;
		line-height: 1.8;
		width: 50%;
		float: left
	}
	.html-aboutArea h2 {
		font-weight: 400;
		line-height: 1;
		width: 100%;
		float: none;
		margin: 10px 0;
		position: relative
	}
	.html-aboutArea h2:before {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		botton: 0;
		display: block;
		height: 100%;
		border: 5px solid #d9cdb9;
		content: "";
		width: auto
	}
	.html-aboutArea h2 i {
		position: relative;
		display: block;
		font-size: 28px;
		padding: 10px 0 0 20px
	}
	.html-aboutArea h2 strong {
		font-style: italic;
		display: block;
		font-size: 18px;
		position: relative;
		padding: 10px 20px 5px 35px
	}
	.html-aboutArea h2 strong:after {
		width: 1px;
		height: 60px;
		left: 22px;
		top: 5px;
		display: block
	}
}
@media screen and (max-width: 767px) {
	.is-container-in p {
		margin-top: .1em
	}
	.has-read-more {
		margin: 1em 0
	}
	.bth-inline .btn-html {
		padding: 7px 10px
	}
	.column.pic-center-page {
		text-align: center
	}
	.is-boxed-button-big a {
		width: 45px;
		height: 45px
	}
	.is-boxed-button-big a i {
		font-size: 25px
	}
	.is-rounded-button-medium a {
		margin: 0 10px;
		width: 40px;
		height: 40px
	}
	.is-rounded-button-medium a i {
		font-size: 20px
	}
	.is-boxed-button-big2 a {
		width: 70px;
		height: 5px
	}
	.is-boxed-button-big2 a i {
		font-size: 25px
	}
	.padding-20 {
		padding: 5px
	}
	.remote-row .h1-two-ma {
		font-size: 1.5em;
		margin: 0
	}
	.remote-row .has-number-and-bg {
		padding: 0 40px 15px
	}
	.is-btn-small {
		padding: 5px 15px
	}
	.is-btn {
		padding: 10px;
		font-size: .5em;
		line-height: 1.5em;
		letter-spacing: 1px
	}
	.remote-row.has-bgcolor-four {
		padding: 15px
	}
	.remote-row .h1-has-txt {
		font-size: 1.3em;
		letter-spacing: 3px
	}
	.remote-row .h1-has-txt2 {
		font-size: 1.3em;
		letter-spacing: 2px;
		padding: 10px 0
	}
	.remote-row .the-txt-four-px {
		font-size: 35px
	}
	.remote-row .the-txt-one-point, .remote-row .the-txt-one-three, .remote-row .the-txt-one-point-fix, .remote-row .the-txt-one-point-seven, {
		font-size: 1.4em
	}
	.remote-row .the-txt-two, .remote-row .the-txt-two-point-fix, .remote-row .the-txt-two-point-seven, .remote-row .the-txt-two-point-two, .remote-row .the-txt-two-point-three {
		font-size: 1.6em
	}
	.remote-row .the-txt-three, .remote-row .the-txt-three-fix, .remote-row .the-txt-four, .remote-row .the-txt-four-point-three {
		font-size: 1.8em
	}
	.remote-row .the-txt-six {
		font-size: 2em
	}
	.remote-row .the-txt-nine {
		font-size: 2.2em
	}
	.big-one {
		font-size: 2em
	}
	.is-social a>i {
		font-size: 20px
	}
	.is-card {
		width: 100%
	}
	.is-card-circle {
		width: 320px;
		height: 320px;
		padding: 30px
	}
	.remote-row .h1-has-txt4 {
		margin: .4em 0 0;
		padding-bottom: .4em
	}
	.remote-row .top-ma-area {
		margin-bottom: 15px
	}
	.is_in_html, .is_in_html.right {
		border: none
	}
	.is_in_html {
		padding: 0
	}
	.column.third-six.pos-ab {
		position: relative
	}
	.is_in_html.right-two {
		padding: 0;
		text-align: left
	}
	.is_in_html>p, .is_in_html>small, .is_in_html.right>p {
		margin: 0
	}
	.pic-center-page.oh-two .two-andone, .pic-center-page.oh-three .two-andone {
		display: inline-block;
		font-size: 20px
	}
	.pic-center-page.oh-two span, .pic-center-page.oh-three span {
		font-size: 18px
	}
	.is_col.pic, .is_colr {
		float: none
	}
	.is_col.pic .tit-top {
		font-size: 18px;
		display: block;
		line-height: 60px;
		width: 60px;
		height: 60px;
		position: static;
		top: 0;
		right: 0;
		letter-spacing: 2px;
		margin: auto;
		display: block
	}
	.is_col.txt {
		width: 100%
	}
	.is_text {
		position: static;
		max-width: 100%;
		padding: 5px;
		margin: 0
	}
	.is_text b {
		width: auto;
		color: #111;
		margin: 0 0 10px;
		position: static;
		left: 0;
		top: 0;
		padding: 0 5px;
		font-size: 20px;
		border-left: 2px solid #111;
		border-right: none;
		-webkit-writing-mode: inherit;
		writing-mode: inherit
	}
	.html-aboutArea h2 i {
		font-size: 28px;
		padding: 10px 20px 0
	}
	.html-aboutArea {
		padding: 0;
		position: relative
	}
	.html-aboutArea .html-Img {
		width: 100%;
		margin-right: 0;
		float: none
	}
	.html-aboutArea .html-Txt {
		font-size: 15px;
		color: #444;
		line-height: 1.8;
		width: 100%;
		float: none;
		margin: 25px 0 0
	}
	.remote-row.has-bgcolor-txt {
		padding: 20px
	}
	.remote-row.has-bgcolor {
		padding: 5px 10px
	}
	.remote-row.double {
		margin: 1.5em 0
	}
	.remote-row.triple {
		margin: 1em 0 2em
	}
	.remote-row .ma-right {
		margin-right: 0;
		width: 29%
	}
}
@media screen and (max-width: 500px) {
	.fifty-left, .fifty-right {
		width: 100%;
		display: block;
		float: none
	}
	.is-title5-96, .is-title5-80, .is-title5-64, .is-title5-48, .is-title5-32 {
		padding-bottom: 5px
	}
	.remote-row h1 {
		font-size: 1.3em
	}
	.remote-row .h1-two {
		font-size: 1.5em
	}
	.remote-row {
		margin: 0 0 1em
	}
}
@media screen and (max-width: 425px) {
	.remote-row .one-hundred-twenty {
		width: 100px;
		height: 100px;
		padding: 15px
	}
	.remote-row .one-hundred-forty {
		width: 120px;
		height: 120px;
		padding: 15px
	}
	.margin-40 {
		margin: 2px
	}
	.remote-row p {
		line-height: 1.6;
		font-size: 14px
	}
}
.album-list {
    max-width: 1200px;
    margin: 0 auto;
}
.album-list .item {
    width: 25%;
}
.album-list .item:nth-child(4n+1) {
    clear: left;
}
.album-list .box {
    max-width: 300px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.album-list .fancybox {
    display: none;
}
.album-list .name{
    position: absolute;
    background: rgba(255,255,255,0.9);
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    transition: all .3s ease;
    opacity: 0;
    padding:15px;

}
.album-list .box:hover .name{
    opacity: 1;
}
.album-list li .cover{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    text-indent: -9999px;
}
.album-list .name a{
    position: absolute;
	top:50%;
    left: 0;
    right: 0;
    color: #111111;
    bottom: 15px;
    font-size: 15px;
    line-height: 35px;
    padding: 0 10px;
    height: 40px;
    overflow: hidden;
    transition: all 0.3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}

@media screen and (max-width: 1000px) {
    .album-list {
        max-width: 900px;
    }
    .album-list .item {
        width: 33.33%;
    }
    .album-list .item:nth-child(4n+1) {
        clear: none;
    }
    .album-list .item:nth-child(3n+1) {
        clear: left;
    }
}
@media screen and (max-width: 600px) {
    .album-list .item {
        width: 50%;
    }
    .album-list .item:nth-child(3n+1) {
        clear: none;
    }
    .album-list .item:nth-child(2n+1) {
        clear: left;
    }
}
@media screen and (max-width: 400px) {
    .album-list .item {
        width: 100%;
    }
    .album-list .item:nth-child(n) {
        clear: none;
    }
}
.TableHeader{
	padding:20px;
	text-align:center;
	width:55vw;
	background-color:#99CCFF;
	margin:0 auto;
}
.TableBottom{
	padding:20px;
	text-align:center;
	width:55vw;
	margin:0 auto;
}
.aboutIMG{
	height:auto !important;
}
.WOW{
	padding:20px;
}
@media screen and (max-width: 1000px) {
    .album-list {
        max-width: 900px;
    }
    .album-list .item {
        width: 33.33%;
    }
    .album-list .item:nth-child(4n+1) {
        clear: none;
    }
    .album-list .item:nth-child(3n+1) {
        clear: left;
    }
}
@media screen and (max-width: 600px) {
    .album-list .item {
        width: 50%;
    }
    .album-list .item:nth-child(3n+1) {
        clear: none;
    }
    .album-list .item:nth-child(2n+1) {
        clear: left;
    }
}
@media screen and (max-width: 400px) {
    .album-list .item {
        width: 100%;
    }
    .album-list .item:nth-child(n) {
        clear: none;
    }
}
@media screen and (max-width: 796px) {
    .aboutLi{
		width:auto !important;
		margin-bottom:1px !important;
	}
}
.QS .main {
    width: 73.333%;
    margin: 55px auto 0;
}
@media screen and (max-width: 1482px){
    .QS .main {
        width: 100%;
        padding: 0 45px;
    }
}
@media screen and (max-width: 767px){
    .QS .main {
        padding: 0 20px;
    }
}
.QS .main .col-md-10{
    padding:0;
}
.QS .item-menu, .qs-items {
    padding: 0;
    width: 15%;
    padding-left: 15px;
}
@media screen and (max-width: 1370px){
    .QS .item-menu, .qs-items{
        padding-left: 0;
    }
}
.qs-items {
    width: 85%;
}
.col-md-10.col-sm-10.product-list {
    float:right;
}
.item-nav-box {
    text-align: right;
    margin:10px;
}
.item-nav-box .items-amount {
    display: inline-block;
    margin:10px 10px;
}
.item-nav-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.item-nav-box .page-wrap li {
    display: inline-block;
}
.item-nav-box .page-wrap li a {
    display: block;
}
.item-nav-box .page-wrap> li:first-child, .item-nav-box .page-wrap> li:last-child {
    margin: 0 10px;
}
.item-nav-box> .page-wrap:before, .item-nav-box> .page-wrap:after {
    content: "│"
}
.item-nav-box .page-wrap ul {
    font-size: 0;
}
.item-nav-box .page-wrap ul a {
    padding: 0 7px;
    width: 100%;
    font-size: 14px;
}
.item-nav-box .sort-nav {
    display: inline-block;
}
.item-nav-box .sort-nav .sort-list {
    margin-bottom: 0;
}
.item-nav-box .sort-nav .sort-list button {
    border: none;
    border-radius: 0;
    padding: 0;
}
.item-nav-box .sort-nav .sort-list button .caret {
    display: none;
}
.item-nav-box .sort-nav .sort-list .dropdown-menu {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 0;
    box-shadow: none;
}
.item-nav-box .sort-nav .sort-list .dropdown-menu.open {
    border: 1px solid #000;
}
.items-list {
    list-style: none;
    margin: 10px 0 40px;
    padding: 0;
    font-size: 0;
	margin-left:2vw;
}
.items-list li {
    display: inline-block;
    position: relative;
}
.items-list li a {
    color: #000;
}
.items-list li p {
    margin: 10px 0;
	font-weight:bold;
}
/*
.items-list li p:nth-of-type(2)::before {
    content: "已銷售";
}
*/
.items-list li p:nth-of-type(3) span:nth-last-of-type(2) {
    text-decoration: line-through;
    margin-right: 10px;
}
.items-list li p:nth-of-type(3) span:nth-of-type(2) {
    color: #ea253b;
}
.items-list li p:nth-of-type(3) span:nth-of-type(2):after {
    content: "SALE";
    border: 1px solid #ea253b;
    float: right;
    font-size: 11px;
    padding: 3px 3px 1px;
    line-height: 11px;
}
.items-list li img {
    width: auto;
    height: auto;
	max-height:100%;
	max-width:100%;
	border-radius:5px;
}
.items-list li {
    text-align:center;
}
.items-list li img:nth-last-of-type(2) {
    position: absolute;
    /* set animation */
    opacity: 1;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    top: 0;
    left: 0;
}
.items-list li:hover img:nth-last-of-type(2) {
    opacity: 0;
    width: 100%;
    /*top: -10%;
    left: -10%;*/
}
*, .items-list li button:focus, .items-list li button.focus, .btn.focus, .btn:focus, .btn.active:focus {
    outline: none;
    outline-offset: none;
    border: none;
    box-shadow: none;
	list-style-type:none;
}
.items-list li button {
    background: url(/Source/images/zh-TW/icon/heart_icon01.gif) no-repeat left top;
    border: none;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    padding: 0;
    width: 21px;
    height: 20px;
}
.items-list li button.active {
    background: url(/Source/images/icon/heart_icon_01.gif) no-repeat left top;
    border: none;
    box-shadow: none;
}
.items-list.list-array-2 li {
    width: 48.5%;
    max-width: 620px;
    font-size: 16px;
    margin: 0 0 40px 2.8%;
    /* set animation */
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    vertical-align:top;
}
.items-list.list-array-2 li:nth-child(2n+1) {
    margin-left: 0;
    vertical-align:top;
}
.items-list.list-array-4 li {
	height: 280px;
    width: 22.5%;
    max-width: 300px;
    font-size: 16px;
    margin: 0 0 40px 2%;
    /* set animation */
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    vertical-align:middle;
	line-height: 24px;
}
.items-list.list-array-4 li:nth-child(4n+1) {
    margin-left: 0;
}
.items-array-2, .items-array-4 {
    border: none;
    background: url(/Source/images/zh-TW/icon/array_icon01.gif) no-repeat left top;
    white-space: nowrap;
    text-indent: 100%;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 21px;
    height: 21px;
}
.items-array-2.on {
    background: url(/Source/images/zh-TW/icon/array_icon_01.gif) no-repeat left top;
}
.items-array-4 {
    background: url(/Source/images/zh-TW/icon/array_icon01.gif) no-repeat right top;
}
.items-array-4.on {
    background: url(/Source/images/zh-TW/icon/array_icon_01.gif) no-repeat right top;
}
.ProductBanner img{
    height: auto;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .items-list.list-array-4 li{
        width: 80%;
        max-width: 620px;
        font-size: 13px;
        margin: 0 0 10px 2.8%;
        /* set animation */
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
	.items-list {
		text-align:center;
	}
	/*.items-list li img {
		height: 70%;
	}*/
}


}