/*isloading*/
body{background:#F2F2F2;font-family:Verdana;}
.wrapper{padding-bottom:50px;}
.header{background:#000000;}.header .container{padding-bottom:20px;}.header .container h1{color:#FFF;line-height:50px;margin-top:30px;margin-bottom:0;}
.header .container h3{color:#E0E0E0;font-size:16px;margin-top:-5px;}.header .container h3 a{color:#66aacc;}.header .container h3 a:hover{color:#b3d5e6;}
.top-menu{position:absolute;z-index:9999;}.top-menu .nav-list{background:rgba(255, 255, 255, 0.8);border:1px solid #CCC;margin:20px;position:fixed;right:0;}
pre,.well{background:#FFFFFF;}
.syntax-container{background:#FCFCFC;-webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;border:1px solid #e3e3e3;margin-bottom:30px;padding-bottom:20px;}
.isloading-wrapper.isloading-right{margin-left:10px;}
.isloading-overlay{position:relative;text-align:center;}.isloading-overlay .isloading-wrapper{/*午安的背景顏色*/ /*background:#003366;*/ background:#8DDAF7; -webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;display:inline-block;margin:0 auto;padding:10px 20px;top:10%;z-index:9000;}

.isloading-wrapper p{
	font-size: 18px;
	color: #fff;
	margin-bottom: 0;
	line-height: 35px
}
/*Glyphicon Spinner*/
.glyphicon-spin {
    -animation: spin .9s infinite linear;
    -webkit-animation: spin2 .9s infinite linear;
}
/* 
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
 */

*{
	font-family: 'Microsoft Jhenghei','aria','sans-serif';
	letter-spacing:1px;
	font-weight: bolder;
}
h1{
	font-size: 20px;
}
h2{
	font-size: 18px;
}
h4{
	font-size: 16px;
}
h5{
	font-size: 14px;
}
a:hover, a:focus{
	text-decoration: none
}
.img-right{
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	height: 100vh;
	z-index: 1;
}
.img-left{
	width: auto;
	height: 80vh;
	position: absolute;	
	z-index: 1;
	left: 90px;
}
.center-block.logo{
	margin-top: 30px;
}
.login .login-form{
	margin-top: 90px;
	/*登入頁區塊背景顏色*/
	/*background: #00c1b3;*/
	background: #8DDAF7;
	padding-top: 60px;
	padding-bottom: 60px;
	border-top: 30px solid #efefef;
	border-right: 25px solid #efefef;
	border-bottom: 30px solid #efefef;
	margin-left: -2vw;
}
.login .login-form form{
	padding-right: 60px;
}
.login .login-form form label{
	color: red;
	padding: 5px 0;
}
.button-group button{
	width: 150px;
	margin: 7.5px 30px;
}
.head.container-fluid{
	padding: 0;
	background: url('../images/main-head.png') repeat-x;
	height: 60px;
	background-position: 0 -5px;
}
.head h1.head{
	background: #fff;
	width: 230px;
	text-align: center;
	padding: 15px 0;
	border-radius: 15px 15px 0px 0px;
	margin: 0 auto;
	font-weight: bolder;
	color:#333;
	display: block;
}
.head i{
	padding-right: 10px;
}
.owl >.row:nth-of-type(1){
	margin-left: -15px;
	margin-right: -15px;
}
.owl .owl-carousel .owl-stage-outer:before,
.page .owl-carousel .owl-stage-outer:before{
	content: "";
	background: url('../images/banner-text.png') center no-repeat;
	position: absolute;
	top:40%;
	width: 100vw;
	height: 54px;
	z-index: 3;
	/*熱情帶來成就調整距離*/
    margin-left: -50vw;
}
.owl .owl-carousel .owl-stage-outer:after,
.page .owl-carousel .owl-stage-outer:after{
	content: "";
	background:url('../images/banner-text-2.png') center no-repeat;
	position: absolute;
	top: 50%;
	width: 100vw;
	height: 73px;
	/*熱情帶來成就調整距離*/
	margin-left: -50vw;
}
.owl .owl-dots{
	width: 130px;
	margin: 0 auto;
	padding: 10px 0;
}
.page .owl-dots{
	width: 130px;
	margin: 0 auto;
	padding: 10px 0;
	height: 35px;
}
.owl .owl-dots .owl-dot{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #000;
	border-radius: 200%;
	margin: 0 5px;
	border: 2px solid #fff;
	background: #00c1b3;
}
.owl .owl-dots .owl-dot.active{
	border-color: #036eb8;
	background: #fff;
	transition: .4s ease-in-out;
}
.owl .owl-dots .owl-dot span{
	opacity: 0;
}
.owl .owl-dots .owl-dot.active span{
	width: 7px;
	height: 7px;
	margin: 2px ;
	background: #036eb8;
	display: block;
	border-radius: 200%;
	transition: .2s ease-in-out;
	opacity: 1;
}
.owl .owl-carousel:after,
.page .owl-carousel:after{
	content: "";
	display: block;
	width: 100%;
	height: 40px;
	background:url('../images/dot-bg.png')no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	position: absolute;
	bottom: 0;
	z-index: -1;
}
.list{
	/*background: url('../images/main-blur.jpg') no-repeat;*/
	-webkit-background-size: cover;
	background-size: cover;
}
.news.container{
	/*主選單中間白色區塊高度*/
	/*
	margin-top: -40px;
	padding-top: 50px;
	*/    
	background: #fff;
	box-shadow: 1px 0px 1px 1px rgba(0,0,0,.13);
	position: relative;
}
.jobnews .list{
	margin-top: 0px;
	background: none;
}
.news .list:before{
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	position: relative;
	margin: 0 auto;
	border-style: solid;
	border-width: 15px 10px 0 10px;
	border-color: #036eb8 transparent transparent transparent;	
}
.news .list .col-xs-12:nth-of-type(1){
	margin-top: -67px;
}
.news .list .col-xs-12:nth-of-type(1) h1.title{
	background: #036eb8;
	width: 180px;
	color: #fff;
	text-align: center;
	border-radius: 15px 15px 0px 0px;
	padding: 15px 0;
	position: relative;
	margin: 0 auto;
	font-weight: bolder;
}
.news .list .col-sm-6.col-xs-12{
	padding:0 60px;
	margin-top: 30px;
	opacity: 0;
}
.news .list .col-sm-6.col-xs-12 .border{
	background: #fff;
}
.jobnews .list .col-sm-6.col-xs-12 h1.title{
	background: url('../images/title-bg.png') repeat-x;
	color: #fff;
	text-align: center;
	padding: 12px 0;
	border-radius: 15px 15px 0 0;
	border: 1px solid #000;
	/* padding-bottom: 0; */
	margin-bottom: 0;
	height: 12px;
	font-weight: bolder;
}
.jobnews .list .col-sm-6.col-xs-12 .border{	
	margin-top: 0px;
	padding-top: 10px;
	border-width: 1px 1px 1px 1px;  /* 上右下左 */
	border-radius: 15px 15px 15px 15px;  /*圓角 左上 右上 右下 左下 */
	border-style: solid;
	border-color: #000;
	background: #fff;	
}
.jobnews .list .col-sm-6.col-xs-12 .border ul{
	padding-left: 0;
	list-style: none;
	display: block;
	width: auto;
	height: 300px;  /* 中間 訊息 整個高度 */
	overflow-y: hidden;
}
.jobnews .list .col-sm-6.col-xs-12 .border ul li{
	text-align: center;
	border-bottom: 1px dashed #ccc;
	width: 90%;
	margin:0 auto ;
}
.jobnews .list .col-sm-6.col-xs-12 .border ul li h2{
	font-weight: 600;
	color: #333;
}
.jobnews .list .col-sm-6.col-xs-12 .border ul li a:hover h2{
	color: #036eb8;
	transition: .2s ease-in-out
}
.jobnews .list .col-sm-6.col-xs-12 .border ul li:hover{

}
.jobnews .list .col-sm-6.col-xs-12 .border span:nth-of-type(1){
	display: block;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.jobnews .list .col-sm-6.col-xs-12 .border span:nth-of-type(2){
	display: block;
	width: 90px;
	margin: 15px auto;
}
.jobnews .list .col-sm-6.col-xs-12 .border span:nth-of-type(2) i{
	font-size: 26px;
	margin: 0 5px;
	border: 1px solid #ddd;
	padding: 0 5px;
	color: #003366;
	font-weight: bold;
}
.jobnews .list .col-sm-6.col-xs-12 .border span:nth-of-type(2) i:hover{
	color: #036eb8;
	transition: .4s ease-in-out;
}
.news .list .col-xs-12 button {
	width: 180px;
	border: none;
	background: #003366;
	color: #fff;
	border-radius: 15px;
	margin: 20px auto;
	display: block;
	opacity: 0;
}
.news .list .col-xs-12 button:hover{
	background: #036eb8;	
	transition: .2s ease-in-out;
}
.news .list .col-xs-12 button h1{
	padding: 15px 0;
	margin: 0;
	font-weight: bolder;
}
.fouricon{		
	/*margin: 30px -15px 0px -15px;*/ 	
   /* margin: 30px 0px 0px -15px;*/
	/*background: url('../images/fouricon-bg.png') bottom repeat-x;*/	
	/*height: 750px;		*/
	/*padding: 40px 60px 60px 60px;*/		
	margin-left:-30px;
	height: 450px;
}
.fouricon .col-xs-4{
	/*主選單中間區塊第二排按鈕間距*/
	/*margin: 40px 0;*/
	/*margin: 15px 0;*/
	/*margin: 3vw 0;*/
	margin: 30px 0 0 0;
}	
.fouricon::before{	
	content: "";
	/*width: 90%;	*/
	width: 100%;
	/*主選單中間區塊的圖高度*/
	/*height: 550px;	*/
	/*height: 145vw;*/
	/*height: 500vw;*/
	height:475px;
	margin-left:15px;
	/*background: url('../images/main-blur.jpg') no-repeat;*/
	background: url('../images/1500.jpg') no-repeat;
	-webkit-background-size: cover;
	background-size: cover;	
	position: absolute;	
	/*主選單中間區塊的圖高度*/
	/*top: 90px;*/
	top:0;
}
.fouricon span{
	display: block;
	/*width: 180px;
	height: 180px;	*/
	width: 100px;
	height: 100px;
	
	/*主選單中間區塊按鈕背景*/
	/*background:rgba(0,193,179,1);*/
	/*background: #036eb8;*/
	margin: 0 auto;
	border-radius: 200%;
}
.fouricon span a{
	display: block;
	/*padding: 50px 30px;*/
    /*padding-top: 20px;*/
    padding-top: 25px;
	border-radius: 200%
}
.fouricon span a h5{
	text-align: center;
	font-size: 12px;
	color: #fff;
	font-weight: bolder;
}
.foot{
	background: #003366;
	padding: 60px 0 30px 0;
	opacity: 0;
}
.foot img.center-block{
	margin-bottom: 30px;

}
.foot h4{
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bolder;
}
.news h6 a{
	text-align: center;
	display: block;
	color: #aaa;
}
.owl.container-fluid{
	background: url('../images/main-bg.jpg') ;	
}
.main-index .modal-footer{
	margin-top: 0;
	padding: 15px 20px 15px 20px;
}
.main-index .modal-footer button{
	background:#003366;
	color: #fff;
	box-shadow: none;
	border: none;
	width: 80px;
	border-radius: 10px
}
.main-index .modal-content{
	border-radius: 15px;
	overflow: hidden;
}
.main-index .modal-header{
	background:url('../images/title-bg.png') repeat;
	padding-left: 20px;
}
.main-index .modal-header h1{
	color: #fff;
}
.main-index .modal-body{
	padding: 10px;
}
.main-index .modal-header .close{
	width: 30px;
	height: 30px;
	opacity: 1;
}
.main-index .modal-header .close span{
	color: #fff;
}
.container-fluid.loading{
	background: #000;
	position: fixed;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background: url('../images/title-bg.png') repeat;
	/* display: none; */
}
.container-fluid.loading .svg{
	width: 200px;
	margin: 0 auto;
	padding-top: 30vh;
}
.fouricon span:hover{
	/*主選單按鈕變藍色*/
	/*background: #036eb8;*/	
	transition: .3s ease-in-out;
}
.fouricon span a:hover img{
	transform: scale(1.2);
	transition: .4s ease-in-out;
}
.gotobottom{
	position: absolute;
	z-index: 2;
	right: 60px;
}
.gotobottom2{
	display: none;
		position: absolute;
	    z-index:1;
}
.gotobottom2 img {
		border: none;
	}
.head a:nth-of-type(2){
	width: 230px;
	margin: 0 auto;
	display: block;
}
.head a:nth-of-type(1){
	width: 230px;
	margin: 0 auto;
	display: block;
	color: #fff;
	opacity: 1;
}
.grid{
	margin: 0 auto;
	display: block;
}
.grid-item { 
	width: 250px;	
	/* height: 280px; */	
	/* background: rgba(0,0,0,.3); */
	margin-bottom: 20px;
	border-radius: 15px 15px 0 0;
	box-shadow: 2px 3px 1px 1px #ccc;
}
.home .grid-item i{
	/*padding-right: 5px;*/
}
.home .grid-item h1.title{
	font-size: 16px;
	line-height: 25px;
	font-weight: bolder;
	background: url('../images/title-bg.png') repeat;
	margin-top: 0;
	color: #fff;
	padding: 10px 0px 10px 15px;
	border-radius: 15px 15px 0 0;
}
.home .grid-item a h6{
	text-align: center;
	color: #333;
	font-weight: bolder;
}
.home .grid .row:nth-child(1) h1.title{
	background: url('../images/title-bg-r.png') repeat;
}

.home .grid .row:nth-child(2) h1.title{
	background: url('../images/title-bg-g.png') repeat;
}

.default >.container .row >h1.title{
	background: url('../images/title-bg.png') repeat;
	padding: 15px 10px;
	color: #fff;
	margin: 30px 0;
}
.home .container >h1.title i{
	padding-right: 10px;
}
.homecard a h6{
	text-align: center;
}
.homecard h6.red{
	background: red;
	display: block;
	text-align: center;
	width: 160px;
	padding: 5px 0;
	color: #fff;
	margin: 10px auto;
}
.default .learn1,
.default .learn2,
.default .learn3,
.default .learn4,
.default .learn5{
	position: relative;
	margin-top: 0;
}
.default .learn1{
	margin-top: 0;
}
.default .row h1.title i{
	padding-right: 5px;
}
.default .learn1 h1.title{
	/* border-bottom: 2px solid #f7ca00; */
	padding-bottom: 10px;
	margin-bottom: 30px;
	margin-top: 0;	
	/*職安課程標題背景圖*/
	background: url('../images/title-bg.png') repeat;
	color: #fff;
	font-weight: bolder;
	border-radius: 15px 15px 0 0;
	padding:10px  15px;
}
.default .learn2 h1.title{
	/* border-bottom: 2px solid #003366; */
	padding-bottom: 10px;
	margin-bottom: 30px;
	margin-top: 0;
	/*職安課程標題背景圖*/
	/*background: url('../images/title-bg.png') repeat;*/
	background: url('../images/title-bg-y2.png') repeat;
	color: #fff;
	font-weight: bolder;
	border-radius: 15px 15px 0 0;
	padding:10px  15px;
}
.default .learn3 h1.title{
	/* border-bottom: 2px solid #00c1b3; */
	padding-bottom: 10px;
	margin-bottom: 30px;
	margin-top: 0;
	/*職安課程標題背景圖*/
	/*background: url('../images/title-bg.png') repeat;*/
	background: url('../images/title-bg-g.png') repeat;
	color: #fff;
	font-weight: bolder;
	border-radius: 15px 15px 0 0;
	padding:10px  15px;
}
.default .learn4 h1.title{
	/* border-bottom: 2px solid #e83828; */
	padding-bottom: 10px;
	margin-bottom: 30px;
	margin-top: 0;
	/*職安課程標題背景圖*/
	/*background: url('../images/title-bg.png') repeat;*/
	background: url('../images/title-bg-r.png') repeat;
	color: #fff;
	font-weight: bolder;
	border-radius: 15px 15px 0 0;
	padding:10px  15px;
}
.default .learn1 .row{
	background: rgba(0,51,102,.05);
	border-radius: 15px;
	padding-bottom: 30px;
	box-shadow: 1px 1px 2px 2px #eee
}
.default .learn2 .row{
	background: rgba(0,51,102,.05);
	border-radius: 15px;
	padding-bottom: 30px;
	box-shadow: 1px 1px 2px 2px #eee
}
.default .learn3 .row{
	background: rgba(0,51,102,.05);
	border-radius: 15px;
	padding-bottom: 30px;
	box-shadow: 1px 1px 2px 2px #eee
}
.default .learn4 .row{
	background: rgba(0,51,102,.05);
	border-radius: 15px;
	padding-bottom: 30px;
	box-shadow: 1px 1px 2px 2px #eee
}
.default .row .col-sm-3{
	height: 190px;
	margin: 10px 0;
	overflow: hidden;
}
.default .row .col-sm-3 a span{
	position: absolute;
	width: 90%;
	bottom:-120px;
	display: block;
}
.default .row .col-sm-3 a span h5{
	margin: 0;
	background: #036eb8;
	color: #fff;
	padding:7.5px 5px;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}
.default .row .col-sm-3 img{
	width: auto;
	height: 100%;
}
.default .row .col-sm-3:hover img{
	margin-top: -15px;
	transition: .6s ease-in-out;
	animation-duration: .4s;
	animation-delay: .8s;
}
.default .row .col-sm-3:hover span{
	display: block;	
	bottom: 0;
	transition: .4s ease-in-out
}
.container-fluid.page{
	background:url('../images/main-bg.jpg');
}
.container-fluid.page .container{
	padding-top: 30px;
	/* padding-bottom: 60px; */
}
.page .foot{
	margin-top: 60px;
	opacity: 1;
/* 	margin-left: 0;
	margin-right: 0; */
}
.container-fluid.page.default .container{
	padding-bottom: 0;
}
.payment div.center-block{
	width: 800px;
}
.payment div.center-block h1.title0{
	/*薪資單標題背景*/
	background: url('../images/title-bg.png') repeat;
	padding: 10px 15px;
	color: #fff;
	border-radius: 15px 15px 0 0;
	margin-bottom: 0;
	position: relative;
}
.payment div.center-block h1.title{
	/*薪資單標題背景*/
	background: url('../images/title-bg1.png') repeat;
	padding: 10px 15px;
	color: #fff;
	border-radius: 15px 15px 0 0;
	margin-bottom: 0;
	position: relative;
}
.payment div.center-block h1.title i{
	padding-right: 10px;
	color: red;
}
.payment div.center-block .row{
	box-shadow: 1px 1px 2px 1px #eee;
	width: 800px;
	margin: 0 auto;
	background: rgba(0,51,102,.05);
}
.payment div.center-block .paydate{
	width: 600px;
	margin: 30px auto;
	background: #fff;
	padding: 15px;
}
.payment div.center-block .paydate td{
	font-size: 14px;
	letter-spacing: 1px
}
.payment div.center-block .paydate td.detail_button{
	padding: 1px;
}
.payment div.center-block .paydate a{
	background: rgba(0,51,102,1);
	border: 2px solid #fff;
	/*薪資單明細按鈕寬度*/
	/*width: 100px;*/
	width: 90px;
	height: 30px;
	position: relative;
	color: #fff;
	border-radius: 20px;
	margin: 0 auto;
	text-align: center;
	/*薪資單明細按鈕字體*/
	font-size: 16px; 	
	padding: 2px;
}
.payment div.center-block .paydate a i{
	padding-right: 10px;	
}
.payment .table > tbody > tr > td{
	width: 25%;
}
.selectpage .container .row .center-block {
	width: 600px;
	display: block;	
}
.selectpage .container .row .center-block h1.title,
.home .container .row .center-block >h1.title:nth-of-type(1){ 	
	background: url('../images/title-bg.png') repeat;
	color: #fff;
	padding: 15px 10px;
	border-radius: 15px 15px 0 0;
}
.home .container .row .center-block >h1.title:nth-of-type(1) a{
	color: #fff;
	cursor: pointer;
}
.selectpage .container .row .center-block h1.title i{
	padding-right: 10px;
}
.selectpage .container .row .center-block h1.title,
.selectpage .container .row .center-block .row{
	width: 350px;
	display: block;
	margin: 0 auto;
}
.selectpage .container .row .center-block .row{
	background:rgba(0,51,102,.05);
	box-shadow: 1px 1px 1px 1px rgba(0,51,102,.05)
}
.selectpage .container .row .center-block .row ul{
	padding-left: 0;
	list-style: none;
}
.selectpage .container .row .center-block .row form> ul >li{
	width: 300px;
	position: relative;
	margin: 30px auto;
}
.selectpage .container .row .center-block .row ul li i{
	position: absolute;
	z-index: 2;
	padding: 10px;
	border: 1px solid #ccc;
	width: 35px;
	height: 35px;
	background: #fff;
	color: #333;
	right: 0;
	top: 0px;
	text-align: center
}
.selectpage .container .row .center-block .row ul li:hover i{
	background: rgba(0,193,179,1);
	transition: .4s ease-in-out;
	color: #fff;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder{
	/* width: 300px; */
	height: 35px;
}
.bootstrap-select .bs-caret{
	display: none
}
li .datepicker{
	/* width: 300px; */
	border: 1px solid #ccc;
	height: 34px;
}
li textarea{
	border: 1px solid #ccc;
}
li textarea,
li .datepicker,
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle{
	width: 300px;
	border-radius: 0;
}
.selectpage .container .row .center-block .row ul li div button:focus i{
	background: red;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{
	background: #fff;
	box-shadow: none
}
.selectpage .smt{
	background: rgba(0,51,102,1);
	border: 2px solid #fff;
	width: 120px;
	height: 40px;
	color: #fff;
	border-radius: 20px;
	margin: 0 auto;
	text-align: center;
	display: block;
}
.hvr-radial-out:before
{
    /*汎亞家族卡滑鼠點按鈕變黃色*/
	/*background: rgba(247,202,0,1);*/	
}

.home .container .row div.center-block{
	width: 800px;	
}
.home .container .row div.center-block ul{
	 /*汎亞家族卡按鈕間距*/	 
	 padding: 30px 0; 	
}
.home .container .row div.center-block ul li{
	width: 19.5%;
	width: 13%;
	/*汎亞家族卡按鈕間距*/
	/*
	padding: 0 15px;
	margin: 30px 0;
	*/		
	/*padding: 10px 10px 10px 10px;*/    
    padding: 10px 0 0 10px;
    margin: 10px;
}
.home .container .row div.center-block ul li a{
	
	display: block;
	/*汎亞家族卡按鈕寬度*/	
	width: 100%;
	border-radius: 15px; 
	/*汎亞家族卡按鈕顏色*/
	/*background: rgba(0,193,179,1);*/	
	background: rgba(0,51,102,1);
	padding: 10px 0;
	border: 1px solid #eee;
	box-shadow: 1px 1px 1px 1px #eee;
}
.home .container .row div.center-block ul li a span{
	text-align: center;
	width: 100%;
	display: block;
	color: #fff;
}
.home .container .row div.center-block ul li a span h5{
	margin: 10px 0 0 0;
	font-size: 18px;
	letter-spacing: 3px;
}
.home .container .row .center-block ul li a span i{
	margin: 10px auto 0 auto;
	text-align: center;
	color: #fff;
	font-size: 26px;
}
.home .container .row button{
	background: rgba(0,51,102,1);
	border: 2px solid #fff;
	width: 150px;
	display: block;
	color: #fff;
	border-radius: 20px;
	margin: 30px auto;
	text-align: center;
	padding: 15px 0;
}
.home .container .row button h1{
	margin: 0;
}
.home .container .row .center-block >h1.title:nth-of-type(1){
	margin-bottom: 0;
}
.home .container .row .homebg{
	/*background:url('../images/main-blur.jpg') no-repeat;*/
	display: block;
	padding: 0px 0 0px 0;
	width: 800px;
	-webkit-background-size: cover;
	background-size: cover;
	margin: 0;
}
.company_name span.text-center h1:nth-of-type(1){
	color: #e83828;
	font-weight: bolder;
	margin-bottom: 0;
}
.company_name span.text-center h1:nth-of-type(2){
	margin-top: 5px;
	font-weight: normal;
	font-size: 18px;
}
.company_name .pull-right h5{
	display: block;
	text-align: right;
}
.company_name .pull-right{
	position: absolute;
	right: 0;
	top: 0;
}
.company_name .pull-right > h5:nth-of-type(1) a{
	background: rgba(0,51,102,1);
	width: 100px;
	height: 40px;
	color: #fff;
	border-radius: 20px;
	font-size: 16px;
	padding: 5px;
}
.news h5{
	line-height: 30px
}
.news h1.title{
	font-weight: bold;
}
.download ul{
	padding-left: 0;
	list-style: none
}
.download form > ul >li{
	margin: 20px 0;
	width: 300px;
	position: relative;
}
.download form  ul li i{
	position: absolute;
	z-index: 2;
	padding: 10px;
	border: 1px solid #ccc;
	width: 35px;
	height: 35px;
	background: #fff;
	color: #333;
	right: 0;
	top: 0px;
	text-align: center
}
.download form  ul li:hover i{
	background: rgba(0,193,179,1);
	transition: .4s ease-in-out;
	color: #fff;
}
.download form{
	width: 300px;
	display: block;
	margin: 0 auto;
	height: 50vh;
}
.download .smt{
	background: rgba(0,51,102,1);
	border: 2px solid #fff;
	width: 120px;
	height: 40px;
	color: #fff;
	border-radius: 20px;
	margin: 60px auto 30px auto;
	text-align: center;
	display: block;
}
.default ul.list-inline{
	padding-left: 0;
	margin-top: 30px;
	margin-bottom: 30px;
}
.default ul.list-inline li{
	width: 24.7%;	
	text-align: center;
	font-size: 20px;
	margin: 30px 0;
}
.default ul.list-inline li:nth-of-type(1) a{
	background-image: url('../images/0919button_img.png');
	background-color: #e37200;
	
}
.default ul.list-inline li:nth-of-type(1) a:hover{	
	background-color: rgb(255, 175, 95);
	transition: .3s
}
.default ul.list-inline li:nth-of-type(2) a{
	background-image: url('../images/0919button_img.png');
	background-color: #00c1b3;
}
.default ul.list-inline li:nth-of-type(2) a:hover{
	background-color: #20f6e7;	
	transition: .3s
}
.default ul.list-inline li:nth-of-type(3) a{
	background-image: url('../images/0919button_img.png');
	background-color: #e83828;
}
.default ul.list-inline li:nth-of-type(3) a:hover{
	background-color: #ff7164;	
	transition: .3s
}
.default ul.list-inline li:nth-of-type(4) a{
	background-image: url('../images/0919button_img.png');
	background-color:#003366;
}
.default ul.list-inline li:nth-of-type(4) a:hover{
	background-color:#2a8ef2;
	transition: .3s
}
.default ul.list-inline li:nth-of-type(5) a{
	background-image: url('../images/0919button_img.png');
	background-color:#000;
}
.default ul.list-inline li:nth-of-type(5) a:hover{
	background-color: #777;
	transition: .3s
}
.default ul.list-inline li a{
	width: 200px;
	display: block;
	margin: 0 auto;	
	background: #000;
	padding: 15px;
	color: #fff;
	border-radius: 15px
}
.default ul.list-inline li a i{
	padding-right: 10px;
}

.page.home .container> h1.title{
	text-align: center;
	background:none;	
	border-radius: 15px 15px 0 0px;
	padding-left: 15px;
	color: #333;
	/* border-bottom: 5px dashed #fff; */
	font-size: 22px;
}
.page.home .container> h1.title span{
	display: block;
	background: #000;
	margin: 0 auto;
	text-align: center;
	width: 200px;
	padding: 20px;
	border-radius: 30px;
	background: rgba(0,193,179,1);
	letter-spacing: 12px;
	border: 1px dashed #fff;
	box-shadow: 0px 0px 0px 3px rgba(65, 167, 159,.7);
}
.page.home .container> h1.title::before{
	content: "";
	height: 30px;
	width: 1px;
	background:rgba(65, 167, 159,.7);
	display: block;
	margin: 30px auto;
}
.page.home .container> h1.title::after{
	content: "";
	height: 30px;
	width: 1px;
	background: rgba(65, 167, 159,.7);
	display: block;
	margin: 0 auto;
	margin: 30px auto;
}
.fa-minus.eq:before{
	content: "";
	display: none;
}
/* .fa-minus.eq::after, */
.fa-minus.eq{
	content: "";
	/* margin-top: -3px; */
	width: 16.7px;
	/* padding-right: 10px; */
	height: 12px;
	border-top: 3px solid red;
	border-bottom: 3px solid red;
	display: inline-block;
	margin-right: 10px;
}
/* .fa-minus.eq{
	margin-top: 15px;
	display: inline-block;
	vertical-align: bottom
} */
/* .fa-minus.eq::before{
	padding-top: 5px;
	display: block;
	position: relative;

} */