* {
	font-family:"΢ÈíÑźÚ","Verdana","ËÎÌå","Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif
}
@font-face {
	font-family:'myiconfont';
	src:url('//at.alicdn.com/t/font_sbwy0o418twqaor.eot');
	src:url('//at.alicdn.com/t/font_sbwy0o418twqaor.eot') format('embedded-opentype'),url('//at.alicdn.com/t/font_sbwy0o418twqaor.woff') format('woff'),url('//at.alicdn.com/t/font_sbwy0o418twqaor.ttf') format('truetype'),url('//at.alicdn.com/t/font_sbwy0o418twqaor.svg#iconfont') format('svg')
}
@keyframes fade-in {
	0% {
	opacity:0
}
40% {
	opacity:0
}
100% {
	opacity:1
}
}@-webkit-keyframes fade-in {
	0% {
	opacity:0
}
40% {
	opacity:0
}
100% {
	opacity:1
}
}.fade-in {
	animation:fade-in;
	animation-duration:1.5s;
	-webkit-animation:fade-in 1.5s
}
.fade-in {
	animation:fade-in;
	animation-duration:1.5s;
	-webkit-animation:fade-in 1.5s
}
@keyframes fade-out {
	0% {
	opacity:1
}
40% {
	opacity:.4
}
100% {
	opacity:0
}
}@-webkit-keyframes fade-out {
	0% {
	opacity:1
}
40% {
	opacity:.4
}
100% {
	opacity:0
}
}.fade-out {
	animation:fade-out;
	animation-duration:1.5s;
	-webkit-animation:fade-in 1.5s
}
.fade-out {
	animation:fade-out;
	animation-duration:1.5s;
	-webkit-animation:fade-in 1.5s
}
.modal-header {
	border-bottom:2px solid #f7f7f7;
	margin-bottom:10px;
	padding:0;
	padding-bottom:10px
}
.modal-header h3 {
	color:#545454;
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	clear:left;
	margin:0 0 5px
}
.dialog {
	padding:0 30px 30px 30px
}
.form-control {
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transition:none
}
.form-control:focus {
	-webkit-box-shadow:none;
	box-shadow:none
}
.input-group-addon {
	color:#7b7b7b
}
a {
	color:#00aed8;
	text-decoration:none
}
a:hover {
	color:#00a2c9
}
a:focus,a:visited {
	text-decoration:none
}
.has-error .input-group-addon {
	color:#f0483e;
	border-color:#f0483e
}
.has-error .form-control {
	border-color:#f0483e;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:0 1px 1px rgba(0,0,0,0.075)
}
.has-error .form-control:focus {
	border-color:#f0483e;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f0483e;
	box-shadow:0 0 9px -2px #f0483e!important
}
.btn:active,.btn.active {
	-webkit-box-shadow:none;
	box-shadow:none
}
.btn>i {
	margin-right:3px
}
.btn.small {
	padding:2px 5px;
	font-size:90%
}
.btn.normal {
	background:#f7f7f7;
	border-color:#f7f7f7;
	color:#999
}
.btn.normal:hover {
	color:#545454;
	border-color:#e9e9e9;
	background:#e9e9e9
}
.pop-box .btn.small {
	padding:3px 17px;
	font-size:100%
}
.btn.gray,.btn.gray:ACTIVE {
	background-color:#7f7f7f;
	color:#fff;
	border:1px solid #7f7f7f
}
.btn.gray:HOVER {
	background-color:#666;
	border:1px solid #666
}
.btn.blue,.btn.blue:ACTIVE {
	background-color:#649efd;
	color:#fff;
	border:1px solid #649efd
}
.btn.blue:HOVER {
	background-color:#4c8ffc;
	border:1px solid #4c8ffc
}
.btn.red,.btn.red:ACTIVE {
	background-color:#fd6860;
	color:#fff;
	border:1px solid #fd6860
}
.btn.red:HOVER {
	background-color:#fc5047;
	border:1px solid #fc5047
}
.btn.green,.btn.green:ACTIVE {
	background-color:#00b16a;
	color:#fff;
	border:1px solid #00b16a
}
.btn.green:HOVER {
	background-color:#02965b;
	border:1px solid #02965b
}
.btn.green2,.btn.green2:ACTIVE {
	background-color:#00aed6;
	color:#fff;
	border:1px solid #00aed6
}
.btn.green2:HOVER {
	background-color:#02a3c7;
	border:1px solid #02a3c7
}
.btn.black,.btn.black:ACTIVE {
	background-color:#444;
	color:#fff;
	border:1px solid #444
}
.btn.black:HOVER {
	background-color:#333;
	border:1px solid #333
}
.btn.disabled,.btn.disabled:ACTIVE,.btn.disabled:HOVER {
	color:#ccc;
	border-radius:2px;
	background-color:#f7f7f7;
	border:1px solid #ccc;
	cursor:default
}
.bold {
	font-weight:bold
}
.hide {
	display:none
}
.overlay {
	background-color:#000;
	height:100%;
	opacity:.5;
	position:fixed;
	_position:absolute;
	top:0;
	width:100%;
	z-index:8000
}
.lightbox {
	left:50%;
	position:fixed;
	_position:absolute;
	text-align:left;
	top:30%;
	width:820px;
	margin-left:-410px;
	background:none repeat scroll 0 0 #fff;
	z-index:9999;
	border-radius:3px;
	box-sizing:border-box;
	box-shadow:0 3px 15px rgba(0,0,0,0.3)
}
.lightbox.s {
	width:560px;
	margin-left:-280px
}
.lightbox.ss {
	width:400px;
	margin-left:-200px
}
.lightbox.l {
	width:1010px;
	margin-left:-535px
}
.pop-box {
	left:50%;
	position:fixed;
	_position:absolute;
	text-align:left;
	top:30%;
	width:350px;
	margin-left:-175px;
	background:none repeat scroll 0 0 #fff;
	z-index:10000;
	border-radius:3px;
	box-sizing:border-box;
	box-shadow:0 3px 15px rgba(0,0,0,0.3)
}
.pop-box .title {
	background-color:#f7f7f7;
	height:40px;
	line-height:40px;
	border-radius:3px 3px 0 0;
	padding:0 15px;
	text-align:left;
	cursor:move;
	margin-top:0
}
.pop-box .msg {
	padding:15px 15px 10px 15px;
	text-indent:2em;
	display:block;
	line-height:25px
}
.pop-box .yes {
	padding:0 15px
}
.pop-box .yes input {
	width:100%;
	box-sizing:border-box;
	margin-top:5px
}
.pop-box .btns {
	padding-right:25px;
	margin-top:15px;
	margin-bottom:15px;
	text-align:right
}
.status {
	bottom:0;
	right:15%;
	width:350px;
	min-height:24px;
	z-index:10000;
	position:fixed;
	padding:15px;
	margin-bottom:20px;
	border:1px solid #c8dff3;
	border-radius:2px;
	background-color:#deeefc;
	color:#31708f
}
* html .status {
	position:absolute!important
}
.status .y {
	position:relative;
	background:url("../../../../images/loader.giff") no-repeat scroll 8px center;
	background-size:16px 16px
}
.statusText {
	padding:0 15px 0 35px;
	text-align:left
}
table.dataTable thead th {
	padding:10px 18px;
	border-bottom:1px solid #eee
}
table.dataTable.no-footer {
	border-bottom:1px solid #eee
}
body {
	padding-top:90px;
	padding-bottom:90px;
	background-color:#f7f7f7
}
.navbar-brand {
	float:left;
	padding:5px 15px
}
.navbar-inverse {
	background-color:#494949;
	border-color:#494949;
	color:white
}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
	background-color:transparent
}
.navbar-inverse .navbar-nav>li>a {
	color:white;
	border:0
}
.navbar-inverse .navbar-nav>li>a:hover {
	text-decoration:none;
	color:#00b16a
}
.nav-opacity {
	opacity:.8;
	filter:alpha(opacity=80);
	-moz-opacity:.8
}
.nav-footer {
	margin-top:100px;
	color:#dedede;
	background-color:#494949
}
.nav-footer .container {
	padding-top:40px
}
.nav-footer dl dt {
	margin-bottom:6px;
	color:white;
	font-weight:normal;
	text-align:left
}
.nav-footer dl dd {
	line-height:28px;
	font-size:12px;
	text-align:left
}
.nav-footer a {
	color:#dedede
}
.nav-footer p {
	padding-top:25px;
	padding-bottom:20px;
	font-size:12px
}
.form-control {
	height:38px
}
.btn {
	line-height:1.6
}
.gridtable {
	font-size:.8em;
	border-collapse:collapse!important
}
.frame {
	border-width:1px;
	border-color:#ddd;
	border-style:solid
}
.frame-no-left {
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:0;
	border-right-width:1px;
	border-color:#ddd;
	border-style:solid
}
.frame-no-right {
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:0;
	border-color:#ddd;
	border-style:solid
}
.product-icon {
	font-family:"myiconfont"!important;
	font-size:48px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:.2px;
	-moz-osx-font-smoothing:grayscale
}
.product-icon:hover {
	color:#097a76
}
.main-container {
	padding-bottom:40px
}
.index-jumbotron-container {
	height:100%;
	width:100%;
	padding:0
}
.index-jumbotron {
	background-color:transparent
}
.index-jumbotron-text {
	margin-top:200px;
	margin-left:-220px;
	color:white;
	display:none
}
.index-jumbotron-text h1 {
	font-size:48px;
	font-family:Michroma,"Segoe UI Light","Segoe UI","Segoe UI WP","Microsoft Jhenghei",΢ÈíÑźÚ,tahoma,"Hiragino Sans GB W3",sans-serif
}
.index-jumbotron-text p {
	margin-top:20px;
	font-size:22px;
	font-family:Michroma,"Segoe UI Light","Segoe UI","Segoe UI WP","Microsoft Jhenghei",΢ÈíÑźÚ,tahoma,"Hiragino Sans GB W3",sans-serif
}
.pagetitle {
	font-family:'ºÚÌå';
	font-size:50px;
	margin-top:100px;
	margin-bottom:80px
}
.products {
	padding:0 40px
}
.products-title {
	color:#545454;
	font-size:30px;
	margin-bottom:40px;
	margin-top:40px
}
.product-icon-area .iconfont {
	font-size:60px;
	color:#649efd
}
.product a {
	display:block;
	color:#545454
}
.vgradually:before {
	content:"";
	position:absolute;
	width:1px;
	height:100%;
	right:0;
	top:0
}
.vgradually.up:before {
	background:linear-gradient(to bottom,#fff 10%,#e9e9e9 100%)
}
.vgradually.down:before {
	background:linear-gradient(to bottom,#e9e9e9,#fff 90%)
}
.hgradually {
	height:1px;
	background:linear-gradient(to right,#fff 5%,#e9e9e9 50%,#fff 95%)
}
.index-info {
	color:#545454
}
.index-info .row {
	padding-bottom:50px
}
.index-info p {
	padding-top:5px;
	font-size:18px;
	margin-bottom:40px
}
.index-info2 {
	color:#545454
}
.index-info2 .row {
	padding-bottom:50px
}
.index-info2 p {
	font-size:18px;
	padding-top:5px;
	margin-bottom:40px
}
.index-info-title {
	margin-top:70px;
	color:#545454;
	font-size:30px
}
.product {
	padding:25px 0 0;
	position:relative
}
.product:hover {
	background:#eff5ff;
	transition:all .5s ease
}
.product h3 {
	margin-top:6px;
	margin-bottom:16px;
	font-size:24px;
	color:#649efd
}
.product img {
	width:60px;
	height:60px
}
.product .desc {
	line-height:2em;
	text-align:center;
	font-size:1em
}
@media(max-width:994px) {
	.vgradually:before {
	display:none
}
.product .desc {
	margin:0 0 10px;
	text-align:left;
	padding-top:20px
}
}.product .more-btn-div {
	margin-top:2em;
	margin-bottom:3em
}
.partners {
	padding-bottom:100px
}
.partners h3 {
	margin-top:100px;
	margin-bottom:100px;
	color:#545454;
	letter-spacing:2px;
	font-size:30px
}
.logos div {
	padding:10px;
	margin-bottom:20px;
	text-align:center
}
.logos img {
	max-width:100%;
	max-height:40px
}
.register-now {
	margin-top:100px;
	margin-bottom:100px
}
.register-now h3 {
	font-size:30px;
	color:#545454;
	margin-bottom:50px
}
.btn-reg {
	padding:15px 63px;
	color:white;
	border-color:#649efd;
	background-color:#649efd
}
.btn-reg:hover {
	color:white;
	border-color:#4c8ffc;
	background-color:#4c8ffc
}
.errMsg {
	color:#f0483f
}
@media(min-width:994px) {
	.ourlogo {
	height:32px;
	margin-top:5px;
	margin-bottom:5px
}
.product {
	min-height:232px
}
.product-left {
	border-right:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2
}
.product-right {
	border-bottom:1px solid #f2f2f2
}
}@media(max-width:994px) {
	.ourlogo {
	width:220px;
	margin-top:10px;
	margin-bottom:10px
}
.index-jumbotron-text {
	margin-top:100px;
	padding-bottom:100px
}
.index-jumbotron-text h1 {
	font-size:26px
}
.index-jumbotron-text p {
	font-size:18px;
	font-weight:bold
}
.navbar-collapse {
	background-color:white;
	text-align:center
}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
	border-color:#c2c2c2
}
.navbar-inverse .navbar-toggle {
	border-color:#c2c2c2
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color:#c2c2c2
}
#topNav ul li {
	display:inline-block;
	margin:15px 25px 15px 25px
}
#topNav ul li .text {
	display:block;
	text-align:left;
	color:#000;
	margin-bottom:10px;
	padding:6px 12px;
	margin-top:10px
}
#topNav ul li .btn {
	display:inline-block;
	text-align:center;
	width:80px;
	padding:6px 12px;
	color:#fff;
	background-color:#79d49e;
	border-color:#79d49e;
	border-radius:2px;
	text-decoration:none;
	margin-top:20px;
	margin-bottom:20px
}
#topNav ul li:first-of-type .btn {
	background-color:#649efd;
	border-color:#649efd
}
#topNav ul li:first-of-type .btn:hover {
	background-color:#4c8ffc;
	border-color:#4c8ffc
}
#topNav ul li .btn:hover {
	text-decoration:none;
	background-color:#63d490;
	border-color:#63d490
}
#loginDiv {
	margin:0 -15px -2px -15px;
	box-shadow:0 8px 8px #999
}
.main-container {
	padding-bottom:0
}
.pagetitle {
	font-size:30px;
	margin-top:70px;
	margin-bottom:40px
}
.products-title {
	font-size:20px
}
.index-info-title {
	margin-top:30px;
	font-size:20px;
	margin-bottom:30px
}
.product {
	padding:20px 10px 10px;
	color:#666
}
.products {
	padding:0
}
.products>div {
	border-top:hidden;
	border-left:hidden;
	border-right:hidden;
	border-bottom:1px solid #f2f2f2
}
.product h3 {
	font-size:16px;
	font-weight:bold
}
.partners h3 {
	margin-top:50px;
	margin-bottom:50px;
	font-size:20px
}
.partners {
	margin-top:20px;
	padding-bottom:50px
}
.register-now {
	margin-top:50px;
	margin-bottom:50px
}
.register-now h3 {
	font-size:24px
}
}@media(max-width:994px) and (min-width:768px) {
	#loginDiv {
	background-color:transparent;
	box-shadow:none
}
#topNav ul li {
	display:inline-block;
	margin:0 25px
}
#topNav ul li .btn {
	display:inline-block;
	text-align:center;
	width:80px;
	padding:6px 12px;
	color:#fff;
	background-color:#79d49e;
	border-color:#79d49e;
	border-radius:2px;
	text-decoration:none;
	margin-top:10px;
	margin-bottom:10px
}
}.pretty-box input[type="radio"],.pretty-box input[type="checkbox"] {
	position:absolute;
	clip:rect(0,0,0,0)
}
.pretty-box input[type="radio"]+label,.pretty-box input[type="checkbox"]+label {
	position:relative;
	display:inline-block;
	height:30px;
	padding-left:20px;
	line-height:30px
}
.pretty-box input[type="radio"]+label:before,.pretty-box input[type="checkbox"]+label:before {
	content:" ";
	position:absolute;
	box-sizing:content-box;
	left:0;
	top:8px;
	width:12px;
	height:12px;
	border:1px solid
}
.pretty-box input[type="checkbox"]+label:before {
	border-radius:2px
}
.pretty-box input[type="radio"]+label:before {
	border-radius:50%
}
.pretty-box input[type="checkbox"]:checked+label:after {
	content:" ";
	position:absolute;
	top:9px;
	left:5px;
	box-sizing:border-box;
	width:5px;
	height:10px;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	border:2px solid;
	border-top:0;
	border-left:0
}
.pretty-box input[type="radio"]:checked+label:after {
	content:" ";
	position:absolute;
	box-sizing:content-box;
	left:3px;
	top:11px;
	width:8px;
	height:8px;
	border-radius:50%
}
.pretty-box input[type="radio"]:disabled+label,.pretty-box input[type="checkbox"]:disabled+label {
	opacity:.6;
	_filter:alpha(opacity=60);
	cursor:not-allowed
}
.pretty-box input[type="radio"]+label:before,.pretty-box input[type="checkbox"]+label:before {
	border-color:#999
}
.pretty-box input[type="radio"]:checked+label:after {
	background:#649efd
}
.pretty-box input[type="radio"]:checked+label:before {
	border-color:#649efd
}
.pretty-box input[type="checkbox"]:checked+label:after {
	border-color:#649efd
}
.pretty-box input[type="checkbox"]:checked+label:before {
	background:transparent;
	border-color:#649efd
}
a.link {
	color:#649efd
}
input:-webkit-autofill {
	-webkit-box-shadow:0 0 0 1000px #fff inset
}
::-ms-clear,::-ms-reveal {
	display:none
}
input::-webkit-input-safebox-button {
	display:none
}
::-webkit-input-placeholder {
	color:#999
}
:-moz-placeholder {
	color:#999
}
::-moz-placeholder {
	color:#999
}
:-ms-input-placeholder {
	color:#999
}
a,a:focus,a:active {
	outline:0
}