@font-face {
	font-family: Lato;
	src: url(../fonts/Lato-Regular.woff2) format("woff2"), url(../fonts/Lato-Regular.woff) format("woff"), url(../fonts/Lato-Regular.ttf) format("truetype"), url(../fonts/Lato-Regular.svg#Lato-Regular) format("svg"), url(../fonts/Lato-Regular.eot?#iefix) format("embedded-opentype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: Lato;
	src: url(../fonts/Lato-BlackItalic.woff2) format("woff2"), url(../fonts/Lato-BlackItalic.woff) format("woff"), url(../fonts/Lato-BlackItalic.ttf) format("truetype"), url(../fonts/Lato-BlackItalic.svg#Lato-BlackItalic) format("svg"), url(../fonts/Lato-BlackItalic.eot?#iefix) format("embedded-opentype");
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: Lato;
	src: url(../fonts/Lato-Light.woff2) format("woff2"), url(../fonts/Lato-Light.woff) format("woff"), url(../fonts/Lato-Light.ttf) format("truetype"), url(../fonts/Lato-Light.svg#Lato-Light) format("svg"), url(../fonts/Lato-Light.eot?#iefix) format("embedded-opentype");
	font-weight: 100;
	font-style: normal;
}
html {
	font-size: 16px;
}
body {
	width: 100%; line-height: 1.7; font-family: "Lato","Microsoft JhengHei",sans-serif; font-size: 1rem; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased;
}
html {
	margin: 0px; height: 100%;
}
body {
	margin: 0px; height: 100%;
}
a {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:focus {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
*:focus {
	outline: 0px;
}
*:active {
	outline: 0px;
}
h1 {
	line-height: 1.7; font-size: 100%; font-weight: normal;
}
h2 {
	line-height: 1.7; font-size: 100%; font-weight: normal;
}
h3 {
	line-height: 1.7; font-size: 100%; font-weight: normal;
}
h4 {
	line-height: 1.7; font-size: 100%; font-weight: normal;
}
h5 {
	line-height: 1.7; font-size: 100%; font-weight: normal;
}
h6 {
	line-height: 1.7; font-size: 100%; font-weight: normal;
}
label {
	font-weight: inherit;
}
input {
	outline: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
button {
	outline: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
textarea {
	outline: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
select {
	outline: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
optgroup {
	outline: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
option {
	outline: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
textarea {
	resize: vertical;
}
ol.reset {
	list-style: none; margin: 0px; padding: 0px;
}
ul.reset {
	list-style: none; margin: 0px; padding: 0px;
}
input {
	
}
button {
	
}
textarea {
	
}
select {
	
}
code {
	font-size: 100%;
}
kbd {
	font-size: 100%;
}
samp {
	font-size: 100%;
}
tt {
	font-size: 100%;
}
* {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
*::after {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
*::before {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.pace {
	transform-origin: center top; transition:transform 0s 1.5s; left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 1001; pointer-events: none; -webkit-transition: -webkit-transform 0s; -o-transition: -o-transform 0s 1.5s; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-transform-origin: top center; -webkit-pointer-events: none; -moz-transform-origin: top center; -moz-transition: -moz-transform 0s 1.5s; -webkit-transition-delay: 1.5s;
}
.pace-inactive.pace {
	transform: scale(0); -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0);
}
.pace::before {
	background: rgb(255, 255, 255); transition:opacity 0.5s; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; content: ""; opacity: 1; -webkit-transition: opacity; -o-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition-delay: 0.5s;
}
.pace-inactive.pace::before {
	opacity: 0;
}
.scroll-fade {
	transition:opacity 0.8s, transform 0.8s; opacity: 0; -webkit-transition: opacity 0.8s, -webkit-transform 0.8s; -o-transition: opacity 0.8s, -o-transform 0.8s; -moz-transition: opacity 0.8s, -moz-transform 0.8s;
}
.scroll-view.scroll-fade {
	opacity: 1;
}
.scroll-fade-down {
	transition:opacity 0.8s, transform 0.8s; opacity: 0; transform: translateY(-50px); -webkit-transition: opacity 0.8s, -webkit-transform 0.8s; -o-transition: opacity 0.8s, -o-transform 0.8s; -webkit-transform: translateY(-50px); -moz-transition: opacity 0.8s, -moz-transform 0.8s; -moz-transform: translateY(-50px);
}
.scroll-view.scroll-fade-down {
	opacity: 1;
}
.scroll-view.scroll-fade-down {
	transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);
}
.scroll-fade-up {
	transition:opacity 0.8s, transform 0.8s; opacity: 0; transform: translateY(50px); -webkit-transition: opacity 0.8s, -webkit-transform 0.8s; -o-transition: opacity 0.8s, -o-transform 0.8s; -webkit-transform: translateY(50px); -moz-transition: opacity 0.8s, -moz-transform 0.8s; -moz-transform: translateY(50px);
}
.scroll-view.scroll-fade-up {
	opacity: 1;
}
.scroll-view.scroll-fade-up {
	transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);
}
.scroll-fade-left {
	transition:opacity 0.8s, transform 0.8s; opacity: 0; transform: translateX(-50px); -webkit-transition: opacity 0.8s, -webkit-transform 0.8s; -o-transition: opacity 0.8s, -o-transform 0.8s; -webkit-transform: translateX(-50px); -moz-transition: opacity 0.8s, -moz-transform 0.8s; -moz-transform: translateX(-50px);
}
.scroll-view.scroll-fade-left {
	opacity: 1;
}
.scroll-view.scroll-fade-left {
	transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);
}
.scroll-fade-right {
	transition:opacity 0.8s, transform 0.8s; opacity: 0; transform: translateX(50px); -webkit-transition: opacity 0.8s, -webkit-transform 0.8s; -o-transition: opacity 0.8s, -o-transform 0.8s; -webkit-transform: translateX(50px); -moz-transition: opacity 0.8s, -moz-transform 0.8s; -moz-transform: translateX(50px);
}
.scroll-view.scroll-fade-right {
	opacity: 1;
}
.scroll-view.scroll-fade-right {
	transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);
}
.scroll-img-scale {
	transition:transform 2.5s 0.15s; transform: scale(1.15); -webkit-transition: -webkit-transform 2.5s; -o-transition: -o-transform 2.5s 0.15s; -webkit-transform: scale(1.15, 1.15); -moz-transition: -moz-transform 2.5s 0.15s; -webkit-transition-delay: 0.15s; -moz-transform: scale(1.15, 1.15);
}
.scroll-view.scroll-img-scale {
	transform: scale(1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1);
}

.g-wrap {
	width:100%;overflow: hidden; position: relative; z-index: 1;
}
.container-1400 {
	margin: auto; padding: 0px 0px; max-width:1400px;
}
.d-text .letter {
	display: inline-block;
}
.no-data {
	padding: 100px 0px; text-align: center; color: rgb(51, 51, 51); font-size: 1rem;
}
.g-box {
	background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(150, 194, 78) rgb(221, 221, 221) rgb(221, 221, 221); padding: 50px; border-image: none;
}
.text-edit img {
	height: auto !important; max-width: 100%;
}

@media only screen and (min-width:991px)
{
.bread-crumb li a:hover {
	text-decoration: underline;
}
}
.orange {
	color: rgb(253, 139, 37);
}
.green {
	color: rgb(150, 194, 78);
}
.g-button {
	background: rgb(51, 51, 51); margin: 30px auto; border-radius: 4px; border: 0px currentColor; transition:0.6s; border-image: none; width: 200px; height: 55px; text-align: center; color: rgb(204, 204, 204); line-height: 55px; overflow: hidden; font-size: 1.06rem; display: block; position: relative; max-width: 100%; -webkit-transition: 0.6s; -o-transition: 0.6s; -moz-transition: 0.6s;
}


.g-button:focus {
	outline: 0px;
}
.g-button::before {
	top: 0px; display: block; position: absolute; content: ""; transform: translateX(-100px) skewX(-15deg); -webkit-transform: translateX(-100px) skewX(-15deg); -moz-transform: translateX(-100px) skewX(-15deg);
}
.g-button::after {
	top: 0px; display: block; position: absolute; content: ""; transform: translateX(-100px) skewX(-15deg); -webkit-transform: translateX(-100px) skewX(-15deg); -moz-transform: translateX(-100px) skewX(-15deg);
}
.g-button::before {
	background: rgba(255, 255, 255, 0.5); left: 0px; width: 60px; height: 100%; opacity: 0.5; -webkit-filter: blur(30px);
}
.g-button::after {
	background: rgba(255, 255, 255, 0.2); left: 30px; width: 30px; height: 100%; opacity: 0; -webkit-filter: blur(5px);
}
@media only screen and (min-width:991px)
{
.g-button:hover {
	background: rgb(254, 196, 38); color: rgb(255, 255, 255); cursor: pointer;
}
.g-button:hover::before {
	transition:0.7s; transform: translateX(300px) skewX(-15deg); -webkit-transition: 0.7s; -o-transition: 0.7s; -webkit-transform: translateX(300px) skewX(-15deg); -moz-transition: 0.7s; -moz-transform: translateX(300px) skewX(-15deg);
}
.g-button:hover::after {
	transition:0.7s; transform: translateX(300px) skewX(-15deg); -webkit-transition: 0.7s; -o-transition: 0.7s; -webkit-transform: translateX(300px) skewX(-15deg); -moz-transition: 0.7s; -moz-transform: translateX(300px) skewX(-15deg);
}
.g-button:hover::before {
	opacity: 0.6;
}
.g-button:hover::after {
	opacity: 1;
}
}







#scrollUp {
	background: rgb(198, 0, 0); padding: 22px 0px 0px; border-radius: 100%; width: 50px; height: 50px; right: 3%; bottom: 50px; font-size: 0px; display: block; position: fixed; z-index: 101;
}
#scrollUp::before {
		margin: 0px auto; width: 13px; height: 13px; border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top-width: 2px; border-right-width: 2px; border-top-style: solid; border-right-style: solid; display: block; position: relative; content: ""; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
}

.show#scrollUp {
	bottom: 50px; opacity: 1; transform: scale(1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1);
}

@media only screen and (min-width:991px)
{
#scrollUp:hover {
	bottom: 55px;
}
}
@media only screen and (max-width:990px)
{
.show#scrollUp {
	bottom: 60px;
}
}
.header {
	transition:height 0.5s; left: 0px; top: 0px; width: 100%; height: 150px; position: fixed; z-index: 999; -webkit-transition: height 0.5s; -o-transition: height 0.5s; -moz-transition: height 0.5s;border-bottom: 1px solid rgba(170, 170, 170, 0.3);
}
.header::after {
	background: rgba(255, 255, 255, 1); transition:opacity 0.5s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -1; content: ""; opacity: 0; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; -moz-transition: opacity 0.5s;
}
.header .logo {
	 margin: 25px 0 0 60px ; transition:width 0.3s; width: 160px; float: left; -webkit-transition: width 0.3s; -o-transition: width 0.3s; -moz-transition: width 0.3s;
}
.header .logo a {
	display: block;
}



.header .menu {
	padding: 50px; height: 100%; float: right; display: flex; position: relative; z-index: 3; flex-direction: row-reverse; justify-content: flex-end; align-items: center; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -o-flex-direction: row-reverse;
}
.header .menu a.switch {
	font-size: 0px; float: right; display: block;
}
.header .menu a.switch::after {
	color: rgb(255, 255, 255); letter-spacing: 2px; font-size: 1rem; font-weight: bold; margin-left: 0px; vertical-align: middle; display: inline-block; content: "MENU"; text-shadow: 0px 0px 3px rgba(0,0,0,0.1);
}
.header .menu a.switch .icon {
	background:#0b3775; border-radius:5%; width: 40px; height: 40px; vertical-align: middle; display: inline-block; position: relative;
}
.header .menu a.switch .icon .line1 {
	background: rgb(255, 255, 255); height: 2px; display: block;
}
.header .menu a.switch .icon .line2 {
	background: rgb(255, 255, 255); height: 2px; display: block;
}
.header .menu a.switch .icon .line3 {
	background: rgb(255, 255, 255); height: 2px; display: block;
}
.header .menu a.switch .icon span {
	transition:width 0.3s 0.3s, transform 0.3s, margin 0.3s; left: 50%; top: 50%; margin-left: -10px; position: absolute; -webkit-transition: width 0.3s, -webkit-transform 0.3s, margin 0.3s; -o-transition: width 0.3s 0.3s, -o-transform 0.3s, margin 0.3s; -moz-transition: width 0.3s 0.3s, -moz-transform 0.3s, margin 0.3s; -webkit-transition-delay: 0.3s, 0s, 0s;
}
.header .menu a.switch .icon .line1 {
	width: 20px; margin-top: -6px;
}
.header .menu a.switch .icon .line2 {
	width: 20px;
}
.header .menu a.switch .icon .line3 {
	width: 20px; margin-top: 6px;
}
.header .menu a.on.switch::after {
	color: rgb(253, 139, 37);
}
.header .menu a.on.switch .icon span {
	transition:width 0.3s, transform 0.3s 0.3s, margin 0.3s 0.3s; margin-left: 0px; -webkit-transition: width 0.3s, -webkit-transform 0.3s, margin 0.3s; -o-transition: width 0.3s, -o-transform 0.3s 0.3s, margin 0.3s 0.3s; -moz-transition: width 0.3s, -moz-transform 0.3s 0.3s, margin 0.3s 0.3s; -webkit-transition-delay: 0s, 0.3s, 0.3s;
}
.header .menu a.on.switch .icon .line1 {
	margin-top: 0px; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg);
}
.header .menu a.on.switch .icon .line2 {
	width: 0px;
}
.header .menu a.on.switch .icon .line3 {
	width: 20px; margin-top: 0px; transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg);
}
.header .menu > ul {
	transition:left 0.3s, opacity 0.3s, transform 0s 0.3s; left: 100%; float: right; white-space: nowrap; position: relative; z-index: -1; opacity: 0; transform: scale(0); -webkit-transition: left 0.3s, opacity 0.3s, -webkit-transform 0s; -o-transition: left 0.3s, opacity 0.3s, -o-transform 0s 0.3s; -webkit-transform: scale(0, 0); -moz-transition: left 0.3s, opacity 0.3s, -moz-transform 0s 0.3s; -webkit-transition-delay: 0s, 0s, 0.3s; -moz-transform: scale(0, 0);
}
.header .menu > ul > li {
	font-size: 1.05rem; vertical-align: middle; display: inline-block;
}
.header .menu > ul > li > a {
	padding: 20px; color: rgb(68, 68, 68);text-align:center;
}
.header .menu > ul > li > a:hover {
	 text-align:center;color:#c60000;
}

.header .menu > ul > li ul {
	display: none;
}
.header .menu > ul.active {
	transition:left 0.5s, opacity 0.5s, transform; left: 0%; opacity: 1; transform: scale(1); -webkit-transition: left 0.5s, opacity 0.5s, -webkit-transform 0s; -o-transition: left 0.5s, opacity 0.5s, -o-transform 0s; -webkit-transform: scale(1, 1); -moz-transition: left 0.5s, opacity 0.5s, -moz-transform 0s; -moz-transform: scale(1, 1);
}


.header .searchWrap {
	transition:opacity 0.3s, transform 0s 0.3s; left: 0px; top: 100%; width: 100%; position: absolute; z-index: 2; opacity: 0; transform: scale(0); -webkit-transition: opacity 0.3s, -webkit-transform 0s; -o-transition: opacity 0.3s, -o-transform 0s 0.3s; -webkit-transform: scale(0, 0); -moz-transition: opacity 0.3s, -moz-transform 0s 0.3s; -webkit-transition-delay: 0s, 0.3s; -moz-transform: scale(0, 0);
}
.header .searchWrap::after {
	background: rgba(0, 0, 0, 0.65); left: 0px; top: 0px; width: 100%; height: 100vh; position: absolute; z-index: -1; content: "";
}
.header .active.searchWrap {
	transition:opacity 0.5s, transform; opacity: 1; transform: scale(1); -webkit-transition: opacity 0.5s, -webkit-transform 0s; -o-transition: opacity 0.5s, -o-transform 0s; -webkit-transform: scale(1, 1); -moz-transition: opacity 0.5s, -moz-transform 0s; -moz-transform: scale(1, 1);
}
.header .searchWrap .inner {
	background: rgb(255, 255, 255); padding: 50px;
}
.header .searchWrap .btn-close {
	background: rgb(150, 194, 78); border-radius: 0px 0px 5px 5px; left: 50%; top: 100%; width: 50px; height: 40px; font-size: 0px; margin-left: -25px; position: absolute; cursor: pointer;
}
.header .searchWrap .btn-close::before {
	background: rgb(255, 255, 255); left: 50%; top: 50%; width: 60%; height: 1px; display: block; position: absolute; content: "";
}
.header .searchWrap .btn-close::after {
	background: rgb(255, 255, 255); left: 50%; top: 50%; width: 60%; height: 1px; display: block; position: absolute; content: "";
}
.header .searchWrap .btn-close::before {
	transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg);
}
.header .searchWrap .btn-close::after {
	transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg);
}
.header .searchWrap .ti {
	text-align: center; color: rgb(150, 194, 78);
}
.header .searchWrap .ti i {
	font-size: 1.87rem;
}
.header .searchWrap .ti p {
	letter-spacing: 3px; font-style: italic; font-weight: bold;
}
.header .searchWrap .box {
	margin: auto; position: relative; max-width: 600px;
}
.header .searchWrap .box input[type='text'] {
	background: rgb(255, 255, 255); padding: 5px 50px 5px 10px; border-radius: 5px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 100%; height: 50px; font-size: 1rem;
}
.header .searchWrap .box button {
	background: rgb(150, 194, 78); border-radius: 5px; border: currentColor; border-image: none; top: 5px; width: 40px; height: 40px; right: 5px; color: rgb(255, 255, 255); position: absolute;
}


.fixed.header {
	height: 95px;
}
.menu-show.header {
	height: 95px;
}
.colored.header {
	height: 95px;
}
.fixed.header::after {
	opacity: 1;
}
.menu-show.header::after {
	opacity: 1;
}
.colored.header::after {
	opacity: 1;
}
.fixed.header .logo {
	width: 97px;
}
.menu-show.header .logo {
	width: 97px;
}
.colored.header .logo {
	width: 97px;
}
.fixed.header .h-right {
	background: rgb(254, 196, 38);
}
.menu-show.header .h-right {
	background: rgb(254, 196, 38);
}
.colored.header .h-right {
	background: rgb(254, 196, 38);
}
.fixed.header .h-right::before {
	display: none;
}
.menu-show.header .h-right::before {
	display: none;
}
.colored.header .h-right::before {
	display: none;
}
.fixed.header .menu a.switch::after {
	color: rgb(253, 139, 37);
}
.menu-show.header .menu a.switch::after {
	color: rgb(253, 139, 37);
}
.colored.header .menu a.switch::after {
	color: rgb(253, 139, 37);
}
@media only screen and (max-width:1200px)
{
.header {
	height: 105px;
}
.header .logo {
	width: 128px;
}
.header .menu a.switch::after {
	display: none;
}
.header .menu > ul {
	padding-right: 20px;
}
.header .menu > ul > li > a {
	padding: 10px;
}
}
@media only screen and (min-width:991px)
{
.header .menu a.switch {
	display: none;
}
.header .menu > ul {
	transition:left 0.5s, opacity 0.5s, transform; left: 0%; height: auto !important; margin-top: 0px !important; display: block !important; opacity: 1; transform: scale(1); -webkit-transition: left 0.5s, opacity 0.5s, -webkit-transform 0s; -o-transition: left 0.5s, opacity 0.5s, -o-transform 0s; -webkit-transform: scale(1, 1); -moz-transition: left 0.5s, opacity 0.5s, -moz-transform 0s; -moz-transform: scale(1, 1);
}
.header .menu > ul > li {
	padding: 10px 0px; transition:0.5s; position: relative; -webkit-transition: ease 0.5s; -o-transition: ease 0.5s; -moz-transition: ease 0.5s;
}
.header .menu > ul > li > a {
	transition:color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s; -moz-transition: color 0.5s;
}
:not(.fixed).header .menu > ul > li > a {
	text-shadow: 0 0 0.2em #Fff, 0 0 0.2em #Fff; font-size:12pt; color:#555555;
}
.header .menu > ul > li ul {
	background: #000; padding: 5px; top: 100%; width: auto; position: absolute; min-width: 100%;
}
.header .menu > ul > li ul::before {
	border-width: 0px 5px 5px; border-style: solid; border-color: transparent transparent rgb(0, 0, 0); left: 50%; top: -5px; margin-left: -5px; display: block; position: absolute; content: "";
}
.header .menu > ul > li ul li {
	border-bottom-color: rgba(255, 255, 255, 0.5); border-bottom-width: 1px; border-bottom-style: dotted;
}
.header .menu > ul > li ul li:last-child {
	border: currentColor; border-image: none;
}
.header .menu > ul > li ul li a {
	padding: 5px 15px; color: rgb(255, 255, 255); display: block; -ms-word-break: keep-all;
}
.header .menu > ul > li:hover > a {
	color: #b28859;
}
.header .menu > ul > li:hover ul {
	display: block;
}
}
@media only screen and (max-width:990px)
{
.header {
	height: 80px;
}
.header .logo {
	width: 97px;
}
.header .h-right {
	background: none !important; padding: 0px; left: 0px; width: 100%; height: 45px; bottom: 0px; font-size: 0px; display: block; position: fixed; z-index: 10;
}
.header .h-right::before {
	display: none;
}
.header .h-right .icons {
	background: rgb(34, 34, 34); width: 25%; height: 100%; border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid;
}
.header .h-right :first-child.icons {
	border: currentColor; border-image: none;
}
.header .h-right .icons span {
	margin: auto; width: 30px; height: 30px; display: block;
}
.header .h-right .icon-line.icons {
	background: rgb(0, 195, 0);
}
.header .h-right .icon-cart.icons {
	background: rgb(248, 85, 99);
}
.header .h-right .icon-cart.icons .num {
	left: 50%; margin-top: 5px; margin-left: 5px;
}

/*側選單*/


.header .menu {
	display: block;
}
.header .menu > ul {
	background: rgb(0, 0, 0); padding: 30px 30px 70px; left: 0%; top: 0px; width: 100%; height: 100vh; overflow: hidden; position: fixed; -ms-overflow-y: auto;
}
.header .menu > ul > li {
	transition:left 0.65s, opacity 0.65s; left: 100%; font-size: 1.12rem; display: block; position: relative; opacity: 0;
}
.header .menu > ul > li a {
	color: rgb(255, 255, 255); padding-left: 20px; display: block; position: relative;
}
.header .menu > ul > li a i {
	transition:transform 0.5s; left: 0px; top: 50%; width: 9px; height: 10px; margin-top: -5px; position: absolute; -webkit-transition: -webkit-transform 0.5s; -o-transition: -o-transform 0.5s; -moz-transition: -moz-transform 0.5s;
}
.header .menu > ul > li a i::before {
	left: 50%; top: 50%; display: block; position: absolute; content: "";
}
.header .menu > ul > li a i::after {
	left: 50%; top: 50%; display: block; position: absolute; content: "";
}
.header .menu > ul > li a i.icon-plus::before {
	background: rgb(255, 255, 255); width: 100%; height: 1px; margin-left: -5px;
}
.header .menu > ul > li a i.icon-plus::after {
	background: rgb(255, 255, 255); width: 100%; height: 1px; margin-left: -5px;
}
.header .menu > ul > li a i.icon-plus::after {
	transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);
}
.header .menu > ul > li a i.icon-angle-right::before {
	margin: -3px 0px 0px -2px; transform-origin: 0% 0%; width: 60%; height: 50%; border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0;
}
.header .menu > ul > li a i.icon-angle-right::after {
	margin: -3px 0px 0px -2px; transform-origin: 0% 0%; width: 60%; height: 50%; border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0;
}

.header .menu > ul > li a.on i {
transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);	
}
.header .menu > ul > li a.on i.icon-plus::after {
	transition:width 0.5s; width: 0px; -webkit-transition: width 0.5s; -o-transition: width 0.5s; -moz-transition: width 0.5s;
}
.header .menu > ul > li ul {
	background: rgba(0, 0, 0, 0.1); padding: 10px 15px; border-radius: 5px;
}
.header .menu > ul > li ul li a {
	padding-top: 5px; padding-bottom: 5px; font-size: 1rem;
}
.header .menu > ul > li.in {
	left: 0%; opacity: 1;
}
}
@media only screen and (max-width:640px)
{
.header {
	height: 70px;
}
.header .logo {
	width: 85px; margin: 10px 0 0 5px ;
}
.header .h-right .icons span {
	width: 25px; height: 25px; margin-top: 5px;
}
.header .menu {
	padding: 15px;
}
.header .searchWrap .inner {
	padding: 30px;
}
.fixed.header {
	height: 70px;
}
.menu-show.header {
	height: 70px;
}
.colored.header {
	height: 70px;
}
.fixed.header::after {
	opacity: 1;
}
.menu-show.header::after {
	opacity: 1;
}
.colored.header::after {
	opacity: 1;
}
.fixed.header .logo {
	width: 85px;
}
.menu-show.header .logo {
	width: 85px;
}
.colored.header .logo {
	width: 85px;
}
}

#g-footer {
	clear:both;background: rgb(225, 225, 225, 225); height:300px;padding: 50px 0px; font-size: 0px; border-top: 1px solid rgba(170, 170, 170, 0.3);
}
#g-footer .footercontent{width:60%;height:100px;color:#626a75;font-size:12pt;text-align:center;margin-left:20%;margin-right:20%;}


.CONTACTUSBLOCK {width:100%;height:400px;background:url(../images/subbg.jpg) repeat; }

.titletext {font-size:22pt;color:#3b577e;text-align:center;margin-top:25px;}
.titlebar {padding-top:5px;padding-bottom:35px;text-align:center;}



#webplan {clear:both;width:73%;margin-left:auto;margin-right:auto;}

#webplan  .itembox {float:left;width:32%;padding:2% 6% 5% 2%; border-right:1px solid #c3c3c3;}
#webplan  .itembox2 {float:left;width:32%;padding:2% 6% 5% 2%; }
#webplan  .itemboxup1 {width:350px;height:175px;padding:10px;margin-left:20px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/webc.jpg) no-repeat;background-position:50% 70%;}
#webplan  .itemboxup2 {width:350px;height:175px;padding:10px;margin-left:20px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/ecommerce.jpg) no-repeat;background-position:30% 50%;}
#webplan  .itemboxup3 {width:350px;height:175px;padding:10px;margin-left:20px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/RWD.jpg) no-repeat;background-position:30% 50%;}

#webplan  .itemboxup4 {width:350px;height:175px;padding:10px;margin-left:20px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/googlek.jpg) no-repeat;background-position:50% 70%;}
#webplan  .itemboxup5 {width:350px;height:175px;padding:10px;margin-left:20px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/facebookbt.jpg) no-repeat;background-position:30% 30%;}
#webplan  .itemboxup6 {width:350px;height:175px;padding:10px;margin-left:20px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/webmarket.jpg) no-repeat;background-position:40% 20%;}

#webplan  .itemboxdown {width:350px;padding:10px;margin-left:20px;font-size:18pt;color:#b51100;text-align:center;}
#webplan  .desc {width:auto;padding-left:-15px;font-size:13pt;color:#4b5870;text-align:left;}

}

}
.text-grey {
	color: rgb(153, 153, 153);
}
.must {
	padding: 0px 5px; color: rgb(150, 194, 78); font-style: normal; display: inline-block;
}
.radio {
	margin: 0px 5px 0px 0px; border-radius: 5px; color: rgb(102, 102, 102); font-size: 1rem; display: inline-block;
}
.radio input {
	display: none;
}
.radio input:checked + span.icon i {
	transition:0.3s; transform: scale(1); -webkit-transition: ease 0.3s; -o-transition: ease 0.3s; -webkit-transform: scale(1); -moz-transition: ease 0.3s; -moz-transform: scale(1);
}
.radio input + span.icon {
	background: rgb(255, 255, 255); margin: 0px 5px 0px 0px; padding: 3px; border-radius: 50%; border: 1px solid rgb(204, 204, 204); transition:0.3s; border-image: none; width: 15px; height: 15px; vertical-align: middle; display: inline-block; -webkit-transition: ease 0.3s; -o-transition: ease 0.3s; -moz-transition: ease 0.3s;
}
.radio input + span.icon i {
	background: rgb(102, 102, 102); border-radius: 50%; width: 100%; height: 100%; display: block; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0);
}
.form .half {
	width: 49%;
}
.form .left.half {
	float: left;
}
.form .right.half {
	float: right;
}
.form .input-box {
	background: rgb(248, 248, 246); padding: 0px 10px; border-radius: 0px; border: currentColor; border-image: none; width: 100%; height: 45px; font-size: 1rem;
}
.form :-ms-input-placeholder.input-box {
	font-size: 0.81rem;
}
.form .h100.input-box {
	padding: 10px; height: 100px;
}

.form .form-checkbox {background: rgb(248, 248, 246);border-radius: 0px; border: currentColor;}

.form .f-row {
	width: 100%; font-size: 0px; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center;
}
.form .f-row .f-tit {
	width: 120px; font-size: 1rem; vertical-align: top; display: inline-block;
}
.form .f-row .f-content {
	width: calc(100% - 120px); font-size: 1rem; vertical-align: top; display: inline-block;
}
.form .f-row .box-name {
	max-width: 625px;
}
.form .f-row .box-name .input-box {
	width: calc(100% - 150px);
}
.form .f-row .box-name .option-sex {
	padding: 6px 0px 6px 20px; width: 150px; float: right;
}
.form .f-row .box-add {
	margin: 0px -5px; font-size: 0px;
}
.form .f-row .box-add .box {
	padding: 0px 5px; font-size: 1rem; vertical-align: top; display: inline-block;
}
.form .f-row .box-add .b-city {
	width: 22%;
}
.form .f-row .box-add .b-area {
	width: 22%;
}
.form .f-row .box-add .b-detail {
	width: 46%;
}
.form .f-row .box-add .b-zip {
	width: 10%;
}
.form .f-row .box-code .input-box {
	width: calc(100% - 170px);
}
.form .f-row .box-code .code {
	width: 170px; float: right;
}
.form .f-row .three-warp {
	margin: 0px -5px; font-size: 0px;
}
.form .f-row .three-warp .three {
	padding: 0px 5px; width: 33.33%; vertical-align: top; display: inline-block;
}
.form .invc {
	margin-top: 10px; display: none;
}
.form .button {
	font-size: 0px; margin-top: 50px;
}
.form .button .btns {
	background: none; margin: 5px; padding: 7px; border-radius: 3px; border: currentColor; border-image: none; width: 150px; text-align: center; color: rgb(255, 255, 255); font-size: 1rem; vertical-align: middle; display: inline-block; position: relative; z-index: 2; max-width: calc(50% - 10px);
}
.form .button .btns::before {
	border-radius: 3px; display: block; position: absolute; z-index: -1; content: "";
}
.form .button .btns::after {
	border-radius: 3px; display: block; position: absolute; z-index: -1; content: "";
}
.form .button .btns::before {
	background: rgb(198, 0, 0); left: -1px; top: -1px; right: -1px; bottom: -1px;
}
.form .button .btns::after {
	background: rgb(255, 255, 255); transition:height 0.35s; left: 0px; top: 0px; width: 100%; height: 0%; -webkit-transition: height 0.35s; -o-transition: height 0.35s; -moz-transition: height 0.35s;
}
.form .button .submit.btns::before {
	background: rgb(198, 0, 0)
}
.form .button .other.btns::before {
	background: rgb(142, 144, 134);
}
@media only screen and (min-width:991px)
{
.form .button .btns {
	transition:0.5s; -webkit-transition: ease 0.5s; -o-transition: ease 0.5s; -moz-transition: ease 0.5s;
}
.form .button .btns:hover {
	box-shadow: 0px 5px 6px rgba(0,0,0,0.15); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px);
}
.form .button .btns:hover::after {
	height: 100%;
}
.form .button .submit.btns:hover {
	color:#c60000;
}
.form .button .other.btns:hover {
	color: rgb(142, 144, 134);
}
}
@media only screen and (max-width:990px)
{
.form .half {
	width: 100%;
}
.form .f-row .box-add {
	margin: 0px;
}
.form .f-row .box-add .box {
	padding: 0px; width: 100% !important; margin-bottom: 5px;
}
}
@media only screen and (max-width:640px)
{
.form .f-row .box-name .input-box {
	width: 100%;
}
.form .f-row .box-name .option-sex {
	padding: 6px 0px; width: 100%; float: none;
}
.form .f-row .box-code .input-box {
	width: 100%;
}
.form .f-row .box-code .code {
	width: 100%; float: none;
}
.form .f-row .three-warp {
	margin: 0px;
}
.form .f-row .three-warp .three {
	padding: 0px; width: 100%; margin-bottom: 5px;
}
}
@media only screen and (max-width:400px)
{
.form .f-row {
	display: block;
}
.form .f-row .f-tit {
	width: 100%; display: block;
}
.form .f-row .f-content {
	width: 100%; display: block;
}
.form .f-row .f-tit {
	font-size: 0.81rem; margin-bottom: 5px;
}
}


}

}
@media only screen and (max-width:480px)
{
#cart .block {
	padding: 20px;
}
#cart .block .title {
	font-size: 1rem;
}
#cart .cart-table tbody tr {
	padding: 13px;
}
#cart .finish .ti {
	font-size: 1.65rem;
}
#cart .pay-detail table tr {
	padding: 10px 0px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: dotted; display: block;
}
#cart .pay-detail table td {
	padding: 0px; border: currentColor; border-image: none; font-size: 1rem; display: block;
}
}



#contact .info {
	background: url("../images/contactbg.jpg") no-repeat 50% 0% / cover;margin-top:0px; padding: 50px; width: 45%; float: left; display: flex; position: relative; z-index: 2; box-shadow: 7px 7px 20px rgba(0,0,0,0.16); justify-content: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center;
}
#contact .info::before {
	border: 1px solid rgb(255, 255, 255); border-image: none; left: 10px; top: 10px; right: 10px; bottom: 10px; display: block; position: absolute; content: ""; opacity: 0.6; pointer-events: none;
}
#contact .info .inner {
	text-align: center; color: rgb(255, 255, 255);
}
#contact .info .inner img {
	margin: auto; display: block;
}
#contact .info .inner .en {
	font-size: 2.18rem;
}
#contact .info .inner .ti {
	font-size: 1rem;
}
#contact .info .inner .add { color#ffffff;;}
#contact .info .inner .add a{color#ffffff;}
#contact .info .inner .add a:hover{ color#ffffff;}

#contact .info .inner ul {
	margin-top: 50px;
}
#contact .info .inner ul li {
	font-size: 1.12rem; margin-top: 20px; text-shadow: 5px 5px 8px rgba(0,0,0,0.15);}

#contact .info .inner ul li .icon {
	margin: 20px auto; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.4); border-image: none; width: 50px; height: 50px; position: relative;padding-top:9px;
}
#contact .info .inner ul li .icon i {
	left: 50%; top: 50%; font-size: 1.5rem; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
}
#contact .form {
	width: 55%; float: right;
}
#contact .form .inner {
	background: rgb(255, 255, 255); padding: 10px 50px 100px 350px; margin-left: -300px;
}
#contact .form .inner .text {
	color: rgb(102, 102, 102); margin-bottom:20px;
}
#contact .finish {
	background: rgb(255, 255, 255); margin: 50px 0px; padding: 100px 50px; text-align: center;
}
#contact .finish i {
	font-size: 2.75rem; display: block;
}

@media only screen and (max-width:1690px)
{
	
#webplan {width:100%;margin-left:auto;margin-right:auto;}

#webplan  .itembox {float:left;width:33%;padding:2% 5% 5% 5%; border-right:1px solid #c3c3c3;}
#webplan  .itembox2 {float:left;width:33%;padding:2% 5% 5% 5%; }
#webplan  .itemboxup1 {width:90%;height:150px;padding:10px;margin-left:0px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/webc.jpg) no-repeat;background-position:50% 80%;-moz-background-size:110%; -webkit-background-size:110%; -o-background-size:110%; background-size:110%;}
#webplan  .itemboxup2 {width:90%;height:150px;padding:10px;margin-left:0px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/ecommerce.jpg) no-repeat;background-position:30% 50%;}
#webplan  .itemboxup3 {width:90%;height:150px;padding:10px;margin-left:0px;border:0px solid #c3c3c3; border-radius: 5px;background:url(../images/RWD.jpg) no-repeat;background-position:30% 50%;}

#webplan  .itemboxup4 {width:90%;height:150px;padding:10px;margin-left:0px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/googlek.jpg) no-repeat;background-position:50% 70%;}
#webplan  .itemboxup5 {width:90%;height:150px;padding:10px;margin-left:0px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/facebookbt.jpg) no-repeat;background-position:30% 30%;}
#webplan  .itemboxup6 {width:90%;height:150px;padding:10px;margin-left:0px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/webmarket.jpg) no-repeat;background-position:40% 20%;}

#webplan  .itemboxdown {width:100%;padding:10px;margin-left:0px;font-size:18pt;color:#b51100;text-align:center;}		
	
#webplan  .desc {width:auto;padding-left:-15px;font-size:13pt;color:#4b5870;text-align:left;}	
}







@media only screen and (max-width:1290px)
{
	
#webplan {width:100%;margin-left:auto;margin-right:auto;}

#webplan  .itembox {float:left;width:33%;padding:2% 4% 5% 4%; border-right:1px solid #c3c3c3;}
#webplan  .itembox2 {float:left;width:33%;padding:2% 4% 5% 4%; }
#webplan  .itemboxup1 {width:90%;height:150px;padding:10px;margin-left:10px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/webc.jpg) no-repeat;background-position:50% 80%;-moz-background-size:110%; -webkit-background-size:110%; -o-background-size:110%; background-size:110%;}
#webplan  .itemboxup2 {width:90%;height:150px;padding:10px;margin-left:10px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/ecommerce.jpg) no-repeat;background-position:30% 50%;}
#webplan  .itemboxup3 {width:90%;height:150px;padding:10px;margin-left:10px;border:0px solid #c3c3c3; border-radius: 5px;background:url(../images/RWD.jpg) no-repeat;background-position:30% 50%;}

#webplan  .itemboxup4 {width:90%;height:150px;padding:10px;margin-left:10px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/googlek.jpg) no-repeat;background-position:50% 70%;}
#webplan  .itemboxup5 {width:90%;height:150px;padding:10px;margin-left:10px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/facebookbt.jpg) no-repeat;background-position:30% 30%;}
#webplan  .itemboxup6 {width:90%;height:150px;padding:10px;margin-left:10px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/webmarket.jpg) no-repeat;background-position:40% 20%;}

#webplan  .itemboxdown {width:100%;padding:10px;margin-left:3px;font-size:18pt;color:#b51100;text-align:center;}		
	
	
}



@media only screen and (max-width:990px)
{
	
#webplan {width:100%;margin-left:auto;margin-right:auto;}

#webplan  .itembox {float:left;width:33%;padding:2% 0% 5% 1%; border-right:0px solid #c3c3c3;}
#webplan  .itembox2 {float:left;width:33%;padding:2% 0% 5% 1%; }
#webplan  .itemboxup1 {width:90%;height:150px;padding:10px;margin-left:10px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/webc.jpg) no-repeat;background-position:50% 80%;-moz-background-size:110%; -webkit-background-size:110%; -o-background-size:110%; background-size:110%;}
#webplan  .itemboxup2 {width:90%;height:150px;padding:10px;margin-left:10px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/ecommerce.jpg) no-repeat;background-position:30% 50%;}
#webplan  .itemboxup3 {width:90%;height:150px;padding:10px;margin-left:10px;border:0px solid #c3c3c3; border-radius: 5px;background:url(../images/RWD.jpg) no-repeat;background-position:30% 50%;}

#webplan  .itemboxup4 {width:90%;height:150px;padding:10px;margin-left:10px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/googlek.jpg) no-repeat;background-position:50% 70%;}
#webplan  .itemboxup5 {width:90%;height:150px;padding:10px;margin-left:10px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/facebookbt.jpg) no-repeat;background-position:30% 30%;}
#webplan  .itemboxup6 {width:90%;height:150px;padding:10px;margin-left:10px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/webmarket.jpg) no-repeat;background-position:40% 20%;}

#webplan  .itemboxdown {width:100%;padding:10px;margin-left:3px;font-size:18pt;color:#b51100;text-align:center;}		
	
	
	
	

#contact .info::before {
	display: none;
}
#contact .info {
	padding: 30px; width: 100%; display: block; position: static;
}
#contact .info .inner .en {
	margin: 0px; font-size: 1.87rem;
}


#contact .info .inner ul {
	font-size: 0px; margin-top: 20px;
}
#contact .info .inner ul li {
	border: 1px solid rgba(255, 255, 255, 0.4); border-image: none; width: 50%; font-size: 1rem; margin-left: -1px; vertical-align: top; display: inline-block;
}
#contact .form {
	width: 100%;
}
#contact .form .inner {
	margin: 0px; padding: 30px;
}
}
@media only screen and (max-width:640px)
{
	
#webplan {width:100%;margin-left:auto;margin-right:auto;}

#webplan  .itembox {float:left;width:100%;padding:2% 6% 5% 2%; border-right:0px solid #c3c3c3;}
#webplan  .itembox2 {float:left;width:100%;padding:2% 6% 5% 2%; }
#webplan  .itemboxup1 {width:90%;height:150px;padding:10px;margin-left:20px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/webc.jpg) no-repeat;background-position:50% 80%;-moz-background-size:110%; -webkit-background-size:110%; -o-background-size:110%; background-size:110%;}
#webplan  .itemboxup2 {width:90%;height:150px;padding:10px;margin-left:20px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/ecommerce.jpg) no-repeat;background-position:30% 50%;}
#webplan  .itemboxup3 {width:90%;height:150px;padding:10px;margin-left:20px;border:0px solid #c3c3c3; border-radius: 5px;background:url(../images/RWD.jpg) no-repeat;background-position:30% 50%;}

#webplan  .itemboxup4 {width:90%;height:150px;padding:10px;margin-left:20px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/googlek.jpg) no-repeat;background-position:50% 70%;}
#webplan  .itemboxup5 {width:90%;height:150px;padding:10px;margin-left:20px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/facebookbt.jpg) no-repeat;background-position:30% 30%;}
#webplan  .itemboxup6 {width:90%;height:150px;padding:10px;margin-left:20px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/webmarket.jpg) no-repeat;background-position:40% 20%;}

#webplan  .itemboxdown {width:100%;padding:10px;margin-left:3px;font-size:18pt;color:#b51100;text-align:center;}	
	
	
.CONTACTUSBLOCK {width:100%;height:250px;background:url(../images/subbg.jpg) repeat;background-position:-230px -50px; }
#contact .titletext {padding-top:0px;font-size:22pt;color:#3b577e;text-align:center;}
#contact .titlebar {padding-top:5px;text-align:center;}


#contact .info {
	background: url("../images/contactbg.jpg") no-repeat 0% 0% / cover;margin-top:0px; padding: 50px; width:100%; float: left; display: flex; position: relative; z-index: 2; box-shadow: 7px 7px 20px rgba(0,0,0,0.16); justify-content: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center;
}

#contact .info .inner .en {
	font-size: 1.35rem;
}
#contact .info .inner ul {
	text-align: left; display: inline-block;
}
#contact .info .inner ul li {
	margin: 0px; border: currentColor; border-image: none; width: auto; display: block;
}
#contact .info .inner ul li .icon {
	display: none;
}
#contact .finish {
	padding: 50px;
}
}


@media all and (max-width:374px)
{
#webplan {width:90%;margin-left:auto;margin-right:auto;}

#webplan  .itembox {float:left;width:100%;padding:2% 6% 5% 2%; border-right:0px solid #c3c3c3;}
#webplan  .itembox2 {float:left;width:100%;padding:2% 6% 5% 2%; }
#webplan  .itemboxup1 {width:90%;height:150px;padding:10px;margin-left:20px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/webc.jpg) no-repeat;background-position:50% 80%;-moz-background-size:110%; -webkit-background-size:110%; -o-background-size:110%; background-size:110%;}
#webplan  .itemboxup2 {width:90%;height:150px;padding:10px;margin-left:20px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/ecommerce.jpg) no-repeat;background-position:30% 50%;}
#webplan  .itemboxup3 {width:90%;height:150px;padding:10px;margin-left:20px;border:0px solid #c3c3c3; border-radius: 5px;background:url(../images/RWD.jpg) no-repeat;background-position:30% 50%;}

#webplan  .itemboxup4 {width:90%;height:150px;padding:10px;margin-left:20px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/googlek.jpg) no-repeat;background-position:50% 70%;}
#webplan  .itemboxup5 {width:90%;height:150px;padding:10px;margin-left:20px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/facebookbt.jpg) no-repeat;background-position:30% 30%;}
#webplan  .itemboxup6 {width:90%;height:150px;padding:10px;margin-left:20px;border:1px solid #c3c3c3; border-radius: 5px;background:url(../images/webmarket.jpg) no-repeat;background-position:40% 20%;}

#webplan  .itemboxdown {width:100%;padding:10px;margin-left:3px;font-size:18pt;color:#b51100;text-align:center;}		






}	
	
	
	

.select-box {
	border: 1px solid rgb(248, 248, 246); border-image: none; height: 38px; overflow: hidden; vertical-align: middle; position: relative; cursor: pointer; background-color: rgb(248, 248, 246);
}
.select-box select {
	padding: 0px 55px 0px 15px; border: currentColor; border-image: none; width: 100%; height: 38px; color: rgb(102, 102, 102); line-height: 38px; font-size: 1rem; cursor: pointer; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.select-box select option {
	color: rgb(102, 102, 102); text-shadow: none;
}
.select-box select::-ms-expand {
	display: none;
}
.select-box::before {
	border-width: 5px 5px 0px; border-style: solid; border-color: rgb(47, 66, 93) transparent transparent; top: 50%; width: 0px; height: 0px; right: 15px; margin-top: -2px; position: absolute; content: ""; pointer-events: none;
}
.select-box::after {
	border-width: 5px 5px 0px; border-style: solid; border-color: rgb(47, 66, 93) transparent transparent; top: 50%; width: 0px; height: 0px; right: 15px; margin-top: -2px; position: absolute; content: ""; pointer-events: none;
}
@media only screen and (min-width:991px)
{
.more-style .aw::before {
	transition:0.5s; -webkit-transition: ease 0.5s; -o-transition: ease 0.5s; -moz-transition: ease 0.5s;
}
.more-style .aw::after {
	transition:0.5s; -webkit-transition: ease 0.5s; -o-transition: ease 0.5s; -moz-transition: ease 0.5s;
}
.more-style .aw:hover::before {
	transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px);
}
.more-style .aw:hover::after {
	transform: translateX(10px) rotate(45deg); -webkit-transform: translateX(10px) rotate(45deg); -moz-transform: translateX(10px) rotate(45deg);
}
}


}