/* Top Banners */
@import "1_7,19_7.css";

.markets-top-banner.swiper_wrapper {
    height: 523px;
}

.markets-top-banner.swiper_wrapper .text-block {
    width: 100%;
    max-width: 440px;
    background-color: rgba(0, 151, 200, 0.8);
    height: 523px;
    padding: 60px 50px 0 50px;/* redfox*/
}

.markets-top-banner.swiper_wrapper .text-block h3 {
    font-family: "Source Sans Pro", "Roboto", Segoe UI;
    font-size: 3em;
    font-weight: 300;/* redfox*/
    line-height: 1.15em;
    letter-spacing: -0.01em;


    word-spacing: 0.01em;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.markets-top-banner.swiper_wrapper .text-block h4 {
    font-size: 1.05em;
    font-weight: 300;
    line-height: 1.4em;
    opacity: 0.8;
    margin-bottom: 40px;
}

.markets-top-banner.swiper_wrapper .text-block a.btn {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#11ffffff,endColorstr=#11ffffff,enabled=true,gradientType='1')\9;
    border: 1px solid rgba(255, 255, 255, 0.45);
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    padding: 9px 30px 10px 30px;
    display: inline-block;
    border-radius: 1px;
    font-weight: 300;
    min-width: 0;
    margin-bottom: 20px;
}

.markets-top-banner.swiper_wrapper .text-block a.btn:hover {
   color: #fff;
    border: 1px solid rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff,enabled=true,gradientType='1')\9;
    text-decoration: none;
    transition: all 0.5s linear 0s;
}

/* Button for Banner Top (1_7.css) */
.swiper_wrapper a.btn.btn-primary {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.45);
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    padding: 7px 30px 10px 30px;
    display: inline-block;
    border-radius: 1px;
    font-weight: 400;
    min-width: 0;
    margin-bottom: 20px;
}




/* 平板電腦、橫向手機和一般桌機解析度 */
@Media (min-width: 768px) and (max-width: 979px) { 
	
.markets-top-banner.swiper_wrapper .text-block h3 {
    font-size: 2.4em;
    line-height: 1.15em;
}	
	
}





/* iPhone 6 & 6 plus > 4.7吋--手機及其他更小解析度 */
@Media (min-width: 373px) and (max-width: 414px) { 

.markets-top-banner.swiper_wrapper .text-block {
    padding: 35px 30px !important;
}

.markets-top-banner.swiper_wrapper .text-block h3 {
    font-size: 2.5em !important;
    margin-bottom: 20px !important;
}
	
}






/* 橫向智慧手機及其他更小解析度 */
@Media (max-width: 480px) { 

.markets-top-banner.swiper_wrapper .text-block {
    padding: 35px 30px !important;
}

.markets-top-banner.swiper_wrapper .text-block h3 {
    font-size: 2.5em !important;
    margin-bottom: 20px !important;
}
	
}