.partnerships{
	width:100%;
	position:relative;
	overflow:hidden;
}
.partnerships-header-bgimge{
    height: 620px;
	background-image:url("https://www.smartbooksbank.com/www2/contents/frontend/assets/images/Partnerships/1.jpg");
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.partnerships-resources-bgimge{
    /*height: 800px;*/
	background-image:url("https://www.smartbooksbank.com/www2/contents/frontend/assets/images/Partnerships/15.png");
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.partnerships-assistant-bgimge{
    height: 500px;
	background-image:url("https://www.smartbooksbank.com/www2/contents/frontend/assets/images/Partnerships/0.jpg");
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.partnershipstitle{
	letter-spacing: -0rem;
    color: #f68b02;
    padding: 50px 0;
    font-weight: normal;
	font-size: 48px;
	font-family: 微軟正黑體;
	 font-weight: 0;
}

.fixed-width{
	width:58%;
	margin:auto;
	text-align: center;
}
.clearfix::after{
	content:"";
	display:table;
	clear:both;
}
.font>img{margin-bottom:30px;}
.action{
	border:2px #fff solid;
	background-color:transparent;/*顏色透明*/
	color:#fff;
	cursor:pointer;
	width:250px;
	line-height: 60px;
	letter-spacing:0.1rem;
	font-size:2.5rem;
	/*font-family: 微軟正黑體;
	font-weight:lighter;*/
	font-weight:bold;
}

.action:hover{
	color:#000000;
	background-color:#fff;
	border:2px #fff solid;
	transition:background-color 0.3s;
} 

.in{
	margin-top: 50px;
	border:2px #417a99 solid;
	background-color:transparent;/*顏色透明*/
	color:#417a99;
	cursor:pointer;
	width:250px;
	line-height: 60px;
	letter-spacing:0.1rem;
	font-weight:lighter;
	font-family:微軟正黑體;
	font-size:2.5rem;
	font-weight:bold;
}
.in:hover{
  color:#ffffff;
  background-color:#417a99;
  border:2px #417a99 solid;
  transition:background-color 0.3s;
} 

/*header start*/
.header1{
	position:relative;/*圖片在下*/
	background-color:#efefef ;
}

.h1111{
	width: 80%;
    height: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: 75px;
    font-weight: bold;
    letter-spacing: 0.2rem;
    margin: 0 auto;
    padding-top: 130px;
}
.h1111>h1{font-size: 75px;}
.h1111>p,.h2111>p{
	font-size:16px;
}
.h1111 span{
	color:#00ffff;
}
.h2111{
	text-align: left;
	position:absolute;/*文字在上*/
    top:50%;
	left:66%;
	transform: translate(-50%,-50%);
	font-size: 4.65rem;
	font-weight:bold;
	/*letter-spacing:0.2rem;*/
	letter-spacing:-0rem;
	color:#ffffff;
}


.banner{
	background-color:#EDEDED;
	padding-bottom:100px;
}

.row:after {   
	content: "";
	display: table;
	clear: both;
}
.box{
	position:absolute;/*文字在上*/
    top:50%;
	left:23%;
	transform: translate(-50%,-50%);
	padding-bottom:5px;
	padding-top:100px;
	display:none;
}
.box1{
	position:absolute;/*文字在上*/
    top:23%;
	left:36%;
	transform: translate(-50%,-50%);
	padding-bottom:5px;
	padding-top:100px;
	display:none;
}
.box2{
	position:absolute;/*文字在上*/
    top:22%;
	left:55.5%;
	transform: translate(-50%,-50%);
	padding-bottom:5px;
	padding-top:100px;
	display:none;
}
.box3{
	position:absolute;/*文字在上*/
    top:50%;
	left:68%;
	transform: translate(-50%,-50%);
	padding-bottom:5px;
	padding-top:100px;
	display:none;
}
.box4{
	/*position: absolute;
    bottom: 0;
    /*left: 50%;
    transform: translate(-50%,0%) !important;*/
}

.icon{
	padding-bottom:100px;
}

.item{
	width:33%;
	float: left;/*浮動排列*/
}

.item1{
	width:50%;
	float: left;/*浮動排列*/
	text-align:center;
}  

.column{
	padding-bottom:100px;
}
	
.column:hover{
	transform: scale(1.1);
	transition: all 0.8s;
} 

.column1 {
	position :relative;
	text-align: center;
	-webkit-animation: mymove 2s infinite; /* Safari 4.0 - 8.0 */
	animation: mymove 2s infinite;
	animation-iteration-count:1;
	padding: 10px;
}
.column1 img{margin-bottom:30px;}
.column1 h3{color: #3a3a3a; font-size:36px;}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  from {bottom: -100px;}
  to {bottom: 10px;}
}

/* Standard syntax */
@keyframes mymove {
  from {bottom: -100px; opacity:0;}
  to {bottom: 10px;opacity:1;}
  
}

/*hr*/
.container.row{margin-left:0;margin-right:0;} 
.hrblue{color: #376D90 !important;}
.hrBanner-top1{
	background: url("https://www.smartbooksbank.com/contents/frontend/assets/images/hr/2.jpg") no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}
.hrBox{max-width:1250px; width:100%; position:relative;margin:auto;}
.hrList{display:flex; align-items: center; width:100%;}
.hrList div{display:table; width:50%;  padding-bottom: 70px;}
.hrBox .hrList:last-child div{ padding-bottom: 10px;}
.hrList div:nth-child(odd){margin-right:30px;}
.hrList div:nth-child(even){margin-left:30px;}
.hrList div div{display:table-cell; padding:15px; vertical-align:middle;}
.hrList div div:nth-child(odd){width:33.33%;}
.hrButton {
    display: inline-block;
    padding: 0.5em 1em 0.5em 1em;
    background: #376D90;
    letter-spacing: 0.20em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.90em;
    color: #FFF;
    border-radius: 5px;
    margin: 0 0 0 auto;
}
.hrButton:hover {
    color: #000000;
    background-color: #f68b02;
    border: 2px #fff solid;
    transition: background-color 0.3s;
}
.bold {
    display: inline-block;
    padding: 1em 1.5em 1em 1.5em;
    background: #376D90;
    letter-spacing: 0.20em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.90em;
    color: #FFF;
    border-radius: 12px;
    width: 300px;
    margin: 30px 0;
}
.bold:hover {
    color: #000000;
    background-color: #0097BC;
    border: 2px #fff solid;
    transition: background-color 0.3s;
}
.prd-category {
    color: #376D90;
    display: inline-block;
    position: relative;
    padding:50px 0;
}
.prd-category:after {
    content: "";
    height: 4px;
    width: 0;
    display: block;
    background: #376D90;
    transition: all .7s;
}
.prd-category:hover:after{
   width:100%;
}
.prd-category h2{font-size: 2.8em; margin-bottom:5px;}

.hrNav{display:table; width:100%;}
.hrMenuse,.hrNav li{display:table-row;}
.hrMenuse a,.hrNav li a{display:table-cell; text-align:center; padding:20px;}