@charset "utf-8";

.maincontent p{text-align: left; color:#333}
.container-fluid { padding: 0; margin: 0 auto; min-width: 100%;}
.minisite a, .minisite a:focus, .minisite a:hover{color: #09F;}
.btn{ border-radius: 0; font-size: 16px !important}
.btn-primary, .btn-primary.focus, .btn-primary:focus, .btn-primary.hover, .btn-primary:hover, .btn-primary.active, .btn-primary:active, .btn-primary.active.focus, .btn-primary:active:focus{background-color: #ff5515; color:#FFF !important; box-shadow: none; border: none;}
.btn-default, .btn-default.focus, .btn-default:focus, .btn-default.hover, .btn-default:hover, .btn-default.active, .btn-default:active, .btn-default.active.focus, .btn-default:active:focus{background-color: #FFF; color: #ff5515 !important; box-shadow: none; border: 1px currentColor solid; }
.bold{ font-weight: bold !important;}
.text-shadow{ text-shadow: 2px 2px 3px #333;}
.sections--color-orange{color: #ff5515;}
.order-md-first{ order:-1;}
.order-md-last{ order:99;}

.cslike-menu + .container-fluid{ padding-top:0 !important;}
.cslike-menu +.container-fluid.top-banner{ max-height:500px; overflow:hidden;}
.cslike-menu +.container-fluid.top-banner>div{height: 100%;}

.grey_section{ background-color: #eee;}
/*.grey_section.container-fluid { padding: 60px 0;}*/
/*.white_section.container-fluid { padding-top: 30px !important; padding-bottom: 30px;}
.white_section.width_full{ margin-bottom: 0;}*/

.cs-minisite{ font-family: Microsoft Jhenghei,Heiti TC,Helvetica,Arial,sans-serif;}
.mobile-toggle{ font-size: 20px;}
.mobile-toggle .fa{ pointer-events: none;}
.mobile-menu, .mobile-menu ul, .mobile-menu ol{list-style: none; }


.nav-overtop{ position: absolute; top:0; right:0; left:0; z-index:1; margin: 0 auto; width: calc(100% - 50px); max-width: 1280px; color:#FFF; text-shadow: 1px 0 3px rgba(0,0,0,0.35), -1px 0 3px rgba(0,0,0,0.35), 0 1px 3px rgba(0,0,0,0.35), 0 -1px 3px rgba(0,0,0,0.35); padding: 10px 0; text-align: right; font-size: 14px;}
.nav-overtop a{color:#FFF; display: inline-block; }
.nav-overtop a.donor-portal{ padding: 0.25em 1em; background-color: #ff5515; color:#FFF; text-shadow: none;}
.multiple-line-nav-item{line-height: 1.2;}

#m6 .carousel-inner, #m6 .carousel-inner>div { height:calc(100% - 50px); max-height: 500px; position: relative;}
#m6 .carousel-caption { position: absolute; top: 0; right: 0 !important; bottom: 50px !important; left: 0 !important; margin: auto; width: 92.74%; max-width: 1180px; height:calc(100% - 50px); max-height: 500px; padding: 0; text-align: left; background-color: transparent; font-size: 16px;
display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: end; justify-content: flex-end; 
}
#m6 .carousel-caption .head{font-size: 1em; text-align: left;}
#m6 .carousel-caption h1{color:#FFF; font-size: 3.5em !important; font-weight: bold; letter-spacing:0.4em;}

body[data-lang="eng"] #m6 .carousel-caption .head{  }
body[data-lang="eng"] #m6 .carousel-caption h1{font-size: 32px !important; letter-spacing: 0; line-height: 1.2;}

#m6 .carousel-caption .btn-primary{font-size: 1em !important; padding: 1.25em 2.5em; border: none; margin-top: 5.5em;}

.minisite .btn-lg{ padding: 1.25em 2.5em; font-size: 18px }

.m24.hidden-xs,.m24.hidden-xs+.row{display: none;}
.minisite-module-container-M15 .container{padding: 0}

ol.orange-accordion > li > a{ color: #777; text-decoration: none; padding: 14px 40px 14px 20px; border: 1px solid #e5e5e5; font-size:18px; letter-spacing: 1px;  }
ol.orange-accordion > li.active > a{ color: #000;  border-color: #ddd; background-color: #fcfcfc;}
/*
ol.orange-accordion > li > a::before{ content: counter(item-counter) ". "; position: relative; left:0; display:inline; width:auto; color: #777;  font-weight: normal; font-size: 1em; padding-left:0; }
*/
ol.orange-accordion > li > a::before, ol.orange-accordion > li > a::after{content:none;}
ol.orange-accordion > li > a > .btn{height:1em; bottom:0; margin: auto 0; padding:0; line-height:1; font-size: 9px !important;}
ol.orange-accordion .answer{ padding: 10px 20px 20px;font-size: 17px;line-height: 1.8;color: #7e8082; margin-bottom: 10px; border:none;}

.inline-slide{min-height: 365px; height: 100%; background-size: cover; background-position: center;}

#footer>.container{ width: calc(100% - 40px); max-width: 1180px !important; }
.orange-arrow-footer{border-top:none;}
.orange-arrow-footer::after{content: none;}

.minisite.white_section{ background-color: #FFF !important; background-image: none !important; /*background-attachment:scroll !important;*/ background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important }

.no-padding-all, .minisite.white_section.no-padding-all{ padding: 0 !important;}
.padding-top, .minisite.white_section.padding-top{padding-top: 30px !important;}
.padding-bottom, .minisite.white_section.padding-bottom{ padding-bottom: 30px !important;}
.padding-top-big, .minisite.white_section.padding-top-big { padding-top: 60px !important;}
.padding-bottom-big, .minisite.white_section.padding-bottom-big { padding-bottom: 60px !important;}
.padding_vertical, .minisite.white_section.padding_vertical{padding-top: 30px !important;padding-bottom: 30px !important;}
.padding_vertical-big, .minisite.white_section.padding_vertical-big{padding-top: 60px !important;padding-bottom: 60px !important;}
.no-padding-left, .minisite.white_section.no-padding-left { padding-left: 0 !important;}
.no-padding-right, .minisite.white_section.no-padding-right{ padding-right: 0 !important;}

/*pages style*/
.home-row04-right{padding-top: 60px; padding-bottom: 60px; max-width: 590px;}
#cs_home_row05{ padding-top: 120px !important; padding-bottom: 120px; }
#cs_home_row05 h2{ line-height: 1.8;}


.minisite.minisite-module-container-M8{ background-position: center !important; margin-bottom: 0 !important; background-attachment: fixed !important;}
.minisite-module-container-M8 div[id$="_page_title"].container{ width: calc(100% - 40px) !important; max-width: 1180px !important; line-height: 1.8; min-height: 530px; position: relative; }
div[id$="_page_title"]>.row{ position: absolute; top:auto; right:0; bottom:80px; left:0; }
div[id$="_page_title"] h1{ font-size: 40px;line-height: 40px;letter-spacing: 10px;font-weight: 600; color:#FFF;}
/*div[id$="_page_title"] h2{margin-bottom: 0; line-height: inherit;}*/

div[id$="_subtitle"], .width_minisite div[id$="_subtitle"]{ font-size: 32px; color:#FFF; text-align: center !important; padding: 0 !important; height: 1em; } 
div[id$="_subtitle"] h1, .width_minisite div[id$="_subtitle"] h1{ font-size: 32px !important; color:#FFF !important; padding: 0; font-weight: 100; } 
div[id$="_subtitle"] .hidden-xs{ display:block !important;}
div[id$="_subtitle"] .visible-xs, div[id$="_subtitle"]+.visible-xs{ display:none !important;}

.minisite-module-container-M8 div[id$="_backdrop_box"].container{ padding-top: 60px !important; padding-bottom: 60px; width: calc(100% - 40px); max-width: 1180px !important; line-height: 1.8;}
div[id$="_backdrop_box"] h2{margin-bottom: 0; line-height: inherit; color:#FFFFFF}

div[id$="_article_box"], .width_minisite div[id$="_article_box"]{display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: calc(100% - 40px); max-width: 1180px !important;}
.width_full div[id$="_article_box"]{display: block !important; width: 100% !important; max-width: 100% !important;}
div[id$="_article_box"] .hidden-xs{ display:block !important;}
div[id$="_article_box"] .m24.hidden-xs, div[id$="_article_box"]+.visible-xs{ display:none !important;}

div[id$="_orange_bar"]{ display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background-color: #ff5515; color:#FFF; border-bottom-color: #FFFFFF; border-bottom-width: 4px; border-bottom-style: solid; width: 100%; padding: 40px 20px !important; margin-bottom: 4px;}
div[id$="_orange_bar"] .hidden-xs{display: block !important; width: 100% !important; max-width: 100% !important;}
div[id$="_orange_bar"] .m24.hidden-xs, div[id$="_orange_bar"]+.visible-xs{ display:none !important;}
div[id$="_orange_bar"] .btn{ font-size: 18px; padding:10px 36px;} 
div[id$="_orange_bar"]+.visible-xs{ display:none;}


@media (max-width: 1024px){
    .cslike-menu-wrap, .cslike-menu.fixed>.cslike-menu-wrap{ height:76px;}
    .cslike-menu+div, .cslike-menu+div.minisite.white_section{ margin-top: 76px !important;}
    .cslike-menu .navbar-nav, .cslike-menu .header-nav::before{top:76px}
    .nav.navbar-nav li>a{ font-size: 18px !important;}
    .order-md-first, .order-md-last{ order: 1; width: 100%;}
    .col-xs-12+.col-xs-12{margin-top: 30px;}
    .minisite.minisite-module-container-M8{ background-attachment:scroll !important;}
    .minisite-module-container-M8 div[id$="_page_title"].container{ min-height: 285px; width: calc(100% - 80px) !important; padding-bottom: 0 !important}
    div[id$="_page_title"]>.row{bottom:55px;}
    #m6 .carousel-caption{ max-height: calc(100% - 80px);}
    #m6 .carousel-caption h1{font-size: 3em !important;}
    body[data-lang="eng"] #m6 .carousel-caption h1{ font-size: 20px !important;}
    #m6 .carousel-caption .btn-primary{font-size: 14px !important;}
}
@media (max-width: 1023px){
    .cslike-menu +.container-fluid.top-banner, #m6 .carousel-inner, #m6 .carousel-inner>div{max-height: none; height:420px;}
     #m6 .carousel-inner>div.m6_donate_item_div{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center;}
    #m6 .item>img{ height: 100%; width: auto !important; max-width: none !important;}
}

@media (max-width: 991px){
#cs_home_row04{}
.home-row04-right{padding:0 0 30px;  width: calc(100% - 80px); max-width: 680px; margin: 0 auto;}
}

@media (max-width: 768px) {
    /*.container{ width: auto !important;}
    .width_minisite .container{ width:calc(100% - 20px);  max-width: 680px !important; }*/
    .minisite-module-container-M8 div[id$="_backdrop_box"].container{ width: calc(100% - 40px) !important; max-width: 680px !important;}
    div[id$="_article_box"]{width: calc(100% - 80px) !important; max-width: 680px !important;}
    #footer>.container{ width: calc(100% - 40px); max-width: 680px !important; }
}

@media (max-width: 767px) {
    
}

@media (max-width: 680px) {
    #m6 .carousel-caption h1{ font-size: 3em !important; }
    #m6 .carousel-caption .btn-primary{ margin-top: 3em;}
}
@media (max-width: 576px) {
    .minisite.white_section{ background-attachment:fixed !important; }
    .minisite.minisite-module-container-M8{ background-attachment:scroll !important;}
    #m6 .carousel-caption h1{ font-size: 2em !important; }
    /*.minisite-module-container-M8 div[id$="_page_title"].container{ min-height: 350px}*/
}

@media (max-width: 480px) {
    .width_full .info { width: 100%;}
    div[id$="_article_box"]{width: calc(100% - 60px) !important; max-width: 680px !important;}
}

@media (max-width: 425px) {
    .cslike-menu +.container-fluid.top-banner, #m6 .carousel-inner, #m6 .carousel-inner>div{height:360px;}
    .inline-slide{min-height:300px;}
}

@media (max-width: 320px) {
    #m6 .carousel-caption h1{ font-size: 1.85em !important; }
    .cslike-menu +.container-fluid.top-banner, #m6 .carousel-inner, #m6 .carousel-inner>div{height:300px;}
}