.visually-hidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden
}

.textoverflow {
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%
}


.c-hidden {
	display: none !important
}

.c-bubble {
	width:100%;
	z-index:99;
	/*background:#fff;*/
	position:absolute;
}

.c-bubble .c-bubble-inner:after,.c-bubble .c-bubble-inner:before {
	font-size: 0;
	position: absolute;
	width: 0;
	height: 0;
	content: '';
	border: 8px dashed transparent
}

.c-bubble .c-bubble-inner:after {
	border: 7px dashed transparent
}

.c-bubble-inner {
	/*-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	background-color: #fff;
	line-height: 18px;
	position: static !important;*/
}




.c-bubble-right .c-bubble-inner:after,.c-bubble-right .c-bubble-inner:before {
	top: inherit;
	bottom: inherit;
	left: 100%;
	margin-left: -1px;
	border-left-style: solid
}

.c-bubble-right .c-bubble-inner:before {
	margin-top: -8px;
	border-left-color: #b3b7bf
}

.c-bubble-right .c-bubble-inner:after {
	margin-top: -7px;
	border-left-color: #fff
}

.c-bubble-bottom .c-bubble-inner:after,.c-bubble-bottom .c-bubble-inner:before {
	top: 100%;
	left: inherit;
	right: inherit;
	margin-top: -1px;
	border-top-style: solid
}

.c-bubble-bottom .c-bubble-inner:before {
	margin-left: -8px;
	border-top-color: #b3b7bf
}

.c-bubble-bottom .c-bubble-inner:after {
	margin-left: -7px;
	border-top-color: #fff
}

.c-bubble-left .c-bubble-inner:after,.c-bubble-left .c-bubble-inner:before {
	top: inherit;
	bottom: inherit;
	right: 100%;
	margin-right: -1px;
	border-right-style: solid
}

.c-bubble-left .c-bubble-inner:before {
	margin-top: -8px;
	border-right-color: #b3b7bf
}

.c-bubble-left .c-bubble-inner:after {
	margin-top: -7px;
	border-right-color: #fff
}

.c-bubble-warning span {
	vertical-align: middle;
	margin-left: 5px;
	color: #e29e35
}

.c-bubble-warning.c-bubble-top .c-bubble-inner:before {
	border-bottom-color: #ffc533
}

.c-bubble-warning.c-bubble-top .c-bubble-inner:after {
	border-bottom-color: #fff5db
}

.c-bubble-warning.c-bubble-right .c-bubble-inner:before {
	border-left-color: #ffc533
}

.c-bubble-warning.c-bubble-right .c-bubble-inner:after {
	border-left-color: #fff5db
}

.c-bubble-warning.c-bubble-bottom .c-bubble-inner:before {
	border-top-color: #ffc533
}

.c-bubble-warning.c-bubble-bottom .c-bubble-inner:after {
	border-top-color: #fff5db
}

.c-bubble-warning.c-bubble-left .c-bubble-inner:before {
	border-right-color: #ffc533
}

.c-bubble-warning.c-bubble-left .c-bubble-inner:after {
	border-right-color: #fff5db
}

.c-bubble-warning .c-bubble-inner {
	border: 1px solid #ffc533;
	background-color: #fff5db;
	color: #e29e35
}

.c-bubble-warning .c-bubble-inner em {
	color: #b27700;
	font-weight: 700
}

.c-bubble-warning.m .c-bubble-inner {
	padding: 4px 10px
}

.c-bubble-err span {
	vertical-align: middle;
	margin-left: 5px;
	color: red
}

.c-bubble-err.c-bubble-top .c-bubble-inner:before {
	border-bottom-color: #e7736e
}

.c-bubble-err.c-bubble-top .c-bubble-inner:after {
	border-bottom-color: #f9dcdb
}

.c-bubble-err.c-bubble-right .c-bubble-inner:before {
	border-left-color: #e7736e
}

.c-bubble-err.c-bubble-right .c-bubble-inner:after {
	border-left-color: #f9dcdb
}

.c-bubble-err.c-bubble-bottom .c-bubble-inner:before {
	border-top-color: #e7736e
}

.c-bubble-err.c-bubble-bottom .c-bubble-inner:after {
	border-top-color: #f9dcdb
}

.c-bubble-err.c-bubble-left .c-bubble-inner:before {
	border-right-color: #e7736e
}

.c-bubble-err.c-bubble-left .c-bubble-inner:after {
	border-right-color: #f9dcdb
}

.c-bubble-err .c-bubble-inner {
	border: 1px solid #e7736e;
	background-color: #f9dcdb;
	color: #e1504a
}

.c-bubble-num span {
	vertical-align: middle;
	margin-left: 5px;
	color: #fff
}

.c-bubble-num.c-bubble-bottom .c-bubble-inner:after,.c-bubble-num.c-bubble-bottom .c-bubble-inner:before {
	border-top-color: #525a67;
	margin-top: -2px
}

.c-bubble-num .c-bubble-inner {
	border: 1px solid #525a67;
	background-color: #525a67;
	color: #fff;
	padding: 6px 5px;
	min-width: 33px;
	line-height: 12px;
	text-align: center
}

.c-bubble-control .c-bubble-inner {
	padding: 0
}

.c-bubble-control {
	font-size: 14px
}

.c-bubble-control .title {
	display: block;
	font-size: 18px;
	padding-bottom: 10px;
	font-weight: 700
}

.c-confirm-popout {
	position: absolute;
	max-width: 340px;
	border: 1px solid #BABEC2;
	border-radius: 2px;
	background-color: #fff;
	z-index: 1000
}

.c-confirm-popout .c-confirm-popout-bd {
	padding: 20px;
	position: static !important;
	left: 50%
}

.c-confirm-popout .c-confirm-popout-ft {
	padding: 15px;
	border-top: 1px solid #E5EAEE;
	background-color: #F0F4F7;
	text-align: center;
	font-size: 0
}

.c-confirm-popout .c-confirm-popout-ft .c-btn {
	margin: 0 5px;
	float: none
}

.c-confirm-popout .c-confirm-popout-bd:after,.c-confirm-popout .c-confirm-popout-bd:before {
	font-size: 0;
	position: absolute;
	width: 0;
	height: 0;
	content: '';
	border: 10px dashed transparent;
	margin-left: -10px
}

.c-confirm-popout .c-confirm-popout-bd:after {
	border: 9px dashed transparent;
	margin-left: -9px
}

.c-confirm-popout-top .c-confirm-popout-bd:after,.c-confirm-popout-top .c-confirm-popout-bd:before {
	bottom: 100%;
	left: inherit;
	right: inherit;
	border-bottom-style: solid
}

.c-confirm-popout-top .c-confirm-popout-bd:before {
	border-bottom-color: #BABEC2
}

.c-confirm-popout-top .c-confirm-popout-bd:after {
	border-bottom-color: #fff
}

.c-confirm-popout-bottom .c-confirm-popout-bd:after,.c-confirm-popout-bottom .c-confirm-popout-bd:before {
	top: 100%;
	left: inherit;
	right: inherit;
	border-top-style: solid
}

.c-confirm-popout-bottom .c-confirm-popout-bd:before {
	border-top-color: #BABEC2
}

.c-confirm-popout-bottom .c-confirm-popout-bd:after {
	border-top-color: #F0F4F7
}

.c-confirm-popout-bottom.align-start .c-confirm-popout-bd,.c-confirm-popout-top.align-start .c-confirm-popout-bd {
	left: 30px
}

.c-confirm-popout-bottom.align-end .c-confirm-popout-bd,.c-confirm-popout-top.align-end .c-confirm-popout-bd {
	left: auto;
	right: 20px
}

.c-confirm-popout-bottom.align-end .c-confirm-popout-bd:after,.c-confirm-popout-top.align-end .c-confirm-popout-bd:after {
	margin-right: 1px
}

.format-tips {
	font-size: 0;
	margin: 0;
	padding: 3px 5px
}

.format-tips:first-child {
	margin-top: 0
}

.format-tips-tit,.format-tips-txt {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.8
}

.format-tips-tit {
	width: 80px;
	font-weight: 700
}

.format-tips-txt {
	max-width: 400px
}

.format-tips-txt .c-links-icon {
	margin-top: -2px
}

.format-tips-tit.block {
	display: block;
	width: auto
}

.format-tips-links {
	text-align: right
}

.format-tips-links a:hover {
	text-decoration: underline
}

.c-icon-links {
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: middle;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 98.03% 89.57000000000001%;
	background-size: 2216.666666666667% 2016.6666666666667%;
	;background-repeat: no-repeat
}

.c-icon-arrow-down,.c-icon-arrow-up,.c-icon-plaint,.c-icon-triangle-down,.c-icon-triangle-up {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle
}

.c-icon-triangle-up {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 65.2% 91.59%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.c-icon-triangle-down {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 72.39999999999999% 91.59%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.c-icon-arrow-up {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 99.6% 40.27%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.c-icon-arrow-down {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 72.39999999999999% 99.56%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.c-icon-plaint {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 82% 82.74000000000001%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.c-icon-yes {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 84.71% 24.310000000000002%;
	background-size: 1108.3333333333335% 1008.3333333333334%;
	;background-repeat: no-repeat
}

.c-icon-error-b,.c-icon-pending-b,.c-icon-success-b {
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle
}

.c-icon-success-b {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 0.43% 72.86%;
	background-size: 831.25% 756.25%;
	;background-repeat: no-repeat
}

.c-icon-error-b {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 58.550000000000004% 72.86%;
	background-size: 831.25% 756.25%;
	;background-repeat: no-repeat
}

.c-icon-pending-b {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 0.43% 56.67%;
	background-size: 831.25% 756.25%;
	;background-repeat: no-repeat
}

.c-tab-normal {
	text-align: center
}

.c-tab-normal .c-tab-simple {
	display: inline-block;
	text-align: center;
	position: relative;
	border-bottom: #e5e5e5 1px solid
}

.c-tab-normal .c-tab-simple a {
	display: block;
	padding: 10px 30px;
	text-decoration: none
}

.c-tab-normal .c-tab-simple .c-tab-tit {
	display: block;
	color: #333;
	font-size: 18px
}

.c-tab-normal .c-tab-simple.actived .c-tab-des,.c-tab-normal .c-tab-simple.actived .c-tab-tit,.c-tab-normal .c-tab-simple:hover .c-tab-des,.c-tab-normal .c-tab-simple:hover .c-tab-tit {
	color: #00a4ff
}

.c-tab-normal .c-tab-simple.actived:after {
	display: inline-block;
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	background: #00a4ff;
	z-index: 1
}

.c-tab-responsive .c-tab-panel {
	display: none
}

.c-tab-responsive .c-tab-panel-mod {
	display: block
}

.c-tab-vertical {
	display: table
}

.c-tab-vertical .c-tab-panel,.c-tab-vertical ul {
	display: table-cell
}

.c-tab-vertical .c-tab-simple {
	display: block;
	text-align: right;
	border-bottom: 0
}

.c-tab-vertical .c-tab-simple a {
	padding-right: 20px
}

.c-tab-vertical .c-tab-simple.actived:after {
	display: inline-block;
	content: "";
	height: 100%;
	width: 3px;
	position: absolute;
	left: inherit;
	right: -1px;
	bottom: 0;
	top: 0;
	background: #00a4ff;
	z-index: 1
}

.c-tab-nosplit {
	text-align: left;
	margin-left: -20px
}

.c-tab-nosplit .c-tab-simple {
	border-bottom: 0
}

.c-tab-nosplit .c-tab-simple a {
	padding: 0 20px;
	line-height: 45px
}

.c-tab-nosplit .c-tab-simple .c-tab-tit {
	font-size: 16px
}

.c-tab-nosplit .c-tab-simple:after {
	position: absolute;
	right: 0;
	top: 12px;
	content: "";
	display: inline-block;
	width: 1px;
	height: 15px;
	background: #e5e5e5
}

.c-tab-nosplit .c-tab-simple:last-child:after {
	display: none
}

.c-tab-nosplit .c-tab-simple.actived:after {
	position: absolute;
	right: 0;
	left: inherit;
	bottom: inherit;
	top: 12px;
	content: "";
	display: inline-block;
	width: 1px;
	height: 15px;
	background: #e5e5e5
}

.c-tab-weak {
	text-align: left;
	margin-left: -15px
}

.c-tab-weak .c-tab-simple {
	border-bottom: 0
}

.c-tab-weak .c-tab-simple a {
	padding: 0 15px;
	line-height: 45px
}

.c-tab-weak .c-tab-simple .c-tab-tit {
	font-size: 14px
}

.c-tab-weak .c-tab-simple.actived:after,.c-tab-weak .c-tab-simple:after {
	display: none
}

.c-tab-v {
	display: table;
	width: 100%
}

.c-tab-v .c-tab-v-tit,.c-tab-v>ul {
	display: table-cell;
	width: 15%;
	position: relative;
	vertical-align: top
}

.c-tab-v .c-tab-v-tit:after,.c-tab-v>ul:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 2px;
	background-color: #e5e5e5
}

.c-tab-v .c-tab-simple {
	border: 0;
	position: relative;
	display: inline-block;
	text-align: left;
	width: 100%
}

.c-tab-v .c-tab-simple.actived:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 2px;
	height: 100% !important;
	background-color: #00a4ff;
	left: auto;
	bottom: 0;
	z-index: 1
}

.c-tab-v .c-tab-simple .c-tab-tit {
	display: inline;
	font-size: 16px;
	vertical-align: middle
}

.c-tab-v .c-tab-simple a {
	display: block;
	padding: 5px 0;
	text-decoration: none;
	color: #333
}

.c-tab-v .c-tab-simple a:hover,.c-tab-v .c-tab-simple.actived a {
	color: #00a4ff
}

.c-tab-v .c-tab-tit-icon {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background-color: #ccc;
	margin-right: 10px
}

.c-tab-v .c-tab-panel {
	display: table-cell;
	width: 85%;
	padding: 0 0 0 5%
}

.c-tab-m-tit {
	display: none
}

.c-tab-cross {
	position: relative;
	background-color: #fff
}

.c-tab-cross:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #e5e5e5
}

.c-tab-hd {
	margin: 0 auto;
	padding: 0 10px;
	max-width: 1200px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.c-tab-cross .c-tab-hd {
	position: relative;
	text-align: center;
	font-size: 0
}

.c-tab-cross .c-tab-scroll {
	white-space: nowrap;
	overflow: hidden
}

.c-tab-cross .c-tab-ctrl {
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease,-webkit-transform .3s ease
}

.c-tab-cross .c-tab-simple {
	display: inline-block;
	vertical-align: middle;
	margin: 0 3.389830508%
}

.c-tab-cross .c-tab-simple a {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	height: 55px;
	line-height: 54px;
	font-size: 16px;
	color: #000
}

.c-tab-cross .c-tab-tit {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	border-bottom: 3px solid transparent
}

.c-tab-cross .c-tab-simple a:hover,.c-tab-cross .c-tab-simple.actived a {
	color: #00a4ff
}

.c-tab-cross .c-tab-simple.actived .c-tab-tit {
	border-bottom-color: #00a4ff
}

.c-tab-btns {
	display: none
}

.c-tab-btns a {
	position: absolute;
	top: 0;
	width: 32px;
	height: 54px;
	font-size: 0;
	line-height: 54px;
	text-align: center;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5
}

.c-tab-btns a:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 10px;
	height: 10px;
	border-left: 2px solid #666;
	border-bottom: 2px solid #666
}

.c-tab-btns .prev {
	left: 0
}

.c-tab-btns .prev:after {
	margin-right: -4px;
	-webkit-transform: rotate3d(0,0,1,45deg);
	transform: rotate3d(0,0,1,45deg)
}

.c-tab-btns .next {
	right: 0
}

.c-tab-btns .next:after {
	margin-left: -2px;
	-webkit-transform: rotate3d(0,0,1,-135deg);
	transform: rotate3d(0,0,1,-135deg)
}

.c-tab-cross.scrolling {
	overflow: hidden
}

.c-tab-cross.scrolling .c-tab-ctrl {
	display: block
}

.c-tab-cross.scrolling .c-tab-simple {
	margin: 0
}

.c-tab-cross.scrolling .c-tab-btns {
	display: block
}

.c-tab-normal.c-tab-criterion>ul {
	border-bottom: #e5e5e5 2px solid;
	position: relative
}

.c-tab-normal.c-tab-criterion .c-tab-simple {
	border-bottom: none;
	position: relative;
	min-width: 145px;
	margin-right: 20px
}

.c-tab-normal.c-tab-criterion .c-tab-simple a {
	padding-bottom: 15px
}

.c-tab-normal.c-tab-criterion .c-tab-simple.actived:after {
	height: 2px;
	bottom: -2px
}

.c-loading {
	text-align: center
}

.c-loading .c-loading-inner>div {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #00a4ff;
	-webkit-animation: bouncedelay .7s infinite ease-in-out both;
	animation: bouncedelay .7s infinite ease-in-out both;
	text-align: center;
	margin-left: 4px;
	margin-right: 4px
}

.c-loading .c-loading-inner .one {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.c-loading .c-loading-inner .two {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

@keyframes bouncedelay {
	0%,100%,80% {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: 1
	}

	40% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: .8
	}
}

.c-loading-weak .c-loading-inner>div {
	background-color: #fff
}

.m .c-loading-inner>div {
	width: 8px;
	height: 8px;
	margin-left: 1px;
	margin-right: 1px
}

.c-loading-tip {
	display: block;
	min-height: 40px;
	text-align: center;
	line-height: 40px;
	color: #444
}

.c-loading-tip .c-loading-inner>div {
	background-color: #888
}

.c-loading-tip a {
	color: #00a4ff
}

.c-loading-tip a:hover {
	text-decoration: underline
}

.c-pagearea {
	padding: 75px 0;
	min-width: 320px;
	box-sizing: border-box
}

.c-pagearea.bg-color {
	background-color: #f7f8fa
}

.c-pagearea-inner {
	max-width: 1200px;
	min-width: 320px;
	margin: 0 auto
}

.c-pagearea-tit {
	margin-left: 10px;
	margin-right: 10px;
	color: #333;
	text-align: center
}

.c-pagearea-tit .area-title {
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 10px;
	text-align: center
}

.c-pagearea-con {
	margin-top: 60px
}

.c-p-y-tall.home-footer-mod {
	background-size: cover
}

.c-section.c-p-y-tall {
	padding: 70px 0 80px
}

.c-section.c-p-y-short {
	padding: 45px 0 50px
}

.c-section.bg-color {
	background: #f7f8fa
}

.c-section-inner {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px
}

.c-section-hd {
	margin-bottom: 55px
}

.c-section.c-p-y-short .c-section-hd {
	margin-bottom: 35px
}

.c-section-tit {
	text-align: center;
	text-align: center;
	font-size: 30px;
	color: #333;
	font-weight: 400;
	line-height: 1.5
}

.c-section-des {
	text-align: center;
	text-align: center;
	font-size: 16px;
	color: #666;
	margin: 10px 0 0;
	line-height: 1.5
}

.c-section-des a {
	color: #00a4ff
}

.c-section-des a:hover {
	text-decoration: underline
}

.c-section-hd-align-left,.c-section-hd-align-left .c-section-des,.c-section-hd-align-left .c-section-tit {
	text-align: left
}

.c-step-box {
	font-size: 16px;
	color: #333;
	font-weight: 700;
	counter-reset: step
}

.c-step-box .c-step-col {
	float: left;
	position: relative;
	width: 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.c-step-hd {
	display: table
}

.c-step-num {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: inline-block;
	border: 2px solid #00a4ff;
	text-align: center;
	line-height: 24px;
	color: #00a4ff;
	font-weight: 700;
	background: #fff;
	margin-right: 10px;
	font-size: 0
}

.c-step-num:after {
	counter-increment: step;
	content: counter(step);
	font-size: 16px
}

.c-step-title {
	display: table-cell;
	background: #fff;
	padding: 5px;
	position: relative;
	z-index: 1;
	white-space: nowrap
}

.c-step-line {
	display: table-cell;
	position: relative;
	width: 100%;
	vertical-align: middle
}

.c-step-bor {
	height: 1px;
	background: #b3b3b3;
	width: 100%;
	display: block
}

.c-step-time {
	position: absolute;
	top: -16px;
	font-size: 12px;
	color: #999;
	font-weight: 400;
	white-space: nowrap;
	display: block;
	text-align: center;
	width: 100%
}

.c-step-bd {
	min-height: 24px
}

.c-step-content {
	padding-left: 45px;
	margin-top: 5px
}

.c-step-content span {
	font-size: 14px;
	color: #999;
	font-weight: 400;
	display: block;
	line-height: 24px;
	padding: 0
}

.c-step-link {
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	display: block;
	margin-top: 40px
}

.c-step-link .c-step-link-a {
	color: #00a4ff;
	margin-left: 10px
}

.c-step-link .c-step-icon-video {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 44.800000000000004% 44.690000000000005%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.c-step-link .c-step-link-span {
	line-height: 16px;
	vertical-align: middle
}

.c-step-content a {
	color: #00a4ff
}

.c-step-content a:hover {
	text-decoration: underline
}

.c-step-box.c-step-newlinkcolor a {
	color: #00a4ff
}

.c-step-box.c-step-newlinkcolor .c-step-num {
	border: 2px solid #00a4ff;
	color: #00a4ff
}

.c-datacard {
	vertical-align: top;
	background-color: #fff;
	border: 1px solid #E5E5E5;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
	padding-bottom: 155px
}

.c-datacard-title {
	font-weight: 400;
	color: #333;
	font-size: 18px;
	margin-top: 36px
}

.c-datacard-desc {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px
}

.c-datacard-desc a {
	color: #00a4ff
}

.c-datacard-desc a:hover {
	text-decoration: underline
}

.c-datacard-config {
	float: left;
	width: 50%;
	margin-top: 35px;
	margin-bottom: 27px
}

.c-datacard-config-item+.c-datacard-config-item {
	margin-top: 20px
}

.c-datacard-config-label {
	font-size: 16px;
	color: #333;
	display: block;
	margin-bottom: 5px
}

.c-datacard-config-text {
	font-size: 14px;
	color: #666;
	display: block
}

.c-datacard-toolbar {
	border-top: 1px dashed #DCDCDC;
	padding-top: 25px;
	padding-bottom: 40px;
	position: absolute;
	bottom: 0;
	left: 30px;
	right: 30px
}

.c-datacard-button {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 2px;
	background: #00a4ff;
	width: 226px;
	line-height: 35px;
	font-size: 14px;
	color: #fff;
	text-align: center
}

.c-datacard-button-disabled {
	background-color: #D5D7DE;
	cursor: default
}

.c-datacard-price {
	text-align: center;
	font-size: 14px;
	margin-bottom: 25px
}

.c-datacard-price-new {
	color: #f16c15
}

.c-datacard-price-new .c-datacard-price-text {
	font-size: 25px
}

.c-datacard-price-origin {
	color: #999;
	margin-left: 4px
}

.c-datacard-tips {
	margin-left: 20px;
	margin-right: 20px;
	font-size: 14px;
	color: #666;
	margin-top: 17px;
	padding-bottom: 30px;
	border-bottom: 1px solid #DCDCDC
}

.c-datacard-toolbar .c-btn {
	margin: 0 auto;
	display: block
}

.c-package-card {
	border: 1px solid #e5e5e5;
	font-size: 0;
	background-color: #fff;
	padding: 30px 30px 35px;
	position: relative;
	margin-bottom: 20px
}

.c-package-card-body {
	position: relative;
	padding-right: 20px;
	display: table-cell;
	width: 100%
}

.c-package-card-body:after {
	content: '';
	position: absolute;
	width: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-left: #e5e5e5 1px solid
}

.c-package-card-tit {
	font-size: 18px;
	margin-bottom: 10px
}

.c-package-card-aside {
	display: table-cell;
	width: 1px;
	text-align: center;
	font-size: 0;
	vertical-align: middle;
	padding-left: 30px;
	white-space: nowrap
}

.c-package-card-txt {
	font-size: 14px;
	color: #666;
	line-height: 1.6
}

.c-package-card-txt-link {
	color: #00a4ff
}

.c-package-card-row {
	padding-top: 40px
}

.c-package-card-cell {
	display: table-cell;
	padding: 0 35px;
	position: relative;
	vertical-align: top
}

.c-package-card-cell-opr {
	padding-bottom: 47px;
	min-width: 168px
}

.c-package-card-cell:after {
	content: '';
	position: absolute;
	width: 0;
	height: 100%;
	right: 0;
	top: 0;
	border-left: #dcdcdc 1px solid
}

.c-package-card-cell:first-child {
	padding-left: 0
}

.c-package-card-cell:last-child {
	padding-right: 0
}

.c-package-card-cell:last-child:after {
	display: none
}

.c-package-card-cell-tit {
	font-size: 16px;
	margin-bottom: 10px
}

.c-package-card-cell-tit h4 {
	display: inline;
	font-size: 18px
}

.c-package-card-cell-tit span {
	color: #999;
	margin-left: 5px;
	font-size: 14px
}

.c-package-card-cell-con {
	font-size: 14px;
	color: #666
}

.c-package-card-cost {
	color: #ed711f;
	margin-bottom: 15px;
	display: block
}

.c-package-card-cost em,.c-package-card-cost em span {
	font-size: 18px
}

.c-package-card-cost s {
	color: #999;
	font-size: 14px;
	margin-left: 10px
}

.c-package-card-btn .qc-btn {
	background: #ff7200;
	border-color: #ff7200;
	color: #fff;
	width: 100%;
	box-sizing: border-box;
	line-height: 33px
}

.c-package-card-btn .qc-btn:hover {
	text-decoration: none;
	background: #f06c00;
	border-color: #f06c00
}

.c-package-card-btn .qc-btn.disabled,.c-package-card-btn .qc-btn.disabled:hover {
	border-color: #d5d5d5;
	background: #e8e8e8;
	color: #a2a2a2;
	cursor: not-allowed
}

.c-package-card-cell-btn .qc-btn {
	line-height: 30px;
	background-color: #fff;
	border: 1px solid #00a4ff;
	color: #00a4ff;
	white-space: nowrap
}

.c-package-card-cell-btn {
	padding-top: 15px;
	position: absolute;
	bottom: 0
}

.c-package-card-cell-btn .qc-btn:hover {
	text-decoration: none;
	background-color: #00a4ff;
	color: #fff
}

.c-package-card-event {
	position: absolute;
	height: 27px;
	line-height: 27px;
	width: 150px;
	background-color: #fff6db;
	color: #be8e29;
	font-size: 12px;
	padding: 0 20px;
	top: 30px;
	right: -5px
}

.c-package-card-img {
	width: 64px;
	height: 64px;
	display: block;
	display: table-cell;
	vertical-align: middle;
	padding-right: 20px
}

.c-package-card-img img {
	width: 64px;
	height: 64px
}

.c-package-card-word {
	display: table-cell;
	vertical-align: middle
}

.c-package-card-cell-link {
	color: #666;
	text-decoration: underline
}

.c-package-card-cell-link:hover {
	color: #333
}

.c-hero-section {
	height: 500px;
	background: url(https://static.digiwin.com/tw/static/css/mod/img/website-bg.jpg) center center #222733;
	overflow: hidden;
	background-size: cover;
	padding: 0 20px
}

.c-hero-section .c-hero-section-inner {
	max-width: 1180px;
	width: 100%;
	margin: 0 auto;
	padding: 155px 0 0 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.c-hero-section .c-hero-section-ct {
	width: 50%
}

.c-hero-section .c-hero-section-tit {
	font-size: 48px;
	color: #fff;
	font-weight: 400;
	line-height: 1.5
}

.c-hero-section .c-hero-section-des {
	font-size: 16px;
	color: #fff;
	line-height: 1.7;
	margin: 10px 0 40px
}

.c-hero-section .c-hero-section-des p {
	line-height: 1.7
}

.c-hero-section .c-hero-section-btn {
	font-size: 0
}

.c-hero-section .c-hero-section-btn .c-btn {
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	vertical-align: middle
}

.c-hero-section .c-hero-section-btn .c-btn:nth-child(2) {
	margin-left: 20px
}

.c-hero-section-nobtn .c-hero-section-inner {
	padding: 185px 0 0 10px
}

.c-hero-section-center {
	text-align: center;
	position: relative
}

.c-hero-section-center .c-hero-section-ct {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	margin-top: 32px;
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.c-hero-forsale .c-hero-section-tit {
	font-size: 66px
}

.c-hero-section.c-hero-forsale .c-hero-section-des {
	font-size: 24px;
	color: #dbdbdb
}

.c-hero-section.c-hero-forsale .c-hero-section-des p {
	line-height: 1.7
}

.c-hero-section.c-hero-without-nav {
	height: 435px
}

.c-hero-section.c-hero-without-nav .c-hero-section-ct {
	margin-top: 0
}

.c-hero-bar {
	min-width: 320px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #61697c;
	-webkit-font-smoothing: antialiased
}

.c-hero-bar-inner {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 10px;
	max-width: 1200px;
	height: 255px;
	color: #fff;
	line-height: 1.5;
	font-size: 0;
	text-align: center
}

.c-hero-bar-inner:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%
}

.c-hero-bar-ct {
	display: inline-block;
	vertical-align: middle;
	max-width: 99%
}

.c-hero-bar-tit {
	margin-bottom: 8px;
	font-size: 34px;
	font-weight: 400
}

.c-hero-bar-desc {
	font-size: 16px
}

.c-thumbnail-item {
	display: inline-block
}

.c-thumbnail-card {
	display: block
}

.c-thumbnail-card:hover {
	text-decoration: none
}

.c-thumbnail-img {
	position: relative
}

.c-thumbnail-img img {
	display: block;
	width: 100%
}

.c-thumbnail-img-ctrl {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 0 30px 30px
}

.c-thumbnail-tips {
	font-size: 14px;
	padding: 3px 5px;
	background-color: #fff;
	border-radius: 2px;
	color: #333;
	margin-top: 20px;
	display: inline-block
}

.c-thumbnail-tit {
	color: #fff;
	font-size: 18px;
	line-height: 1.6;
	margin-top: 15px;
	font-weight: 400
}

.c-thumbnail-status-bar {
	padding-left: 30px;
	line-height: 50px;
	border: 1px solid #e5e5e5;
	border-top: 0
}

.c-thumbnail-status-ctrl {
	display: inline-block;
	margin-right: 15px
}

.c-thumbnail-status-ctrl i {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin-right: 3px
}

.c-thumbnail-play-icon {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 43.6% 91.59%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.c-thumbnail-time-icon {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 79.60000000000001% 91.59%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.c-thumbnail-doc-icon {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 92.4% 40.27%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.c-thumbnail-status-ctrl span {
	font-size: 14px;
	color: #666;
	vertical-align: middle
}

.c-map-wrap {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 84.34vw;
	height: 40.834vw;
	min-width: 880px;
	min-height: 426px;
	max-width: 1012px;
	max-height: 490px
}

.c-map-mod img {
	display: block;
	width: 100%;
	height: 100%
}

.c-map-dot-list {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
	left: 0
}

.c-map-dot {
	position: absolute;
	width: 20px;
	height: 20px;
	-webkit-box-shadow: inset #00a4ff 0 0 5px;
	box-shadow: inset #00a4ff 0 0 5px;
	border-radius: 50%;
	cursor: pointer;
	background-color: #f7f8fa
}

.c-map-dot:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	-webkit-box-shadow: inset #00a4ff 0 0 5px;
	box-shadow: inset #00a4ff 0 0 5px;
	border-radius: 50%;
	top: 0;
	left: 0;
	opacity: 0
}

.c-map-dot-layer {
	width: 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -4px;
	background-color: #00a4ff;
	border-radius: 50%;
	cursor: pointer;
	opacity: 1
}

.c-map-dot-layer:after {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	-webkit-box-shadow: inset #00a4ff 0 0 5px;
	box-shadow: inset #00a4ff 0 0 5px;
	border-radius: 50%;
	top: 0;
	left: 0;
	opacity: 0
}

.c-map-dot.style-2,.c-map-dot.style-2:after {
	-webkit-box-shadow: inset #fb9353 0 0 5px;
	box-shadow: inset #fb9353 0 0 5px;
	cursor: default
}

.c-map-dot.style-2 .c-map-dot-layer,.c-map-dot.style-2 .c-map-dot-layer:after {
	background-color: #fb9353
}

.c-map-dot.style-3,.c-map-dot.style-3:after {
	-webkit-box-shadow: inset #28c0be 0 0 5px;
	box-shadow: inset #28c0be 0 0 5px
}

.c-map-dot.style-3 .c-map-dot-layer {
	background-color: #28c0be
}

.c-map-dot.style-3 .c-map-dot-layer:after {
	-webkit-box-shadow: inset #28c0be 0 0 5px;
	box-shadow: inset #28c0be 0 0 5px
}

.c-map-dot.style-db:before {
	content: '';
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	-webkit-box-shadow: inset #28c0be 0 0 5px;
	box-shadow: inset #28c0be 0 0 5px;
	border-radius: 50%;
	top: -1px;
	left: -10px;
	z-index: -1;
	background-color: #fff
}

.c-map-dot.style-db .c-map-dot-layer:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	-webkit-box-shadow: inset #28c0be 0 0 5px;
	box-shadow: inset #28c0be 0 0 5px;
	border-radius: 50%;
	background-color: #28c0be;
	top: -1px;
	left: -10px;
	z-index: -1
}

@-webkit-keyframes warn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1);
		transform: scale(.1)
	}

	5% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: scale(4);
		transform: scale(4)
	}
}

@keyframes warn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1);
		transform: scale(.1)
	}

	5% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: scale(4);
		transform: scale(4)
	}
}

@-webkit-keyframes warn-2 {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1);
		transform: scale(.1)
	}

	5% {
		opacity: 8
	}

	to {
		opacity: 0;
		-webkit-transform: scale(10);
		transform: scale(10)
	}
}

@keyframes warn-2 {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1);
		transform: scale(.1)
	}

	5% {
		opacity: 8
	}

	to {
		opacity: 0;
		-webkit-transform: scale(10);
		transform: scale(10)
	}
}

.c-map-dot.animate:hover:after {
	-webkit-animation: warn 2s ease-out .1s infinite;
	animation: warn 2s ease-out .1s infinite
}

.c-map-dot.animate:hover .c-map-dot-layer:after {
	-webkit-animation: warn-2 2s ease-out 1.1s infinite;
	animation: warn-2 2s ease-out 1.1s infinite
}

.c-map-dot-explain {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3
}

.c-map-dot-explain .c-map-dot {
	position: relative
}

.c-map-dot,.c-map-dot-explain-txt {
	display: inline-block;
	vertical-align: middle
}

.c-map-dot-explain-item {
	display: block;
	margin-bottom: 10px
}

.c-map-dot-explain-txt {
	margin-left: 5px
}

.c-map-dot-text {
	position: absolute;
	left: 100%;
	top: 0;
	padding-left: 5px;
	font-size: 14px;
	line-height: 20px;
	color: #111;
	white-space: nowrap
}

.c-map-dot-text.left {
	left: auto;
	right: 100%;
	padding-left: 0;
	padding-right: 5px
}

.c-map-bubble {
	left: 50%;
	bottom: 100%;
	margin-left: -100px;
	margin-bottom: 10px;
	width: 200px;
	text-align: center;
	-webkit-transition: .3s all ease-out;
	transition: .3s all ease-out;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(5px);
	-ms-transform: translateY(5px);
	transform: translateY(5px);
	cursor: default;
	pointer-events: none
}

.c-map-dot.hover .c-map-bubble,.c-map-dot:hover .c-map-bubble {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.c-map-bubble .c-bubble-inner {
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
	text-align: left;
	border-color: #00a4ff;
	font-size: 14px;
	line-height: 24px;
	color: #333
}

.c-map-bubble .c-bubble-inner:before {
	border-top-color: #00a4ff
}

.c-map-bubble .title {
	margin-bottom: 5px;
	color: rgba(51,51,51,.8);
	font-weight: 400
}

.c-map-bubble .disabled {
	color: #999
}

.home-map-mod {
	position: relative
}

.home-map-btn {
	text-align: center;
	padding-top: 40px
}

.home-map-btn .c-btn {
	width: 220px;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	background-color: #00a4ff
}

.home-map-btn-more {
	display: block;
	margin: 15px auto 0;
	text-align: center;
	color: #00a4ff
}

.home-map-btn-more:hover {
	text-decoration: underline
}

.home-m-map-mod {
	display: none
}

.c-scrollbar::-webkit-scrollbar {
	width: 4px
}

.c-scrollbar::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.3)
}

.c-scrollbar::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,0)
}

.c-aside-links {
	padding: 25px 0 10px;
	font-size: 14px
}

.c-aside-links .aside-links-tit {
	color: #999;
	margin-bottom: 15px
}

.c-aside-links .aside-links-item {
	margin-bottom: 15px
}

.c-aside-links .aside-links-item a {
	color: #333
}

.c-aside-links .aside-links-item a span {
	margin-right: 4px
}

.c-aside-links .aside-links-item:hover a {
	color: #00a4ff;
	text-decoration: none
}

.c-aside-links .aside-links-item:hover a i {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 98.03% 77.39%;
	background-size: 2216.666666666667% 2016.6666666666667%;
	;background-repeat: no-repeat
}

.c-show-more-mod {
	display: block;
	text-align: center;
	margin-top: 40px
}

.c-show-more-mod .c-show-more-txt {
	display: inline-block;
	color: #00a4ff;
	position: relative;
	font-size: 14px;
	vertical-align: middle
}

.c-show-more-mod .c-show-more-txt:after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;margin-left: 5px;
	background-position: 79.60000000000001% 99.56%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.c-show-more-mod.show .c-show-more-txt:after {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 99.6% 48.230000000000004%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.c-grid.bg-color {
	background-color: #f7f8fa
}

.c-grid-layout {
	max-width: 1200px;
	margin: 0 auto
}

.row-full .c-grid-layout {
	max-width: inherit
}

.c-tit-mod .c-tit {
	text-align: center;
	font-size: 30px;
	color: #333;
	font-weight: 400;
	line-height: 1
}

.c-tit-mod .c-des {
	text-align: center;
	font-size: 18px;
	color: #666;
	margin: 15px 0 0;
	line-height: 1.5
}

.c-tit-mod .c-des a {
	color: #00a4ff
}

.qc-btn {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
	padding: 0 20px;
	line-height: 26px;
	overflow: visible;
	cursor: pointer;
	border: 1px solid #fff;
	text-align: center;
	border-radius: 2px;
	-webkit-transition: background-color .15s;
	transition: background-color .15s
}

.qc-btn:hover {
	background-color: #2176da;
	border-color: #2176da
}

.qc-navigation .qc-btn {
	font-size: 12px
}

.qc-btn:active {
	background-color: #00a4ff;
	border-color: #00a4ff
}

.qc-btn:focus {
	background-color: #00a4ff;
	border-color: #00a4ff;
	outline: 0
}

.qc-navigation {
	position: relative;
	z-index: 1000;
	height: 65px;
	width: 100%
}

.qc-navigation:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background-color: transparent;
	-webkit-transition: height .2s,background-color .2s;
	transition: height .2s,background-color .2s
}

.qc-navigation-mobile:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background-color: transparent
}

.qc-navigation-hover:before {
	height: 100%;
	background-color: #111;
	background-color: rgba(17,17,17,1);
	-webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
	transition-timing-function: cubic-bezier(.2,1,.3,1)
}

.qc-navigation-mobile-hover:before {
	height: 100%;
	background-color: #111;
	background-color: rgba(17,17,17,.9)
}

.qc-navigation .navigation-inner {
	position: relative;
	max-width: 1200px;
	min-width: 320px;
	margin: 0 auto;
	font-size: 0;
	height: 65px;
	box-sizing: border-box;
	padding-left: 10px
}

.qc-navigation .logo {
	display: inline-block;
	vertical-align: middle
}

.qc-navigation .logo .logo-img {
	display: inline-block;
	vertical-align: middle;
	width: 94px;
	height: 25px
}

.qcloud-logo-lit {
	display: block
}

.qcloud-logo-dark {
	display: none
}

.qc-navigation .categories {
	display: inline-block;
	vertical-align: middle
}

.qc-navigation .categories .menu {
	font-size: 0
}

.qc-navigation .categories .menu>li {
	font-size: 16px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.qc-navigation .categories .menu h2,.qc-navigation-hover .categories .menu h2 {
	font-weight: 400;
	margin: 0
}

.qc-navigation .categories .menu>.presentation h2 a,.user-id {
	display: inline-block;
	padding: 0 10px;
	color: #fff;
	line-height: 65px;
	font-size: 14px;
	-webkit-transition: background-color .4s;
	transition: background-color .4s;
	outline: 0
}

.qc-navigation .categories .menu li.presentation-selected,.qc-navigation .categories .menu li.presentation-selected:hover {
	background-color: #f2f2f2
}

.qc-navigation .categories .menu li.presentation-selected h2 a,.qc-navigation .categories .menu li.presentation-selected:hover h2 a,.qc-navigation .categories .presentation-selected .nav-down-style li a {
	color: #333
}

.nav-down-style {
	position: absolute;
	background-color: #111;
	background-color: rgba(17,17,17,.98);
	left: 0;
	min-width: 100%;
	box-sizing: border-box;
	text-align: left;
	z-index: 100
}

.nav-down-style li {
	display: block;
	float: none
}

.nav-down-style li a {
	color: #999;
	font-size: 14px;
	white-space: nowrap;
	line-height: 30px
}

.nav-down-style li a:hover {
	color: #00a4ff
}

.qc-navigation .nav-down-style-1 .nav-down-list {
	white-space: nowrap;
	font-size: 0;
	margin: 15px 0
}

.qc-navigation .nav-down-style-1 .nav-down-menu {
	display: inline-block;
	vertical-align: top;
	padding-bottom: 10px
}

.qc-navigation .nav-down-style-1 .nav-down-menu:first-child {
	border-right: 1px solid #2E3032
}

.qc-navigation .nav-down-style-1 .nav-down-menu a {
	display: block;
	line-height: 40px;
	padding-left: 30px;
	padding-right: 30px;
	color: #fff;
	white-space: nowrap
}

.qc-navigation .nav-down-style-1 .nav-down-menu a.nav-down-menu-sl,.qc-navigation .nav-down-style-1 .nav-down-menu a:hover {
	background-color: #111;
	color: #00a4ff
}

.qc-navigation .nav-down-style-2 .nav-down-list {
	white-space: nowrap;
	margin: 15px 0 25px;
	font-size: 0
}

.qc-navigation .nav-down-style-2 .nav-down-menu {
	display: table-cell;
	vertical-align: top;
	border-right: 1px solid #2E3032;
	padding-left: 10px;
	padding-right: 10px
}

.qc-navigation .nav-down-style-2 .nav-down-menu ul {
	display: inline-block;
	vertical-align: top
}

.qc-navigation .nav-down-style-2 .nav-down-menu .menu-title {
	color: #888;
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
	height: 40px;
	line-height: 40px
}

.qc-navigation .nav-down-style-2 .nav-down-menu li a {
	padding-left: 20px;
	padding-right: 20px;
	line-height: 40px;
	display: block;
	min-width: 4em;
	color: #fff
}

.qc-navigation .nav-down-style-2 .nav-down-menu li a:hover,.qc-navigation .nav-down-style-2 .nav-down-menu li.actived a {
	color: #00a4ff;
	background-color: #111
}

.qc-navigation .nav-down-style-2 .nav-down-menu .menu-title img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.qc-navigation .nav-down-style-2 .nav-down-menu.last {
	border-right: none;
	margin-right: 0
}

.qc-navigation .nav-down-style-3 {
	width: 965px
}

.qc-navigation .nav-down-style-3 .nav-down-flyout {
	width: 235px;
	display: table-cell;
	padding-top: 20px;
	padding-bottom: 20px
}

.qc-navigation .nav-down-style-3 .nav-down-flyout li {
	position: relative
}

.qc-navigation .nav-down-style-3 .nav-down-flyout .title {
	color: #fff;
	font-size: 14px;
	display: block;
	padding: 0 20px 0 30px;
	line-height: 40px
}

.qc-navigation .nav-down-style-3 .nav-down-flyout .cur .title,.qc-navigation .nav-down-style-3 .nav-down-flyout .title:hover {
	background-color: #111;
	color: #00a4ff
}

.qc-navigation .nav-down-style-3 .nav-down-flyout .cur .title .icon,.qc-navigation .nav-down-style-3 .nav-down-flyout .title:hover .icon {
	display: none
}

.qc-navigation .nav-down-style-3 .nav-down-flyout .cur .title .icon-h,.qc-navigation .nav-down-style-3 .nav-down-flyout .title:hover .icon-h {
	display: inline-block
}

.qc-navigation .nav-down-style-3 .nav-down-flyout .title:hover {
	cursor: default
}

.qc-navigation .nav-down-style-3 .nav-down-flyout .title .icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 15px;
	vertical-align: middle
}

.qc-navigation .nav-down-style-3 .nav-down-flyout .title .icon-h {
	display: none;
	width: 16px;
	height: 16px;
	margin-right: 15px;
	vertical-align: middle
}

.qc-navigation .nav-down-style-3 .nav-down-flyout .title .icon-tran-right {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.png);
	width: 6px;
	height: 10px;
	display: inline-block;
	position: absolute;
	top: 15px;
	right: 20px;
	background-position: -43px -80px
}

.qc-navigation .nav-down-style-3 .nav-down-flyout .cur .icon-tran-right,.qc-navigation .nav-down-style-3 .nav-down-flyout .title:hover .icon-tran-right {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.png);
	background-position: -88px -40px
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct {
	margin-left: 235px;
	border-left: 1px solid #2F3133;
	padding-top: 13px;
	padding-bottom: 13px;
	display: table-cell;
	vertical-align: top
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-item {
	padding: 8px 0 8px 30px
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-title {
	font-size: 14px;
	color: #333;
	display: inline-block;
	padding-right: 15px
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-title h4 {
	font-weight: 400;
	font-size: 14px;
	color: #fff
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .activity {
	display: inline-block;
	color: #fff;
	background-color: #ff7200;
	font-size: 12px;
	padding: 0 5px;
	height: 16px;
	line-height: 14px;
	border-radius: 2px
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .des-text {
	color: #888;
	line-height: 25px;
	font-size: 12px
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-title:hover h4 {
	color: #00a4ff
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-pd {
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px solid #2F3133
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-pd .link {
	margin-right: 40px;
	font-size: 12px;
	color: #999
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-pd .link:hover {
	color: #00a4ff
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-left,.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-right {
	display: table-cell;
	vertical-align: top
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-left .ct-item,.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-right .ct-item {
	width: 315px
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-left.left-single .ct-item {
	width: 455px
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .right-pushing {
	max-width: 200px;
	height: 100%;
	border-left: 1px solid #2F3133;
	padding-left: 30px;
	padding-top: 10px
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .pushing-ct {
	margin-bottom: 20px
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .right-pushing .title {
	font-size: 14px;
	color: #fff;
	font-weight: 400
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .right-pushing .ct-list a {
	font-size: 12px;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
	vertical-align: middle
}

.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .right-pushing .ct-list li:before {
	content: "\2022\20";
	color: #00a4ff;
	padding-right: 5px;
	font-size: 14px
}

.qc-navigation .operation {
	font-size: 0;
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%
}

.qc-navigation .operation:before {
	display: inline-block;
	content: "";
	width: 0;
	height: 100%;
	vertical-align: middle;
	font-size: 0
}

.qc-navigation .search {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 136px;
	height: 30px;
	line-height: 1;
	text-align: left;
	margin-right: 20px;
	border: 1px solid #fff;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border-color .2s;
	transition: border-color .2s
}

.qc-navigation .search .search-ipt {
	border-width: 0;
	background-color: transparent;
	width: 78.6%;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	outline: 0;
	color: #fff;
	font-size: 14px
}

.qc-navigation .search .bt-search {
	position: absolute;
	top: 4px;
	right: 10px;
	border-width: 0;
	background-color: transparent;
	width: 20px;
	outline: 0
}

.qc-navigation .search .bt-search .icon-search {
	display: inline-block;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.png);
	width: 15px;
	height: 16px;
	opacity: .4;
	filter: alpha(opacity=40);
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	background-position: 0px -80px
}

.qc-navigation .search .nav-down-style-1 {
	top: 46px
}

.qc-navigation .search .nav-down-style-1 .nav-down-menu:first-child {
	border-right: none;
	max-width: 208px
}

.qc-navigation .login {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 0
}

.qc-navigation .login .text {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	border-radius: 2px
}

.qc-navigation .login .text:hover {
	background-color: #111;
	color: #00a4ff
}

.qc-navigation .login .stick {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	height: 14px;
	border-left: 1px solid #fff;
	opacity: .4;
	filter: alpha(opacity=40)
}

.qc-navigation .login .login-op {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	margin-right: 5px
}

.state-log-in {
	font-size: 14px;
	position: relative
}

.state-log-in .user-id {
	vertical-align: top;
	position: relative;
	padding-left: 10px;
	padding-right: 10px
}

.state-log-in .user-name {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	max-width: 6em;
	vertical-align: top;
	padding-right: 12px;
	font-size: 12px
}

.state-log-in .user-id .triangle-down {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 4px;
	border-style: solid dashed dashed;
	border-color: #fff transparent transparent;
	position: absolute;
	top: 31px;
	right: 8px
}

.qc-navigation .state-log-in .nav-down-style-1 .nav-down-menu:first-child {
	border-right: none
}

.icon-cart {
	display: inline-block;
	vertical-align: -3px;
	width: 16px;
	height: 16px;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.png);
	margin-right: 8px;
	background-position: 0px -62px
}

.operation .link-mc {
	border-color: #fff;
	border-color: rgba(255,255,255,.2)
}

.qc-navigation-dark .qcloud-logo-lit {
	display: none
}

.qc-navigation-dark .qcloud-logo-dark {
	display: block
}

.qc-navigation-dark .categories .menu>.presentation h2 a,.qc-navigation-dark .login .text,.qc-navigation-dark .state-log-in .user-id {
	color: #333
}

.qc-navigation-dark .icon-cart {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.png);
	background-position: -96px 0px
}

.qc-navigation-dark .search {
	border-color: #333;
	border-color: rgba(51,51,51,.2)
}

.qc-navigation-dark .login .stick {
	border-color: #333
}

.qc-navigation-dark .search .bt-search .icon-search {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.png);
	background-position: -96px -54px
}

.qc-navigation-dark .operation .link-mc {
	color: #333;
	border-color: #333;
	border-color: rgba(51,51,51,.2)
}

.qc-navigation-dark .operation .link-mc:hover {
	border-color: #2176da
}

.qc-navigation-dark .state-log-in .user-id .triangle-down {
	border-color: #888 transparent transparent
}

.qc-navigation-hover .qcloud-logo-lit {
	display: block
}

.qc-navigation-hover .qcloud-logo-dark {
	display: none
}

.qc-navigation-hover .categories .menu>.presentation h2 a,.qc-navigation-hover .state-log-in .user-id {
	color: #fff
}

.qc-navigation-hover .icon-cart {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.png);
	background-position: -96px 0px
}

.qc-navigation-hover .login .stick {
	border-color: #fff
}

.qc-navigation-hover .search .bt-search .icon-search {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.png);
	opacity: .6;
	filter: alpha(opacity=60);
	background-position: 0px -80px
}

.qc-navigation-hover .search:hover .bt-search .icon-search {
	opacity: 1;
	filter: alpha(opacity=100)
}

.qc-navigation-hover .operation .link-mc {
	color: #fff
}

.qc-navigation-hover .search {
	border-color: #bababa;
	border-color: rgba(186,186,186,.2)
}

.qc-navigation-hover .search:hover {
	border-color: #bababa;
	border-color: rgba(186,186,186,.4)
}

.qc-navigation .categories .menu>.presentation.cur h2 a,.state-log-in:hover .user-id,.user-id:hover {
	background-color: #111;
	background-color: rgba(17,17,17,.5);
	color: #00a4ff
}

.qc-navigation-hover.qc-navigation-dark .categories .menu>.presentation h2 a,.qc-navigation-hover.qc-navigation-dark .login .text,.qc-navigation-hover.qc-navigation-dark .state-log-in .user-id {
	color: #fff
}

.qc-navigation-hover.qc-navigation-dark .operation .link-mc {
	border-color: #fff;
	border-color: rgba(255,255,255,.2)
}

.qc-navigation-hover.qc-navigation-dark .operation .link-mc:hover {
	border-color: #2176da
}

.qc-navigation-hover.qc-navigation-dark .state-log-in .user-id .triangle-down {
	border-color: #fff transparent transparent
}

.qc-navigation-mini .logo-text {
	color: #fff;
	line-height: 35px;
	height: 35px;
	float: left;
	font-weight: 400;
	margin-left: 10px
}

.qc-navigation-mini .logo-text:after {
	display: inline-block;
	content: "";
	height: 100%;
	width: 0;
	overflow: hidden;
	vertical-align: middle
}

.qc-navigation-mini .logo-text img {
	vertical-align: middle
}

.qc-navigation-mini .logo-text .icon-logo {
	vertical-align: middle;
	width: 65px;
	height: 18px;
	display: inline-block;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 48.26% 20.979999999999997%;
	background-size: 409.23076923076917% 1344.4444444444446%;
	;background-repeat: no-repeat
}

.international .qc-navigation-mini .logo-text .icon-logo {
	width: 115px;
	height: 17px;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 0.66% 12.44%;
	background-size: 231.30434782608694% 1423.5294117647059%;
	;background-repeat: no-repeat
}

.qc-navigation-mini .login .text,.qc-navigation-mini .operation .link-mc,.qc-navigation-mini .state-log-in .user-name {
	font-size: 12px
}

.qc-navigation.qc-navigation-mini,.qc-navigation.qc-navigation-mini .navigation-inner {
	height: 35px
}

.qc-navigation-mini.qc-navigation .categories .menu>.presentation h2 a,.qc-navigation-mini.qc-navigation .user-id {
	line-height: 35px
}

.qc-navigation-mini.qc-navigation .state-log-in .user-id .triangle-down {
	top: 15px
}

.qc-navigation .search .bt-search,.qc-navigation-mini .search {
	height: 24px
}

.qc-navigation-mini .search .search-ipt {
	height: 24px;
	font-size: 12px
}

.qc-navigation-mini.qc-navigation .search .bt-search {
	top: 1px
}

.qc-navigation-mobile {
	display: none;
	position: relative;
	z-index: 100;
	width: 100%;
	min-width: 320px;
	-webkit-transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
	-o-transition: background-color .5s ease-in-out;
	transition: background-color .5s ease-in-out
}

.qc-navigation-mobile .lang {
	display: block;
	margin: 20px 15px;
	padding: 0 !important;
	text-align: center
}

.qc-navigation-mobile,.qc-navigation-mobile .navigation-inner {
	height: 55px
}

.qc-navigation-mobile .navigation-bar {
	font-size: 0;
	padding-left: 20px;
	padding-right: 10px;
	height: 50px;
	padding-top: 5px
}

.qc-navigation-mobile .area-left {
	display: inline-block;
	width: 50%;
	vertical-align: middle
}

.qc-navigation-mobile .logo-img {
	display: block
}

.qc-navigation-mobile .logo-img img {
	width: 94px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.qc-navigation-mobile .area-left .qcloud-logo-dark {
	display: none
}

.qc-navigation-mobile.qc-navigation-mobile-dark .area-left .qcloud-logo-dark {
	display: block
}

.qc-navigation-mobile.qc-navigation-mobile-dark .area-left .qcloud-logo-lit {
	display: none
}

.qc-navigation-mobile .area-right {
	display: inline-block;
	width: 50%;
	vertical-align: middle
}

.qc-navigation-mobile .nav-mobile-button {
	float: right;
	position: relative;
	display: inline-block
}

.qc-navigation-mobile .m-more {
	padding: 11px 6px
}

.qc-navigation-mobile .m-close {
	padding: 10px 10px 15px
}

.qc-navigation-mobile .m-search {
	padding: 10px 10px 13px
}

.qc-navigation-mobile .m-more .button-img {
	display: inline-block;
	width: 27px;
	height: 22px;
	background-image: url(https://static.digiwin.com/tw/static/css/img/home/responsive/m-sprite-nav.png);
	background-size: 98px auto;
	background-repeat: no-repeat
}

.qc-navigation-mobile.qc-navigation-mobile-dark .m-more .button-img {
	display: inline-block;
	width: 27px;
	height: 22px;
	background-image: url(https://static.digiwin.com/tw/static/css/img/home/responsive/m-sprite-nav.png);
	background-size: 98px auto;
	background-position: -70px 0;
	background-repeat: no-repeat
}

.qc-navigation-mobile .m-search .button-img {
	display: inline-block;
	width: 21px;
	height: 21px;
	background-image: url(https://static.digiwin.com/tw/static/css/img/home/responsive/m-sprite-nav.png);
	background-size: 98px auto;
	background-position: -29px 0;
	background-repeat: no-repeat
}

.qc-navigation-mobile .m-close .button-img {
	display: inline-block;
	width: 19px;
	height: 19px;
	background-image: url(https://static.digiwin.com/tw/static/css/img/home/responsive/m-sprite-nav.png);
	background-size: 98px auto;
	background-position: -51px 0;
	background-repeat: no-repeat
}

.qc-navigation-mobile .slice {
	height: 22px;
	border-left: 1px solid #fff;
	border-color: rgba(255,255,255,.3);
	float: right;
	margin-left: 14px;
	margin-right: 14px;
	position: relative;
	margin-top: 11px
}

.qc-navigation-mobile .navigation-bar.m-nav-1 .m-close,.qc-navigation-mobile .navigation-bar.m-nav-1 .m-pre,.qc-navigation-mobile .navigation-bar.m-nav-1 .slice,.qc-navigation-mobile .navigation-bar.m-nav-2 .m-more,.qc-navigation-mobile .navigation-bar.m-nav-2 .slice {
	display: none
}

.qc-navigation-mobile .navigation-bar.m-nav-2 .m-close {
	display: inline-block
}

.qc-navigation-mobile .navigation-bar.m-nav-3,.qc-navigation-mobile .navigation-bar.m-nav-4 {
	padding-left: 15px
}

.qc-navigation-mobile .navigation-bar.m-nav-3 .logo,.qc-navigation-mobile .navigation-bar.m-nav-3 .slice {
	display: none
}

.qc-navigation-mobile .navigation-bar.m-nav-5 {
	padding-left: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.qc-navigation-mobile .navigation-bar.m-nav-5 :active {
	-webkit-tap-highlight-color: transparent
}

.qc-navigation-mobile .navigation-bar.m-nav-5 .m-search {
	float: none
}

.qc-navigation-mobile .navigation-bar.m-nav-5 .button-img {
	position: relative;
	top: 1px
}

.qc-navigation-mobile .navigation-bar.m-nav-5 .area-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.qc-navigation-mobile .navigation-bar.m-nav-5 form {
	display: inline-block;
	position: relative;
	width: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.qc-navigation-mobile .navigation-bar.m-nav-5 .area-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: auto
}

.qc-navigation-mobile .navigation-bar.m-nav-5 .search {
	width: 100%
}

.qc-navigation-mobile .navigation-bar.m-nav-5 .search::-webkit-search-cancel-button,.qc-navigation-mobile .navigation-bar.m-nav-5 .search::-webkit-search-decoration,.qc-navigation-mobile .navigation-bar.m-nav-5 .search::-webkit-search-results-button,.qc-navigation-mobile .navigation-bar.m-nav-5 .search::-webkit-search-results-decoration {
	display: none
}

.qc-navigation-mobile .navigation-bar.m-nav-5 .search-clear {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px
}

.qc-navigation-mobile .navigation-bar.m-nav-5 .search-clear i {
	position: relative;
	top: -2px;
	display: inline-block;
	vertical-align: middle;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: #a2a2a2;
	overflow: hidden
}

.qc-navigation-mobile .navigation-bar.m-nav-5 .search-clear i:after,.qc-navigation-mobile .navigation-bar.m-nav-5 .search-clear i:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 3px;
	width: 1px;
	height: 14px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.qc-navigation-mobile .navigation-bar.m-nav-5 .search-clear i:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.qc-navigation-mobile .navigation-bar .search {
	border-width: 0;
	background-color: transparent;
	width: 78.6%;
	padding: 5px 0;
	height: 40px;
	line-height: 30px;
	outline: 0;
	color: #fff;
	font-size: 16px;
	position: relative
}

.qc-navigation-mobile .categories-mobile {
	display: none;
	background-color: #111;
	background-color: rgba(17,17,17,.9);
	border-top: 1px solid #282f37
}

.qc-navigation-mobile .categories-mobile a {
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 400;
	padding-left: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.qc-navigation-mobile .categories-mobile .presentation {
	line-height: 50px;
	position: relative
}

.qc-navigation-mobile .categories-mobile .title {
	position: relative
}

.qc-navigation-mobile .categories-mobile .des {
	font-size: 13px;
	color: #fff;
	opacity: .5;
	padding-left: 20px;
	margin-top: 15px
}

.categories-mobile .presentation .nav-up>a:after,.qc-navigation-mobile .navigation-bar .m-pre:before,.qc-navigation-mobile .presentation .nav-down>a:after,.qc-navigation-mobile .presentation h2>a:after {
	content: '';
	border: 2px solid transparent;
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	position: absolute;
	top: 20px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-color: rgba(255,255,255,.5)
}

.categories-mobile .presentation .nav-down>a:after,.qc-navigation-mobile .presentation.nav-down h2>a:after {
	border-top: none;
	border-right: none;
	right: 20px
}

.categories-mobile .presentation .nav-up>a:after,.qc-navigation-mobile .presentation.nav-up h2>a:after {
	border-bottom: none;
	border-left: none;
	right: 20px
}

.categories-mobile .presentation .nav-none>a:after,.qc-navigation-mobile .presentation.nav-down .nav-down-menu,.qc-navigation-mobile .presentation.nav-none h2>a:after {
	display: none
}

.qc-navigation-mobile .presentation.nav-right h2>a:after {
	border-top: none;
	border-left: none;
	right: 20px
}

.qc-navigation-mobile .navigation-bar .m-pre {
	color: #fff;
	font-size: 16px;
	padding-left: 30px;
	position: relative;
	line-height: 22px
}

.qc-navigation-mobile .navigation-bar .m-pre:before {
	border-bottom: none;
	border-right: none;
	left: 15px;
	top: 4px;
	width: 12px;
	height: 12px;
	border-color: rgba(255,255,255,1)
}

.qc-navigation-mobile .presentation .nav-down-menu-detail {
	background: #282a2f
}

.qc-navigation-mobile .presentation .nav-down-menu-detail a {
	padding-left: 40px
}

.qc-navigation-mobile .presentation .nav-down-menu-detail-sub {
	background-color: #36383e
}

.qc-navigation-mobile .presentation .nav-down-menu-detail-sub li:before {
	content: "闁炽儻鎷� ";
	color: #fff;
	position: absolute;
	left: 65px;
	font-weight: 400;
	font-size: 12px
}

.qc-navigation-mobile .presentation .nav-down-menu-detail-sub a {
	padding-left: 80px
}

.qc-navigation-mobile .op {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 30px
}

.qc-navigation-mobile .op li {
	margin-bottom: 15px
}

.qc-navigation-mobile .op .op-btn {
	display: block;
	border: 1px solid #ffb800;
	border-radius: 2px;
	line-height: 35px;
	text-align: center;
	padding-left: 0
}

.qc-navigation-mobile .op .op-btn.btn-style-1 {
	color: #ffb800
}

.qc-navigation-mobile .op .op-btn.btn-style-2 {
	color: #fff;
	border-color: #fff
}

.qc-navigation-mobile .sign-in {
	padding-bottom: 30px;
	text-align: center;
	margin-top: 60px
}

.qc-navigation-mobile .sign-in .sign-in-links {
	font-size: 15px;
	color: #aaa;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px
}

.qc-navigation-mobile .sign-in .stick {
	color: #3a3b3b
}

.qc-navigation-mobile .contact {
	padding-bottom: 40px
}

.qc-navigation-mobile .contact .ct-num {
	color: #aaa;
	text-align: center;
	font-size: 14px;
	padding-left: 0
}

.qc-navigation-mobile .contact .icon {
	display: inline-block;
	width: 13px;
	height: 12px;
	margin-right: 5px
}

.m-scroll-top {
	display: none;
	position: fixed;
	background-color: #fff;
	border-radius: 100%;
	bottom: 30px;
	right: 30px;
	z-index: 100;
	border: 2px solid #d0d0d0
}

.m-scroll-top .btn-top {
	display: block;
	width: 40px;
	height: 40px
}

.m-scroll-top .btn-top:after {
	content: '';
	border: 2px solid #d0d0d0;
	display: block;
	width: 17px;
	height: 17px;
	margin: auto;
	position: absolute;
	top: 16px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-bottom: none;
	border-left: none;
	right: 11px
}

.tc-footer {
	background: #f2f2f2;
	padding: 40px 0 80px;
	min-width: 1000px
}

.tc-footer .tc-footer-columns {
	max-width: 1200px;
	margin: 0 auto;
	font-size: 0;
	text-align: center
}

.tc-footer .columns {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 22.5%;
	margin-bottom: 30px
}

.tc-footer .columns.column-follow {
	width: 10%
}

.tc-footer .columns h3 {
	font-size: 15px;
	color: #333;
	margin-bottom: 10px;
	font-weight: 400;
	padding-left: 10px
}

.tc-footer .columns ul {
	padding-left: 10px
}

.tc-footer .columns ul li,.tc-footer .columns ul li a {
	font-size: 12px;
	color: #777;
	display: block
}

.tc-footer .columns ul li {
	line-height: 26px
}

.tc-footer .columns ul li a:hover {
	color: #3c3c3c
}

.tc-footer .columns .footer-icon {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px
}

.tc-footer .columns .icon-1 {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.png);
	width: 18px;
	height: 15px;
	background-position: -68px -40px
}

.tc-footer .columns .icon-1:hover {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.png);
	background-position: -48px -40px
}

.tc-footer .columns .icon-2 {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.png);
	width: 15px;
	height: 19px;
	background-position: -65px -19px
}

.tc-footer .columns .icon-2:hover {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.png);
	background-position: -48px -19px
}

.tc-footer .column-certification {
	width: 20%
}

.tc-footer .column-certification .certification {
	margin-bottom: 15px;
	font-size: 0
}

.tc-footer .column-certification .certification .ct-img {
	display: inline-block;
	vertical-align: top;
	width: 26%
}

.tc-footer .column-certification .certification .information {
	display: inline-block;
	vertical-align: top;
	width: 74%
}

.tc-footer .column-certification .certification .information h3 {
	font-size: 12px;
	margin-bottom: 0
}

.tc-footer .column-certification .certification .information li {
	line-height: 20px
}

.tc-footer .column-certification .certification .information .text {
	margin-right: 15%
}

.tc-footer .tc-footer-copyright {
	text-align: center
}

.tc-footer .tc-footer-copyright .department,.tc-footer .tc-footer-copyright .department a {
	font-size: 14px;
	color: #777
}

.tc-footer .tc-footer-copyright .department a:hover {
	color: #3c3c3c
}

.tc-footer .tc-footer-copyright .department {
	border-bottom: 1px solid #e3e3e3;
	line-height: 35px;
	margin: 0 auto 15px;
	max-width: 1200px
}

.tc-footer .tc-footer-copyright .department .icon-tc {
	display: inline-block;
	width: 94px;
	height: 16px;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.png);
	margin-right: 20px;
	background-position: 0px 0px
}

.tc-footer .tc-footer-copyright .department a {
	white-space: nowrap;
	margin: 0 5px
}

.tc-footer .tc-footer-copyright .links {
	line-height: 20px
}

.tc-footer .tc-footer-copyright .links,.tc-footer .tc-footer-copyright .links a {
	color: #5a5e67;
	font-size: 12px;
	margin: 0 5px
}

.tc-footer .tc-footer-copyright .links a:hover {
	color: #c6c6c6
}

.tc-footer .tc-footer-copyright .links .icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 5px
}

.tc-footer .tc-footer-copyright .links .line-2 .slide {
	margin: 0 5px
}

.tc-footer .tc-footer-copyright .links .last {
	margin-top: 10px
}

.tc-footer .tc-footer-copyright .links .last .slide {
	margin-left: 5px
}

.qc-footer {
	min-width: 1000px
}

.qc-footer-service {
	background: #2e3033
}

.qc-footer-service .footer-service {
	max-width: 1200px;
	font-size: 0;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0;
	border-bottom: 1px solid #45484c
}

.qc-footer-service .fs-list {
	font-size: 0;
	padding-left: 10px;
	padding-right: 10px
}

.qc-footer-service .fs-ct {
	display: inline-block;
	width: 21.5%;
	vertical-align: top;
	text-align: left
}

.qc-footer-service .fs-ct.item-last {
	width: 14%
}

.qc-footer-service .fs-ct .item {
	font-size: 14px;
	color: #fff
}

.qc-footer-service .fs-ct .item .icon {
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-right: 10px
}

.qc-footer-service .fs-ct .item .icon-1 {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 14.96% 72.86%;
	background-size: 831.25% 756.25%;
	;background-repeat: no-repeat
}

.qc-footer-service .fs-ct .item .icon-2 {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 44.019999999999996% 72.86%;
	background-size: 831.25% 756.25%;
	;background-repeat: no-repeat
}

.qc-footer-service .fs-ct .item .icon-3 {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 14.96% 56.67%;
	background-size: 831.25% 756.25%;
	;background-repeat: no-repeat
}

.qc-footer-service .fs-ct .item .icon-4 {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 44.019999999999996% 56.67%;
	background-size: 831.25% 756.25%;
	;background-repeat: no-repeat
}

.qc-footer-service .fs-ct .item .icon-5 {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 73.08% 0.48%;
	background-size: 831.25% 756.25%;
	;background-repeat: no-repeat
}

.qc-footer-service .fs-ct .item:hover {
	color: #00a4ff
}

.qc-footer-service .fs-ct .item:hover .icon-1 {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 29.49% 72.86%;
	background-size: 831.25% 756.25%;
	;background-repeat: no-repeat
}

.qc-footer-service .fs-ct .item:hover .icon-2 {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 73.08% 72.86%;
	background-size: 831.25% 756.25%;
	;background-repeat: no-repeat
}

.qc-footer-service .fs-ct .item:hover .icon-3 {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 29.49% 56.67%;
	background-size: 831.25% 756.25%;
	;background-repeat: no-repeat
}

.qc-footer-service .fs-ct .item:hover .icon-4 {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 58.550000000000004% 56.67%;
	background-size: 831.25% 756.25%;
	;background-repeat: no-repeat
}

.qc-footer-service .fs-ct .item:hover .icon-5 {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 73.08% 16.669999999999998%;
	background-size: 831.25% 756.25%;
	;background-repeat: no-repeat
}

.qc-footer-website {
	background: #2e3033;
	padding: 30px 0 0
}

.qc-footer-website .website-columns {
	max-width: 1180px;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
	border-bottom: 1px solid #45484c;
	padding-left: 10px;
	padding-right: 10px
}

.qc-footer-website .columns {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 21.5%;
	margin-bottom: 20px
}

.qc-footer-website .columns.column-follow {
	width: 14%
}

.qc-footer-website .columns h3 {
	margin-bottom: 15px
}

.qc-footer-website .columns .ct-title {
	font-size: 14px;
	color: #fff;
	font-weight: 400
}

.qc-footer-website .columns ul li,.qc-footer-website .columns ul li a {
	font-size: 12px;
	color: #bbb;
	display: block
}

.qc-footer-website .columns ul li {
	line-height: 26px
}

.qc-footer-website .columns ul li a:hover {
	color: #00a4ff
}

.qc-footer-website-node-wechat img {
	width: 62px;
	height: 62px
}

.qc-footer-website .columns .footer-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.qc-footer-website .columns .m-text {
	display: none
}

.qc-footer-website .columns .icon-1 {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;width: 16px;
	height: 16px;
	background-position: 14.799999999999999% 91.59%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.qc-footer-website .columns .icon-1:hover {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 47.199999999999996% 12.389999999999999%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.qc-footer-website .columns .icon-2 {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;width: 16px;
	height: 16px;
	position: relative;
	background-position: 29.2% 91.59%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.qc-footer-website .columns .icon-2:hover {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 36.4% 91.59%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.qc-footer-website .columns .qr-img {
	display: none;
	position: absolute;
	bottom: 23px;
	left: -33px
}

.qc-footer-website .columns .icon-2:hover .qr-img {
	display: block
}

.qc-footer-website .m-call {
	display: none
}

.qc-footer-website .m-qr {
	display: none;
	text-align: center;
	position: fixed;
	width: 100%;
	z-index: 110;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: #000;
	background-color: rgba(0,0,0,.8)
}

.qc-footer-website .m-qr .qr-img {
	width: 200px;
	height: 200px;
	margin: 100px auto 0
}

.qc-footer-website .m-qr .op {
	text-align: center;
	font-size: 14px;
	color: #ccc;
	line-height: 40px
}

.qc-footer-blogroll {
	background: #2e3033;
	text-align: left;
	padding-top: 25px;
	padding-bottom: 35px
}

.qc-footer-blogroll .blogroll-inner {
	margin: 0 auto;
	max-width: 1180px;
	position: relative;
	padding-left: 10px;
	padding-right: 10px
}

.qc-footer-blogroll .link-set {
	display: inline-block
}

.qc-footer-blogroll .department {
	line-height: 32px
}

.qc-footer-blogroll .slide {
	color: #bbb;
	font-size: 12px;
	margin-right: 10px;
	word-wrap: break-word
}

.qc-footer-blogroll a.slide:hover {
	color: #00a4ff
}

.qc-footer-blogroll .department .icon-tc {
	display: inline-block;
	width: 91px;
	height: 16px;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;margin-right: 20px;
	background-position: 0.5700000000000001% 44.690000000000005%;
	background-size: 292.30769230769226% 1512.5%;
	;background-repeat: no-repeat
}

.qc-footer-blogroll .links {
	line-height: 20px
}

.qc-footer-blogroll .locale {
	position: absolute;
	bottom: 0;
	right: 10px
}

.qc-footer-blogroll .locale .locale-link {
	color: #ccc;
	font-size: 12px
}

.qc-footer-blogroll .locale .locale-link.selected,.qc-footer-blogroll .locale .locale-link:hover {
	color: #00a4ff
}

.qc-footer-blogroll .locale .stick {
	color: #ccc;
	font-size: 10px;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px
}

body.ie8 .qc-navigation .logo {
	margin-right: 1%
}

.user-id,body.ie8 .qc-navigation .categories .menu>.presentation h2 a {
	font-size: 14px;
	padding: 0 10px
}

.qc-btn body.ie8 .operation .link-mc,body.ie8 .qc-navigation .login .text {
	font-size: 12px
}

body.ie8 .qc-navigation .search {
	margin-right: 10px
}

body.ie8 .qc-navigation .login .text {
	padding-left: 5px;
	padding-right: 5px
}

body.ie8 .qc-navigation .login .login-op {
	margin-right: 15px
}

body.ie8 .qc-navigation-hover:before {
	background-color: #111
}

body.ie8 .qc-navigation-hover .state-log-in .user-id {
	width: 6em
}

.toolbar-search-mask {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=40);
	z-index: 1
}

.qc-navigation .toolbar-search {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	z-index: 2
}

.qc-navigation .bt-search-close,.qc-navigation .toolbar-search .bt-search {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	padding: 4px 0 0;
	text-align: center;
	border-radius: 2px
}

.qc-navigation .toolbar-search .bt-search .icon-search {
	display: inline-block;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;width: 16px;
	height: 16px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 86.8% 99.56%;
	background-size: 1662.5% 1512.5%;
}

.qc-navigation .bt-search-close:hover,.qc-navigation .toolbar-search .bt-search:hover {
	background-color: #111
}

.qc-navigation .toolbar-search .bt-search:hover .icon-search {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 99.6% 0.44%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.qc-navigation .icon-search-close {
	display: inline-block;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;width: 16px;
	height: 16px;
	overflow: hidden;
	background-position: 50.8% 91.59%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.qc-navigation .bt-search-close:hover .icon-search-close {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 92.4% 0.44%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.qc-navigation .g-search-bar {
	background-color: #111;
	opacity: .95;
	position: absolute;
	top: 65px;
	left: 0;
	width: 100%;
	padding: 15px 0;
	z-index: 99
}

.qc-navigation .g-search-bar .g-search-bar-inner {
	position: relative;
	max-width: 1200px;
	min-width: 320px;
	margin: 0 auto
}

.qc-navigation .g-search-bar .g-search-box {
	margin: 0 auto;
	font-size: 0;
	text-align: center;
	max-width: 620px;
	position: relative;
	white-space: normal
}

.qc-navigation .g-search-bar .g-search-box .nav-down-style-1 {
	top: 36px
}

.qc-navigation .g-search-bar .g-search-box .nav-down-style-1 .nav-down-menu {
	display: block
}

.qc-navigation .g-search-bar .g-search-box .nav-down-style-1 .nav-down-menu:first-child {
	border: 0
}

.qc-navigation .g-search-bar .g-search-box .bt-search,.qc-navigation .g-search-bar .g-search-box .search-ipt {
	height: 35px;
	border: 0;
	background-color: #fff;
	vertical-align: middle;
	box-sizing: border-box !important
}

.qc-navigation .g-search-bar .g-search-box .search-ipt {
	width: 90%;
	padding: 5px;
	border-radius: 2px 0 0 2px
}

.qc-navigation .g-search-bar .g-search-box .search-ipt:focus {
	border: 0;
	outline: 0
}

.qc-navigation .g-search-bar .g-search-box .bt-search {
	width: 10%;
	border-radius: 0 2px 2px 0;
	position: relative
}

.qc-navigation .g-search-bar .g-search-box .bt-search:focus,.qc-navigation .g-search-bar .g-search-box .bt-search:hover {
	background-color: #00a4ff;
	color: #fff
}



.qc-navigation .nav-dropdown-canvas {
	background-color: rgba(17,17,17,.98);
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index: 100
}

.qc-navigation .nav-dropdown-canvas.show {
	height: auto
}

.nav-dropdown-inner {
	position: relative;
	max-width: 1200px;
	min-width: 1000px;
	min-height: 500px;
	margin: 0 auto;
	font-size: 0
}

.qc-navigation .menu-level-1,.qc-navigation .menu-level-2 {
	border-right: #282828 1px solid;
	font-size: 14px;
	width: 190px;
	height: 100%;
	box-sizing: border-box;
	padding-top: 20px;
	position: absolute
}

.qc-navigation .menu-level-1 a,.qc-navigation .menu-level-2 a {
	display: block;
	height: 40px;
	line-height: 40px;
	color: #e5e5e5;
	box-sizing: border-box;
	padding-left: 20px;
	position: relative
}

.qc-navigation .menu-level-1 a:after,.qc-navigation .menu-level-2 a:after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-repeat: no-repeat;
	top: 12px;
	right: 10px;
	background-position: 92.4% 72.11999999999999%;
	background-size: 1662.5% 1512.5%;
}

.qc-navigation .menu-level-1 a:hover:after,.qc-navigation .menu-level-2 a:hover:after {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 92.4% 80.08999999999999%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.qc-navigation .menu-level-1 .menu-all a:after {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 92.4% 56.19%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.qc-navigation .menu-level-1 .menu-all a:hover:after {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 22% 91.59%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.qc-navigation .menu-level-1 a:hover,.qc-navigation .menu-level-1 li.curr a,.qc-navigation .menu-level-2 a:hover,.qc-navigation .menu-level-2 li.curr a {
	color: #00a4ff;
	background-color: rgba(36,36,36,.8)
}

.qc-navigation .menu-level-1 li.curr a:after,.qc-navigation .menu-level-2 li.curr a:after {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 92.4% 80.08999999999999%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.qc-navigation .menu-level-1 .menu-all.curr a:after {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 22% 91.59%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.qc-navigation .menu-level-3 {
	min-width: 600px;
	margin-left: 190px
}

.qc-navigation .menu-list-wrap {
	margin-left: 190px
}

.qc-navigation .menu-list-wrap .menu-list {
	font-size: 0
}

.qc-navigation .menu-list-col {
	box-sizing: border-box;
	padding: 15px 0 0 18px;
	display: inline-block;
	vertical-align: top;
	width: 50%
}

.qc-navigation .menu-list-col .menu-area {
	margin-bottom: 15px
}

.qc-navigation .menu-list-col .menu-area-tit {
	font-size: 14px;
	color: #888;
	padding-bottom: 5px
}

.qc-navigation .menu-list-col .menu-area-tit em {
	vertical-align: middle
}

.qc-navigation .menu-list-col .menu-area-con {
	color: #888
}

.qc-navigation .menu-list-col .menu-item {
	margin-top: 5px
}

.qc-navigation .menu-list-col .menu-item .hover-area {
	padding: 10px 20px;
	display: block;
	background-color: rgba(36,36,36,.8);
	transition: all .4s
}

.qc-navigation .menu-list-col .menu-item.hasitem {
	padding: 10px 20px;
	background-color: rgba(36,36,36,.8)
}

.qc-navigation .menu-list-col .menu-item-tit {
	font-size: 14px;
	margin-bottom: 5px;
	color: #e5e5e5
}

.qc-navigation .menu-list-col .menu-item-tit a {
	color: #f2f2f2;
	vertical-align: middle
}

.qc-navigation .menu-list-col .menu-item .hover-area .menu-item-tit {
	transition: all .4s
}

.qc-navigation .menu-list-col .menu-item .hover-area:hover {
	background-color: rgba(36,36,36,.4)
}

.qc-navigation .menu-list-col .menu-item .hover-area:hover .menu-item-tit {
	color: #00a4ff
}

.qc-navigation .menu-list-col .menu-item-con {
	font-size: 12px;
	color: #888
}

.qc-navigation .menu-list-col .menu-block-list {
	font-size: 0;
	padding-top: 5px
}

.qc-navigation .menu-list-col .menu-block-list li {
	width: 24%;
	display: inline-block;
	margin: 5px 1% 0 0
}

.qc-navigation .menu-item .menu-block-list li:last-child {
	margin-right: 0
}

.qc-navigation .menu-level-3 .menu-list-col .menu-block-list li {
	width: 32%
}

.qc-navigation .menu-list-col .menu-block-list a {
	display: block;
	color: #e5e5e5;
	height: 25px;
	border: 1px solid #343434;
	border-radius: 2px;
	line-height: 23px;
	box-sizing: border-box;
	font-size: 12px;
	text-align: center;
	transition: all .4s
}

.qc-navigation .menu-list-col .menu-block-list a:hover {
	border: 1px solid #00a4ff
}

.qc-navigation .menu-list-col .menu-block a {
	padding: 15px 20px;
	border: 1px solid #343434;
	margin-top: 10px;
	display: block;
	transition: all .4s
}

.qc-navigation .menu-item .menu-block:last-child a {
	margin-top: 5px
}

.qc-navigation .menu-list-col .menu-block-tit {
	color: #fff;
	display: block
}

.qc-navigation .menu-list-col .menu-block span {
	color: #888;
	margin-top: 5px;
	display: inline-block
}

.qc-navigation .menu-list-col .menu-block a:hover {
	border: 1px solid #00a4ff
}

.qc-navigation .menu-list-col .menu-block a:hover .menu-block-tit,.qc-navigation .menu-list-col .menu-block a:hover span,.qc-navigation .menu-list-col a:hover {
	color: #00a4ff
}

.qc-navigation .logo {
	margin-right: 24px
}

.qc-navigation .menu-list-all .menu-list-col {
	width: 20%;
	padding-left: 30px
}

.qc-navigation .menu-list-all .menu-list-col:first-child {
	padding-left: 20px
}

.qc-navigation .menu-list-all .menu-item {
	padding: 0;
	background: 0 0
}

.qc-navigation .menu-list-all .menu-item a {
	display: block;
	height: 20px;
	line-height: 20px;
	padding-left: 0;
	transition: all .4s;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px
}

.qc-navigation .menu-list-all .menu-list-col .menu-area-tit {
	border-bottom: #343434 1px solid;
	padding-bottom: 8px
}

.qc-navigation .menu-list-all .menu-list-col .menu-area-con {
	margin-top: 10px
}


.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .activity:hover {
	background-color: #e66700
}

.qc-navigation .activity {
	display: inline-block;
	color: #fff;
	background-color: #ff7200;
	font-size: 12px;
	padding: 0 5px;
	height: 16px;
	line-height: 16px;
	border-radius: 2px;
	margin-left: 6px;
	vertical-align: 1px
}

.qc-navigation a.activity:hover {
	background-color: #e66700;
	color: #fff;
	text-decoration: none
}

.hero-desc {
	position: absolute;
	clip: rect(1px 1px 1px 1px)
}

.state-log-in .nav-down-style {
	z-index: 101
}

.qc-navigation-mobile .qc-logo {
	display: inline-block;
	height: 25px
}

.qc-navigation-mobile .logo .logo-img .qc-logo {
	width: 94px;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 0.58% 21.66%;
	background-size: 282.97872340425533% 968%;
	;background-repeat: no-repeat
}

.international .qc-navigation-mobile .logo .logo-img .qc-logo {
	width: 168px;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 1.02% 0.45999999999999996%;
	background-size: 158.33333333333331% 968%;
	;background-repeat: no-repeat
}

.international .qc-navigation .logo .logo-img {
	display: inline-block;
	vertical-align: middle;
	width: 168px;
	height: 25px
}

.qc-navigation .qc-logo {
	display: inline-block;
	height: 25px
}

.qc-navigation .logo .logo-img .qc-logo {
	width: 94px;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 0.58% 21.66%;
	background-size: 282.97872340425533% 968%;
	;background-repeat: no-repeat
}

.international .qc-navigation .logo .logo-img .qc-logo {
	width: 168px;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 1.02% 0.45999999999999996%;
	background-size: 158.33333333333331% 968%;
	;background-repeat: no-repeat
}

.qc-btn-reg {
	margin-right: 5px;
	margin-left: 5px;
	background: #fff;
	color: #00a4ff !important;
	opacity: .9;
	border: 0 !important
}

.qc-btn-reg:hover,.qc-navigation-hover .qc-btn-reg {
	color: #fff !important;
	background: #0087fb;
	border: 0 !important
}

.qc-navigation {
	min-width: 320px
}



.c-nav-inner {
	height: 85px;
	position: relative;
	font-size: 0
}

.c-nav-inner:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
	overflow: hidden
}

.c-nav-trigger {
	width: 78px;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	text-align: center;
	cursor: pointer;
	position: relative;
	left: -112px;
	border-right: transparent 1px solid;
	transition: border-color .1s
}

.c-nav-trigger span {
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	padding-left: 10px
}

.c-nav-hover .c-nav-trigger {
	background-color: #2a303c;
	border-right: #202530 1px solid;
	transition: border-color 1s,background-color 1s
}

.c-nav-trigger:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle
}

.c-nav-trigger .c-nav-trigger-icon {
	width: 32px;
	height: 32px;
	display: inline-block;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;vertical-align: middle;
	background-position: 73.08% 32.86%;
	background-size: 831.25% 756.25%;
	;background-repeat: no-repeat
}

.c-nav-trigger.actived .c-nav-trigger-icon {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 73.08% 49.05%;
	background-size: 831.25% 756.25%;
	;background-repeat: no-repeat
}

.c-nav-flyout-trigger {
	width: 102px;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	text-align: center;
	cursor: pointer;
	position: relative;
	left: -112px;
	border-right: transparent 1px solid;
	transition: border-color .1s
}

.c-nav-flyout-trigger span {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	padding-left: 10px
}

.c-nav-hover .c-nav-flyout-trigger {
	background-color: #2a303c;
	border-right: #202530 1px solid;
	transition: border-color 1s,background-color 1s
}

.c-nav-flyout-trigger:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle
}

.c-nav-flyout-trigger .c-nav-flyout-trigger-icon {
	width: 22px;
	height: 18px;
	display: inline-block;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;vertical-align: middle;
	background-position: 84.02% 46.88%;
	background-size: 1209.0909090909092% 1344.4444444444446%;
	;background-repeat: no-repeat
}

.c-nav-flyout-trigger.actived .c-nav-flyout-trigger-icon {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 84.02% 55.800000000000004%;
	background-size: 1209.0909090909092% 1344.4444444444446%;
	;background-repeat: no-repeat
}

.c-nav-flyout-trigger.actived span {
	color: #00a4ff
}

.c-nav-logo {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	position: relative;
	right: -92px
}

.c-nav-logo.lyout {
	right: -126px
}

.c-logo-icon {
	width: 92px;
	height: 25px;
	display: inline-block;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;overflow: hidden;
	text-indent: -10000px;
	background-position: 0.5700000000000001% 34.1%;
	background-size: 289.1304347826087% 968%;
	;background-repeat: no-repeat
}

.c-nav-categories {
	display: inline-block;
	vertical-align: middle
}

.c-nav-categories .presentation {
	font-size: 16px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	/*position: relative*/
}

.c-nav-categories .presentation>a {
	display: inline-block;
	padding: 0 15px;
	color: #fff;
	line-height: 65px;
	font-size: 14px;
	-webkit-transition: background-color .4s;
	transition: background-color .4s
}

.c-nav-categories .presentation.actived>a,.c-nav-categories .presentation.curr>a,.c-nav-categories .presentation>a:hover {
	color: #00a4ff
}

.c-nav-categories .presentation.more .nav-dropdown-btn-txt {
	position: relative;
	top: -1px;
	font-size: 14px
}

.nav-dropdown-canvas {
	position: absolute;
	top: 65px;
	box-shadow: rgba(0,0,0,.25) 5px 0 5px -5px
}

.nav-dropdown-menu {
	width: 300px;
	position: absolute;
	background-color: #f7f8fa;
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: border-box
}

.nav-dropdown-menu .menu-area {
	margin: 0 20px;
	padding: 20px 0 15px;
	border-bottom: #ddd 1px solid
}

.nav-dropdown-menu .menu-area:last-child {
	border-bottom: none
}

.nav-dropdown-menu .menu-area-tit {
	font-weight: 400;
	padding-left: 5px;
	border-bottom: #ddd 1px solid;
	line-height: 34px
}

.nav-dropdown-menu .menu-area-tit a {
	color: #333
}

.nav-dropdown-menu .menu-area-tit a:hover {
	color: #00a4ff
}

.nav-dropdown-menu .menu-area-tit.no-border {
	border: none;
	color: #999
}

.nav-dropdown-menu .menu-link:hover {
	background: #f1f2f4;
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px
}

.nav-dropdown-menu .menu-link>a,.nav-dropdown-menu .menu-link>span {
	display: block;
	color: #333;
	line-height: 35px;
	padding-left: 5px;
	position: relative;
	font-size: 14px
}

.nav-dropdown-menu .menu-link a:after {
	content: '';
	position: absolute;
	right: 5px;
	top: 50%;
	width: 8px;
	height: 12px;
	margin-top: -6px;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 66.28% 59.57%;
	background-size: 3325% 2016.6666666666667%;
	;background-repeat: no-repeat
}

.nav-dropdown-menu .menu-link a:hover,.nav-dropdown-menu .menu-link.actived a,.nav-dropdown-menu .menu-link.curr a {
	color: #00a4ff
}

.nav-dropdown-menu .menu-link a:hover:after,.nav-dropdown-menu .menu-link.actived a:after,.nav-dropdown-menu .menu-link.curr a:after {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 70.16% 59.57%;
	background-size: 3325% 2016.6666666666667%;
	;background-repeat: no-repeat
}

.nav-dropdown-menu.menu-level-1 {
	z-index: 103
}

.nav-dropdown-menu .menu-link.no-child a:after {
	display: none
}

.nav-dropdown-menu.menu-level-2 {
	border-left: #ddd 1px solid;
	z-index: 102
}

.nav-dropdown-menu.menu-level-3 {
	border-left: #ddd 1px solid;
	z-index: 101
}

.nav-dropdown-menu .menu-item {
	display: block;
	line-height: 1.5;
	padding-left: 5px;
	position: relative;
	font-size: 14px;
	padding-top: 7px;
	cursor: pointer;
	margin-bottom: 10px
}

.nav-dropdown-menu .menu-item a {
	color: #333
}

.nav-dropdown-menu .menu-item a h3 {
	font-weight: 400
}

.nav-dropdown-menu .menu-item a span {
	color: #999;
	font-size: 12px;
	display: block;
	padding-top: 5px;
	line-height: 1.8
}

.nav-dropdown-menu .menu-item a:hover h3,.nav-dropdown-menu .menu-item.actived h3,.nav-dropdown-menu .menu-item.curr h3 {
	color: #00a4ff
}

.nav-dropdown-menu .sub-menu-area {
	margin: 0;
	padding-top: 0;
	padding-bottom: 18px;
	border-bottom: none
}

.nav-dropdown-menu .sub-menu-area.last-level {
	padding-bottom: 0
}

.nav-dropdown-menu .sub-menu-area>.menu-area-tit {
	margin-bottom: 10px;
	color: #999;
	line-height: 42px
}

.nav-dropdown-menu .sub-menu-area>.menu-area-tit a {
	color: #999
}

.nav-dropdown-menu .sub-menu-area>.menu-area-tit a:hover {
	color: #00a4ff
}

.nav-dropdown-menu .sub-menu-area .menu-link>a {
	line-height: 30px
}

.nav-dropdown-menu .menu-area.has-sub-menu>.menu-area-tit {
	margin-bottom: 10px;
	border-bottom: none
}

.nav-dropdown-menu::-webkit-scrollbar {
	width: 4px
}

.nav-dropdown-menu::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.3)
}

.nav-dropdown-menu::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,0)
}

.c-nav-operation {
	font-size: 0;
	position: absolute;
	top: 0;
	right: 25px;
	height: 100%;
	
}

.c-nav-operation:after {
	content: '';
	width: 0;
	height: 100%;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle
}

.c-nav-search {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	z-index: 2
}

.c-nav .nav-search-btn,.nav-search-btn-close {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	font-size: 0;
	box-sizing: border-box;
	padding: 3px 0 0;
	text-align: center;
	border-radius: 2px;
	background-color: transparent
}

.c-nav .nav-search-icon {
	display: inline-block;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;width: 16px;
	height: 16px;
	cursor: pointer;
	background-position: 99.6% 8.41%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.c-nav .nav-search-btn:hover .nav-search-icon {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 99.6% 32.300000000000004%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.c-nav .nav-search-btn-close .nav-search-icon {
	display: inline-block;
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;width: 16px;
	height: 16px;
	overflow: hidden;
	background-position: 57.99999999999999% 91.59%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.c-nav .nav-search-btn-close:hover .nav-search-icon {
	background-image: url(https://static.digiwin.com/tw/static/css/sprite/global-201805301132.svg);
	;background-position: 92.4% 8.41%;
	background-size: 1662.5% 1512.5%;
	;background-repeat: no-repeat
}

.c-nav-ctrl {
	display: inline-block;
	vertical-align: middle
}

.c-nav-dropdown-btn {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.nav-dropdown-btn-inner {
	vertical-align: top;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
	color: #fff;
	line-height: 65px;
	font-size: 14px;
	transition: background-color .4s;
	outline: 0
}

.c-nav-dropdown-btn.actived .nav-dropdown-btn-inner,.c-nav-dropdown-btn.curr .nav-dropdown-btn-inner,.c-nav-dropdown-btn:hover .nav-dropdown-btn-inner,.presentation.actived .nav-dropdown-btn-inner,.presentation.curr .nav-dropdown-btn-inner {
	color: #00a4ff
}

.c-nav .nav-dropdown-btn-txt {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 10em;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1
}

.c-nav .current-lang .nav-dropdown-btn-txt {
	padding-right: 0
}

.c-nav .nav-dropdown-mini {
	z-index: 100;
	background-color: #f7f8fa;
	font-size: 14px
}

.c-nav .dropdown-mini-inner .dropdown-mini-list {
	padding-top: 10px;
	padding-bottom: 10px
}

.c-nav .dropdown-mini-inner .dropdown-mini-item {
	line-height: 31px;
	position: relative
}

.c-nav .dropdown-mini-inner .dropdown-mini-item a {
	color: #333;
	display: block;
	padding: 0 15px;
	min-width: 80px
}

.c-nav .dropdown-mini-inner .dropdown-mini-item-inner a {
	display: inline-block;
	padding: 0 0 0 15px;
	min-width: 0
}

.c-nav .dropdown-mini-inner .dropdown-mini-item a:hover,.c-nav .dropdown-mini-inner .dropdown-mini-item.actived a,.c-nav .dropdown-mini-inner .dropdown-mini-item.curr a {
	color: #00a4ff
}

.c-nav .dropdown-mini-inner .dropdown-mini-item.actived a,.c-nav .dropdown-mini-inner .dropdown-mini-item.curr a {
	cursor: default
}

.c-nav .dropdown-mini-data,.c-nav .dropdown-mini-lang {
	font-size: 12px
}

.c-nav .dropdown-mini-inner .dropdown-mini-item .item-aside {
	position: absolute;
	right: 20px;
	top: 0
}

.c-nav-dropdown-btn .c-bubble {
	right: 0
}

.c-nav-dropdown-btn .c-bubble-inner {
	left: 80%;
	border: none;
	border-radius: 0;
	background-color: #f7f8fa;
	box-shadow: none;
	padding: 0
}

.c-nav-dropdown-btn .c-bubble .c-bubble-inner:after,.c-nav-dropdown-btn .c-bubble .c-bubble-inner:before {
	border: 6px dashed transparent
}


.nav-dropdown-data {
	margin-right: -10px
}

.nav-dropdown-data .nav-dropdown-mini {
	min-width: 180px
}

.nav-dropdown-data .c-bubble-inner {
	left: 89%
}

.c-nav-links {
	display: inline-block;
	vertical-align: middle
}

.c-nav-links .link-item {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #fff;
	padding: 0 12px
}

.c-nav-links .link-item:hover {
	color: #00a4ff
}

.c-nav-links .link-item.link-btn {
	height: 27px;
	line-height: 26px;
	border: 1px solid rgba(255,255,255,.2);
	box-sizing: border-box;
	padding: 0 10px
}

.c-nav-links .link-item.link-btn:hover {
	color: #00a4ff
}

.mini-item-nickname {
	max-width: 14em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.mini-item-nickname:hover {
	color: #333 !important
}

.c-nav-dropdown-btn.nav-dropdown-lang .nav-dropdown-mini {
	white-space: nowrap
}

.c-searchbar {
	background-color: #16171a;
	position: absolute;
	top: 65px;
	left: 0;
	width: 100%;
	padding: 15px 0;
	z-index: 5
}




.c-searchbar-box .nav-dropdown-mini {
	width: 100%;
	text-align: left;
	margin-left: 0;
	position: absolute
}

.c-nav .presentation .nav-dropdown-mini {
	margin-left: 0
}

.c-m-tit-lv1,.c-nav-m-ctrl {
	display: none
}

.sr-only {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden
}

.c-nav-m-footer,.c-nav-m-user,.c-nav-m-wrap {
	display: none
}

.c-nav .activity {
	color: #ed702e !important;
	font-size: 12px;
	margin-left: 5px;
	display: inline !important;
	padding: 0 !important;
	line-height: inherit
}

.c-bubble.p-all {
	box-sizing: border-box;
	padding-left: 0px;
	/*pointer-events: none*/
}

.c-bubble.p-all .c-bubble-inner {
	display: inline-block;
	pointer-events: auto;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
	
}


.nav-dropdown-menu-all {
	width:100%;
	min-height:310px;
	/*outline: solid 1px #f30;*/
}

.nav-dropdown-menu-all .menu-list-all {
	font-size: 0;
	white-space: nowrap
}

.c-nav .menu-list-col {
	box-sizing: border-box;
	padding: 15px 0 0 20px;
	display: inline-block;
	vertical-align: top;
	width: 231px;
	white-space: normal
}

.c-nav .menu-list-all .menu-area {
	padding-bottom: 5px;
	margin-bottom: 15px
}

.c-nav .menu-list-all .menu-area-tit {
	font-size: 14px;
	color: #fff;
	padding-bottom: 8px;
	border-bottom: #e5e5e5 1px solid;
	max-width: 190px
}

.c-nav .menu-list-all .menu-area-tit h3 {
	vertical-align: middle;
	display: inline;
	color: #333
}

.c-nav .menu-list-all .menu-area-tit h3 a {
	color: #333
}

.c-nav .menu-list-all .menu-area-tit h3 a:hover {
	color: #00a4ff
}

.c-nav .menu-list-all .menu-item {
	padding: 0;
	background: 0 0;
	margin-top: 8px;
	font-size: 12px
}

.c-nav .menu-list-all .menu-item a {
	display: block;
	height: 18px;
	line-height: 18px;
	padding-left: 0;
	transition: all .4s;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	color: #333
}

.c-nav .menu-list-all .menu-item a:hover,.c-nav .menu-list-all .menu-item.actived a,.c-nav .menu-list-all .menu-item.curr a {
	color: #00a4ff
}

.nav-dropdown-menu .menu-item-child {
	font-size: 0
}

.nav-dropdown-menu .menu-item-child li {
	display: inline-block;
	font-size: 12px;
	margin: 8px 4px 0 0
}

.nav-dropdown-menu .menu-item-child li a {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 3px 10px;
	line-height: 1
}

.nav-dropdown-menu .menu-item-child li a:hover {
	color: #00a4ff;
	border: 1px solid #00a4ff
}

.nav-dropdown-menu .menu-item-child li:last-child:after {
	display: none
}

.nav-dropdown-menu .menu-item.hasitem {
	height: auto;
	line-height: normal
}

.nav-dropdown-menu .menu-item.hasitem a {
	display: block
}

.nav-dropdown-menu .menu-item.hasitem .menu-item-child li a {
	display: inline-block;
	line-height: 1;
	height: auto
}

.nav-dropdown-menu .menu-item.hasitem .menu-item-child li.actived a,.nav-dropdown-menu .menu-item.hasitem .menu-item-child li.curr a {
	color: #00a4ff;
	border: 1px solid #00a4ff
}

.c-nav-mask {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	/*background-color: rgba(0,0,0,.1);*/
	z-index: 99
}

.c-nav .c-bubble-inner {
}

.c-nav-dropdown-btn .c-bubble-top {
	top: 59px
}

.c-nav-dropdown-btn .c-bubble-top .c-bubble-inner {
	margin-top: 6px
}

.c-nav-dropdown-btn .c-bubble-top .c-bubble-inner:after,.c-nav-dropdown-btn .c-bubble-top .c-bubble-inner:before {
	margin-bottom: -6px
}

.c-nav .c-bubble-top {
	top: 57px
}

.c-nav .c-bubble-top .c-bubble-inner {
	margin-top: 8px
}

.c-nav .c-bubble-top .c-bubble-inner:after,.c-nav .c-bubble-top .c-bubble-inner:before {
	margin-bottom: -9px
}




.nav-dropdown-menu-all .container{
	position:relative;
}
.subnav {
	z-index: 999;
	padding: 20px 0;
	background: #f4f4f4;
	width:200px;
	/*left:50%;*/
	/*position:absolute;*/
}

.nav-dropdown-menu-all .xz01{
	 margin-left:-200px;
}

.nav-dropdown-menu-all .xz02{
	margin-left:-100px;
}
.nav-dropdown-menu-all .xz03{
	 margin-left:0px;
}

.nav-dropdown-menu-all .xz04{
	 margin-left:94px;
}

.nav-dropdown-menu-all .xz05{
	 margin-left:210px;
}
.nav-dropdown-menu-all .xz06{
	 margin-left:340px;
}

.subnav a {
	display: block;
	border-top: 0;
	padding: 10px;
	text-align:center;
	font-size: 15.5px;
	line-height: 24px
}


.subnav a:hover {
	color: #fff;
	font-weight: bold;
	background: #3798e4
}

/*.m57{margin-left:-37px;}
.m40{margin-left:57px;}
.m6{margin-left:156px;}
.m7{margin-left:268px;}
.m2{margin-left:397px;}*/
@media(max-width:1024px){
	.c-nav-inner{height:50px;}
}