@font-face{
		font-family: Avenir;
		src: url('fonts/Avenir-Roman.ttf');    
}
body{
	background-color:#fff;
}

/*全局樣式 start  */
.jconfirm-content p{

	margin-top:6px;
	margin-bottom:10px;

}
jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
    font-family: Avenir;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 15px;
}
*{
	padding:0;
	margin:0;
}
div,
dl,dt,dd,
form,
h1,h2,h3,h4,h5,h6,
img,
ol,ul,li,table,th,td,
p,
span,
a
	{
	font-family:Avenir;
	color:#3D4E54;
	border:0;
	}

img,input
	{
	border:none;
	vertical-align:middle;
	}

h1,h2,h3,h4,h5,h6,
p,
b,
small,big,
span,input,select,option
	{
		font-family:Avenir;
		color:#3D4E54;
	}
a{
	font-family:Avenir;
	color:#97D2DA;
	text-decoration:underline;
}
ul,ol
	{
	list-style-type:none;
	margin:0;
	}
input
	{
	outline:none;
	border:none;
	box-shadow:none;
	}
button{
	border:none;
	cursor:pointer;
	font-size:12px;
	background-color:transparent;
	}
clear
	{clear:both;
	font-size:1px;
	height:0;
	visibility:hidden;
	line-height:0;
	}
a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:none;}
h1,h2,h3,h4,h5,h6{
	
	font-weight:300;
	 margin:0
}
h1 {
    font-size: 32px;
    font-weight:300;
}

h2 {
    font-size: 0.46rem;
    
}

h3 {
    font-size: 0.36rem;
}

h4 {
    font-size: 0.32rem;
}

h5 {
    font-size: 0.24rem;
}

h6 {
    font-size: 0.2rem;
}


p{
	font-weight:100;
	font-size:0.32rem;
	margin:0;
}
input{
	font-size:0.32rem;
	
}
select[multiple], select[size] {
    height: 0.68rem;
    margin-top:0.01rem;
     margin-bottom:0.01rem;
}
/*全局樣式 end  */

/*公共樣式 start  */
select[multiple], select[size] {
    height: 0.6rem;
    margin-top:0.01rem;
     margin-bottom:0.01rem;
}
.container {
	    padding-right: 0;
	    padding-left: 0;
	    margin-right:0;
	    margin-left: 0;
	  
}
 .jconfirm-content{
	font-weight: 100;
    font-size: 0.32rem;
    margin: 0;

	}
 
 /*頭部導航欄  */
 .container{
	width:100%;
/* 	min-height:100%; */
}
.container .employeeInfo_top{
 	width:100%;
 	height:1rem;	
 	float:right;
 }
.container .employeeInfo_top .icon_container{
	width:100%;
 	height:100%;
 	margin:0 auto;
 }
 .container .employeeInfo_top .icon_container{
 padding:0 0.3rem;
     color: #3D4E54;
 }
.container .employeeInfo_top .icon_container li{
 	float:right;
 	
 	line-height:1rem;
 	
 }
 .container .employeeInfo_top .icon_container #setting{

 }
 .employeeInfo_top .icon_container li:first-child{
     float: left;
    height: 0.72rem;
    width: 0.72rem;

 }
 .container .payslip_title{
 	float:left;
 	width:100%;
 	height:0.8rem;
 	padding-left:0.6rem;
 	margin-bottom:0.2rem;
 }
 .mobileAreaCode{
		margin-left:18px;
}


/*mui部分樣式修改 start  */


.mui-table-view:before,.mui-table-view:after{
	height:0px;
}
.mui-btn-danger, .mui-btn-negative, .mui-btn-red {
    color: #fff;
    border: 1px solid #c44446;
    background-color: #c44446;
}
.mui-btn-blue, .mui-btn-primary, input[type=submit] {
    color: #fff;
    border: 1px solid #3D4E54;
    background-color: #3D4E54;
}

/*mui部分樣式修改 end  */

/*關於我們logo  */
.container .main_us .myCloudHR_logo{
	
	margin:1.4rem 1.6rem 0 1.6rem;
	width:57%;
	height:29%;	
}
.mobileAreaCode{
	 	width:1.5rem;
		margin-left:5px;
		height:32px;
}
.mobileBox{

width:3rem;
}
		
 .form-control{
	color:#3D4E54;
	font-size:0.32rem;
 	padding:5px 12px;
 }
 .img-container{
 
 width:5.5rem;
 height:5.5rem;
}
 #uploadBtn{	
 position: absolute;
   width: 1.7rem;
   height: 0.7rem; 
   bottom: -5px;
   left: -3px;
}
.uploadBtnTip{
color:#fff;
  width:100%;
  height:100%;
 text-align:center;
 position:absolute;
 bottom:0px;
 left:0;
 top:10px;	
}
.fileUpload{	
	width:100%;
	padding:0.1rem 0.6rem;
}
.mui-table-view-cell:after{
	height:0px;
}
.focusIcon{
	
	color:#C44446;
}

.supportCom {
width: 100%;
/* min-height: 2rem; */
margin: 5px 0;
}

.supportCom>ul>li {
float: left;
width: 30%;
margin: 0 1.5%;
}

.supportCom ul li img {
width: 100%;
}
/*add button  */
.addNew{
		width:66px;
		height:66px;
		border-radius:50%;
		background-color:#F9E8BB;		
		position:absolute;
		/* bottom:10px; */
		bottom:2px;
		right:10px;	
		z-index:9999;	
}
.addNew:hover{		

	box-shadow:#FFF8A0 0px 0px 30px 5px inset;
	
}


 /*公共樣式 end  */
  @media(min-height:600px){
  	.container .employee_item .employee_item_icon {
 	   
   			 height: 30%;
	}
  
  }
 @media(min-height:738px){
 
 	.notificationShow{
 	
 		margin-top:50px;
 	}
 	.container .employee_item .employee_item_icon {
 	   
   			 height: 40%;
	}
 }
@media (min-width: 992px){
	.col-md-offset-4 {
    margin-left:27%;
	}
	.uploadBtnTip{
		color:#fff;
  		width:100%;
  		height:100%;
 		text-align:center;
 		position:absolute;
		 bottom:0px;
 		left:0;
 			
}
	select[multiple], select[size] {
    height: 0.56rem;
  	 margin-top:0;
     margin-bottom:0;
       padding-right: 0px;
	}
	
	p{
		font-weight:100;
		font-size:0.24rem;
		margin:0;
	}
	.jconfirm-content{
		font-weight: 100;
	    font-size: 0.24rem;
	    margin: 0;
	
	}
	/*彈出框大小設置  */
	.confirm-box-container{
		width:320px;
	}
	.col-md-4{
		
		width:320px;
	}
	.container {
	    width: 640px;
	    min-height:100%;
	    position: relative;  
	  	left:29%;
	  	border:1px solid rgb(157,165,167);
		border-radius:20px;
	}
			
	.container .employee_item .employee_item_icon li div{
		margin-left:15%;
		margin-right:10%;
	 }
	.container .employee_item .employee_item_icon li h3 {
	 
	    margin-left: 70px;
	}
	.employeeInfo{
	
		border-top-left-radius:20px;
		border-top-right-radius:20px;
	}
	 .mobileAreaCode{
	 	width:1.17rem;
		margin-left:5px;
	}
	.mobileBox{
	width:2rem;
	
	}
			
	/*aboutUs Logo居中  */
	.container .main_us .myCloudHR_logo{
	
	margin: 1.4rem 1.6rem 0 2.3rem;
	
	}
			
	.img-container{
		 width:3.5rem;
		 height:3.5rem;
	}
	#uploadBtn{
		 position: absolute;
	    width: 1.7rem;
	    height: 0.7rem; 
	    bottom: -5px;
	    left: -3px;
	}
	.fileUpload{
		width:100%;
		padding:0.1rem 0rem;
	}
	.form-control {
		color:#3D4E54;
		font-size:0.32rem;
	    padding: 5px 10px;
	}
	.uploadBtnTip {
	    color: #fff;
	    width:100%;
	   text-align:center;
	    position:absolute;
 		bottom:0px;
   		left:0;
   		top:10px;
	}
}
	
	
@media (min-width: 1200px){
	.col-md-offset-4 {
    	margin-left:27%;
	}
	select[multiple], select[size] {
	    height: 0.56rem;
	    padding-right: 0px;
	}
 	p{
		font-weight:100;
		font-size:0.24rem;
		margin:0;
	}
	 .jconfirm-content{
	 
		font-weight: 100;
	    font-size: 0.24rem;
	    margin: 0;

	}
 	/*彈出框大小設置  */
	.confirm-box-container{
	
		width:320px;
	}
	.form-control {
		color:#3D4E54;
		font-size:0.32rem;
   		 padding: 5px 10px;
	}
	
	.container {
	
	    width:640px;	    
	    min-height:100%;
	    position:relative;
	    
	}
	 .employeeInfo{

 		border-top-left-radius:20px;
 		border-top-right-radius:20px;
 		
	 }
		
	.mobileAreaCode{
	
	 	width:1.1rem;
		margin-left:5px;
		
	}
	
	.mobileBox{
	
		width:2rem;
	}
	
	.container .main_us .myCloudHR_logo{
	
		margin: 1.4rem 1.6rem 0 2.3rem;
	
	}
	.img-container{
	
		 width:3.5rem;
		 height:3.5rem;
	}
	.fileUpload{
	
		width:100%;
		padding:0.1rem 0rem;
	
	}
	.uploadBtnTip {
	    color: #fff;
	   width:100%;
	   text-align:center;
	    position:absolute;
		 bottom:0px;
   		left:0;
   		top:10px;
	}
	
	.notificationShow,.notificationShow ul li,.swiper-wrapper{
	
		min-height:2rem;
	}
	.notificationShow ul li [class^="icon-"], [class*=" icon-"]{
	
		line-height:1.5;
	}
	
	.notificationShow ul li .mainCenter{
		
	 	 margin:40px 0px; 
	 
	 }
	 .notificationShow{
	 
	 	margin-top:50px;
	 }
	
 }
 @media (max-width: 500px){
 
 .notificationShow,.notificationShow ul li,.swiper-wrapper{
	
		min-height:1.6rem;
	}
	
	.notificationShow ul li .mainCenter{
	
	 	 margin:0.3rem 0 0.2rem 0; 
	 
	 }
 }