@charset "utf-8";
/* CSS Document */
body{font-size: 12px; font-family: Arial, "Microsoft JhengHei";}
.mpcanadabgm{background-color: #ef7274;}
.mpcanadacontent{}
.mpcanadacontent_01{padding: 35px!important;}
.mpcanadacontent_img_01{width: 100%;}
.mpcanadacontent_img_02{width: 100%; padding: 10px;}
.mpcanadacontent_txt_01{width: 100%; background-color: #fdfbf3; padding: 75px 15px;}
.mpcanadacontent_txt_02{width: 100%; background-color: #fdfbf3; padding: 10px 15px;}
.mpcanadacontent_txt_title_01{font-size: 5.55em; font-weight: bold;}
.mpcanadacontent_txt_title_02{font-size: 4.5em; font-weight: bold;}
.mpcanadacontent_btn01 a{width: 50%; background-color: #ef7274; border: none; font-size: 3em; font-weight: bold; padding: 5px 50px; color:#fdfbf3;}
.mpcanadacontent_btn01 a:visited{background-color: #ef7274;}
.mpcanadacontent_btn01 a:hover{background-color: #ef7274;}
.mpcanadacontent_btn01 a:active{background-color: #f15255!important;}
.mpcanadacontent_btn01 a:first-child:active{background-color: #f15255!important;}
.mpcanadacontent_btn01wrapper{background-image: url("../images/backgroundhkcanada_01.png"); background-size: 100%; background-position-x: center; background-position-y: bottom; background-repeat: no-repeat; height: 400px;}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 990px;
    }
}
@media only screen and (max-width:991px) {
    .mpcanadacontent_01{padding: 20px!important;}
    .mpcanadacontent_txt_01{padding: 25px 15px;}
    .mpcanadacontent_txt_02{padding: 10px 15px;}
    .mpcanadacontent_txt_title_01{font-size: 3em; font-weight: bold;}    
    .mpcanadacontent_txt_title_02{font-size: 2.5em; font-weight: bold;}  
    .mpcanadacontent_btn01 a{width: 60%; font-size: 3em; padding: 10px 25px;}    
    .mpcanadacontent_btn01wrapper{height: 300px;}
}

@media only screen and (max-width:575px) {
    body{background-color: #ef7274;}
    .mpcanadacontent_01{padding: 30px 20px!important;}
    .mpcanadacontent_txt_01{padding: 25px 15px;}
    .mpcanadacontent_txt_02{padding: 10px 15px;}
    .mpcanadacontent_txt_title_01{font-size: 3em; font-weight: bold;}    
    .mpcanadacontent_txt_title_02{font-size: 2em; font-weight: bold;} 
    .mpcanadacontent_btn01 a{width: 70%; font-size: 2.5em; padding: 10px 25px;}    
    .mpcanadacontent_btn01wrapper{height: 200px;}
}