@charset "utf-8";
/* CSS Document */
/* modify date: 2019/12/10 */
body.hpBg { background: url("/img/bg-min.jpg") top center repeat-x}
body.whats-on { background: url("/img/bg-whaton.jpg") top center repeat}
body.about-us { background: url("/img/bg-whaton.jpg") top center repeat}
body.past-events { background: url("/img/bg-whaton.jpg") top center repeat}
body.e-newsletter { background: url("/img/bg-whaton.jpg") top center repeat}
body.single-past_event { background: url("/img/bg-whaton.jpg") top center repeat}
body.single-champ{ background: url("/img/bg-whaton.jpg") top center repeat-x}
body.single-newsletter { background: url("/img/bg-whaton.jpg") top center repeat}
body.donation { background: url("/img/bg-whaton.jpg") top center repeat}
body.contact-us { background: url("/img/bg-whaton.jpg") top center repeat}
body.search { background: url("/img/bg-whaton.jpg") top center repeat}
article { margin-bottom: 30px; }
.box { height: 310px;}
ul,ol { margin: 0; padding: 0}

.champsBg { background: url("/img/bg-champs-min.jpg") top center repeat-x}
.logo { position: absolute; left:0; top:45px; transition: all 0.5s; transform-origin: 50% 50%;  } 
.logo-img {transition: all 0.5s; transform-origin: 50% 50%;  }
.logo.temp { background:url("/img/logo_yadf.png") center center no-repeat; width:399px; height:124px; display: block}

.logoChamp { background:url("/img/logo_YADFC_at_champs.png") center center no-repeat; width:165px; height:142px; position: absolute; left:50%; margin-left: -85.5px; top:44px; background-size:contain;transform-origin: 50% 50%; transition: all 0.5s;}
.logoYDAF_aside{background:url("/img/leftaside-yadf.png") center center no-repeat; background-size:contain; width:182px; height:56px; display: none; margin-right: 9px;}
.logoChamp_aside{background:url("/img/leftaside-yadfchamp.png") center center no-repeat; background-size:contain; width:70px; height:60px; display: none; margin-right: 9px;}
.leftAside { position: absolute; top:53px; left:0; display: inline-block;}
.rightAside { position: absolute; top:53px; right:0;}

.logoINK_aside{background:url("/img/leftaside-ink.png") center center no-repeat; background-size:contain; width:70px; height:60px; display: none; margin-right: 9px; }
.logoINK_aside.zh{background:url("/img/leftaside-ink_zh.png") center center no-repeat; background-size:contain; width:70px; height:60px; display: none; margin-right: 9px; }
.logoGallery_aside{background:url("/img/leftaside-gallery2.png") center center no-repeat; background-size:contain; width:70px; height:60px; display: none; }
.logoGallery_aside.zh{background:url("/img/leftaside-gallery_zh2.png") center center no-repeat; background-size:contain; width:70px; height:60px; display: none; }
.logoGallery_aside.shiftLogo {left:370px;}
.logoINK_aside.shiftLogo { }

.wrapper{ max-width:100%; width: 100% }
header { height: 310px;  width: 100%; margin: 0 auto; position: fixed; z-index: 10; background: url("/img/bg-min.jpg") top center repeat-x; transition: all 0.5s }
header .container{ width: 1280px; margin: 0 auto; position: relative; height: 100%; overflow-y: hidden; }
.overlaySearch { background-color:white; width:100%; height: 51%; position: absolute; bottom:0; left:0; z-index: 1; margin: 0 auto; display: none }
.overlaySearch form { display: table; margin: 0 auto; height: 100%}
.overlaySearch div { display: table-cell; vertical-align: middle; }
.overlaySearch div input#s {font-size: 20px; font-family: futura-pt, sans-serif,'Microsoft JhengHei'; font-weight: 400; font-style: normal; padding:.5em }
.overlaySearch div input#searchsubmit {padding: 10px 20px; font-family: futura-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal; color: white; text-align: center; font-size: 20px; background-color: #007bff; border-radius: 5px; border:none; }

nav ul { display: inline-block; position: relative; margin: 0 auto; list-style: none; top:205px;}
nav ul li { display: table-cell; width: 110px; height: 105px; text-align: center; font-family: futura-pt-bold,sans-serif; font-weight: 700; font-style: normal; font-size: 15px; vertical-align: middle }
nav ul li a { color:black; }
nav ul li a:hover { color:white; }
nav.champNav ul li:nth-child(1){ background:url(/img/nav-pattern3.png) center center no-repeat;}
nav.champNav ul li:nth-child(3){ background:url(/img/nav-pattern1.png) center center no-repeat;}
nav.champNav ul li:nth-child(4){ background:url(/img/nav-pattern5.png) center center no-repeat;}
nav.champNav ul li:nth-child(5){ background:url(/img/nav-pattern6.png) center center no-repeat;}
nav.champNav ul li:nth-child(6){ background:url(/img/nav-pattern7.png) center center no-repeat;}
nav.champNav ul li:nth-child(7){ background:url(/img/nav-pattern8.png) center center no-repeat;}

nav>ul>li:nth-child(1){ background:url(/img/nav-pattern1.png) center center no-repeat;}
nav ul li:nth-child(2){ background:url(/img/nav-pattern2.png) center center no-repeat;}
nav ul li:nth-child(3){ background:url(/img/nav-pattern3.png) center center no-repeat;}
nav ul li:nth-child(4){ background:url(/img/nav-pattern4.png) center center no-repeat;}
nav ul li:nth-child(5){ background:url(/img/nav-pattern5.png) center center no-repeat;}
nav ul li:nth-child(6){ background:url(/img/nav-pattern6.png) center center no-repeat;}
nav ul li:nth-child(7){ background:url(/img/nav-pattern7.png) center center no-repeat;}
nav ul li:nth-child(8){ background:url(/img/nav-pattern8.png) center center no-repeat;}
nav ul li:nth-child(9){ background:url(/img/nav-pattern2.png) center center no-repeat;}
nav ul li:nth-child(10){ background:url(/img/nav-pattern6.png) center center no-repeat;}

.menuOverlay .lang.mobile { top:10px; margin: 0 auto; position: relative; right:inherit; display: block; text-align: center; }
.lang { position: absolute; right:0px; top:120px; display: inline-block; }
.lang .wpml-ls-legacy-list-horizontal a { display: inline-block!important; height: 100%; width: 100%; padding:2px; border:red solid 0px }
.lang .wpml-ls-legacy-list-horizontal { padding:0; }

.lang ul li.wpml-ls-item-zh-hant span,
.lang ul li.wpml-ls-item-en span { width:auto; height: 20px; opacity: 0; font-size:12px; }
.lang ul li.wpml-ls-item-zh-hant { background:url("/img/lang-zh.png") -28px 0px no-repeat; background-size:150%; width:40px; height: 18px; border-left:solid 1px black }
.lang ul li.wpml-ls-item-zh-hant.wpml-ls-current-language { background:url("/img/lang-zh.png") 9px 0px no-repeat; background-size:150%; width:40px; height: 18px; border-left:solid 1px black }
.lang ul li.wpml-ls-item-en.wpml-ls-current-language { background:url("/img/lang-en.png") 7px 0px no-repeat; background-size:150%; width:40px; height: 18px; }
.lang ul li.wpml-ls-item-en { background:url("/img/lang-en.png") -27px 0px no-repeat; background-size:150%; width:40px; height: 18px; }
.lang ul li a span {font-family: futura-pt,sans-serif,'Microsoft JhengHei';font-weight: 400; font-style: normal;}
.lang.moible ul li.wpml-ls-item-en { background-size:150%!important; }


.social { display:inline-block }
.menuList { display:inline-block }
.social>ul { list-style: none; height: 43px;  transition: all 0.5s;}
.social>ul>a { position: relative}
.social>ul>li { display: inline-block; width: 37px; height: 34px;  transition: all 0.5s;}
.social>ul>a>li { display: inline-block; width: 37px; height: 34px;  transition: all 0.5s;}
.social>ul>a:nth-child(1)>li { background:url("/img/mail.png") center center no-repeat; background-size:contain}
.social>ul>a:nth-child(2)>li { background:url("/img/ig.png") center center no-repeat; background-size:contain }
.social>ul>a:nth-child(3)>li { background:url("/img/fa.png") center center no-repeat; background-size:contain }
.social>ul>a:nth-child(4)>li { background:url("/img/yt.png") center center no-repeat; background-size:contain}
.social>ul>a:nth-child(5)>li { background:url("/img/login.png") center center no-repeat; background-size:contain;}
.social>ul>li { background:url("/img/login.png") center center no-repeat; background-size:contain; position: relative}
.searchIcon { background:url("/img/search.png") left center no-repeat; width:37px; height:37px; display: inline-block; cursor: pointer}
.wpuf-user-loggedin .wpuf-user-avatar { display: inline-block; overflow: hidden; border-radius: 50%; }
.wpuf-user-loggedin { font-size:16px;}
.wpuf-user-loggedin h3 { display: inline-block}
ul.subsub { position: absolute; display: none; background:white; height: auto; width: auto; z-index: 2; left:-40px; top:30px; border-radius: 3px;  }
ul.subsub li { display: block; background:white; padding:3px 8px; white-space: nowrap; }

.menuList ul li.menu { background:url("/img/menu.png") center center no-repeat; width: 27px; height: 34px;   background-size:contain;  display:none; cursor: pointer; margin-left: 10px;}
.menuList ul a { position: relative}
.menuList ul a li { display: inline-block; width: 37px; height: 34px;  transition: all 0.5s;}

.menuList ul a:nth-child(2) li { background:url("/img/cart.png") center center no-repeat; background-size:contain  }
a.cart-contents>span.cart-contents-count { position: absolute; min-width: 20px; height: 20px; background-color:#7ab1ec; border-radius: 50%; color:white; display: inline-block; text-align: center; font-size: 12px; vertical-align: middle}
a.cart-contents { background:url("/img/cart.png") center center no-repeat; background-size:contain; width: 37px; height: 34px; display: inline-block; }
.menuOverlay {display: none; }
.menuOverlay .close { background:url("/img/close_modal.png") center center no-repeat; width:30px; height:30px; position: fixed; top:20px; right:10px;}
.menuOverlay .social.mobile { position: relative; width:100%; }
.menuOverlay { width:100%; height: 100%; position: fixed; top:0; left:0; z-index: 101; display: none; overflow-y: scroll; background:url("/img/bg-whaton.jpg") top center repeat-y}
.menuOverlay ul { }
.menuOverlay ul li { display:block; border-bottom:#e1e1e1 solid 1px; padding-left: 15px; font-family: futura-pt-bold,sans-serif; font-weight: 700; font-style: normal; font-size: 22px; height: 60px; line-height: 60px; }
.menuOverlay ul li a { color:black}
.menuOverlay ul li a:hover { color:white}
.menuOverlay>ul>li:nth-child(1){ background:url(/img/nav-pattern1.png) -50px center no-repeat; background-size:50%}
.menuOverlay>ul>li:nth-child(2){ background:url(/img/nav-pattern2.png) -50px center no-repeat; background-size:50%}
.menuOverlay ul li:nth-child(3){ background:url(/img/nav-pattern3.png) -50px center no-repeat; background-size:50%}
.menuOverlay ul li:nth-child(4){ background:url(/img/nav-pattern4.png) -50px center no-repeat; background-size:50%}
.menuOverlay ul li:nth-child(5){ background:url(/img/nav-pattern5.png) -50px center no-repeat; background-size:50%}
.menuOverlay ul li:nth-child(6){ background:url(/img/nav-pattern6.png) -50px center no-repeat; background-size:50%}
.menuOverlay ul li:nth-child(7){ background:url(/img/nav-pattern7.png) -50px center no-repeat; background-size:50%}
.menuOverlay ul li:nth-child(8){ background:url(/img/nav-pattern8.png) -50px center no-repeat; background-size:50%}
.menuOverlay ul li:nth-child(9){ background:url(/img/nav-pattern2.png) -50px center no-repeat; background-size:50%}
.menuOverlay ul li:nth-child(10){ background:url(/img/nav-pattern6.png) -50px center no-repeat; background-size:50%}


.woocommerce-message { font-size:16px; }
#top_banner .hpSlide { height: 505px; width: 100%; z-index: 10; position: absolute; top:0 }
#top_banner .hpBgSlide{  width: 100%; filter: blur(8px); -webkit-filter: blur(8px); opacity: 0.2; position: absolute; top:0; height: 100%; }
#top_banner { margin-bottom: 30px; }
#mid_banner { width:860px; margin: 0 auto}
#champ_top_banner {  width:1170px; margin: 0 auto;margin-bottom: 30px; }

h2 { font-size:36px; font-family: futura-pt,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal; display: inline-block; width: 100%; position: relative; padding-left: 50px; margin-bottom: 40px; padding-top: 20px;}

h2.whaton { background:url(/img/hd-whaton.png) left center no-repeat; min-height: 150px; line-height: 46px;left:-50px;padding-top:50px}
h2.about { background:url(/img/hd-whaton.png) left center no-repeat; min-height: 150px; line-height: 46px;left:-50px;padding-top:50px}
h2.champ { background:url(/img/hd-champ.png) left center no-repeat; min-height: 150px; line-height: 46px;left:-50px;padding-top:50px}
h2.event { background:url(/img/hd-event.png) left center no-repeat; min-height: 150px; line-height: 46px;left:-50px;padding-top:50px}
h2.newsletter { background:url(/img/hd-donation.png) left center no-repeat; min-height: 150px; line-height: 46px;left:-50px;padding-top:50px}
h2.donation { background:url(/img/hd-donation.png) left center no-repeat; min-height: 150px; line-height: 46px;left:-50px;padding-top:50px}
h2.gallery { background:url(/img/hd-about.png) left center no-repeat; min-height: 150px; line-height: 46px;left:-50px;padding-top:50px}
h2.socialTitle { background:url(/img/hd-social.png) left center no-repeat; min-height: 150px; line-height: 46px;left:-50px;padding-top:50px}
h2.give-form-title{ font-size: 22px; font-family: futura-pt-bold,sans-serif; font-weight: 700; font-style: normal;}

h3 { font-size: 21px; font-family: futura-pt-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal; margin-bottom: 20px; }
h4{  background: url(/img/hd-whaton.png) left center no-repeat;
    background-size: contain; height: 65px; line-height: 65px; font-size:18px; font-family: futura-pt,sans-serif; font-weight: 700; font-style: normal; text-indent: 35px;}
.whiteBlock { width: 730px;min-height: 190px; background-color: white; border-radius: 10px; position: relative; text-align: left; margin-bottom: 30px; padding:15px; }

.newBlock a { color:black; text-decoration: none }
.newBlock .action a { padding:10px 20px; font-family: futura-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal; color:white; text-align: center; font-size:20px; background-color:#ef7878; border-radius: 5px; width: auto; display: inline-block; margin-bottom: 20px; }
.newsletter.action a { padding:10px 20px; font-family: futura-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal; color:white; text-align: center; font-size:20px; background-color:#ef7878; border-radius: 5px; width: auto; display: inline-block; margin-bottom: 20px; }
.downloadAction a { padding:10px 20px; font-family: futura-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal; color:white; text-align: center; font-size:20px; background-color:#ef7878; border-radius: 5px; width: auto; display: inline-block; margin-bottom: 20px; }
.whiteBlock.group { text-align: center; width:550px; margin: 0 auto }
.whatOnThumb { width:100%; height: auto; display: inline-block;  border-radius: 15px;  padding-top: 15px; padding-bottom: 15px;}
.whiteBlock h3 { font-size: 22px; font-family: futura-pt-bold,sans-serif; font-weight: 700; font-style: normal; color:#00913A; margin-top: 15px;}
.whiteBlock p { font-size: 20px; font-family: futura-pt,sans-serif;font-weight: 400; font-style: normal; }
.newBlock { position: relative; padding-bottom: 25px; }
.newBlock .date { font-size: 14px; font-family: futura-pt,sans-serif;font-weight: 400; font-style: normal; position: absolute; top:80px; left:-120px;}
.newBlock .date::after { content:url("/img/arrow_green.png"); width:13px; height: 25px; display: inline-block;vertical-align: bottom; padding-left: 10px;}

#loadMore { color:#00913A; margin: 0 auto; font-size:24px; margin-bottom: 30px;}
#loadMorea, #loadMoreb {
    color: #00913A;
    margin: 0 auto;
    font-size: 24px;
    margin-bottom: 30px;
}
.chart {width:650px;height:170px;margin:0 auto; background-size:contain; background-position: top center; background-repeat: no-repeat}
.bottomChart {width:166px;height:149px;display:inline-block; background-size:contain; background-position: top center; background-repeat: no-repeat}
.bottomChartGroup{width:650px;height:149px;display:inline-block}
/*-----hp newsletter part---------------------------------------------------------------------------------------------*/
.newsletterBlock {position: relative; padding-bottom: 25px;  }
.newsletterThumb { width:100%; height: 190px; display: inline-block; background-size:cover; border-radius: 15px; margin-top: 15px; padding-bottom: 15px; font-family: futura-pt,sans-serif, 'Microsoft JhengHei';font-weight: 400; font-style: normal;}
.white1ColBlock{ min-height: 370px; background-color: white; border-radius: 10px; position: relative; padding: 15px; }
.white1ColBlock a { color:black; }
.white1ColBlock h3 {font-family: futura-pt,sans-serif,'Microsoft JhengHei';font-weight: 700; font-style: normal; margin-top: 20px; }
.white1ColBlock p {font-family: futura-pt,sans-serif,'Microsoft JhengHei';font-weight: 400; font-style: normal; }
.newsletterBlock .date { font-size: 14px; font-family: futura-pt,sans-serif;font-weight: 400; font-style: normal; position: absolute; top:80px; left:-80px;}
.newsletterBlock .dateRight { font-size: 14px; font-family: futura-pt,sans-serif;font-weight: 400; font-style: normal; position: absolute; top:80px; right:-80px;}
.newsletterBlock .date::after { content:url("/img/arrow_pinkL.png"); width:13px; height: 25px; display: inline-block;vertical-align: bottom; padding-left: 10px;}
.newsletterBlock .dateRight::before { content:url("/img/arrow_pinkR.png"); width:13px; height: 25px; display: inline-block;vertical-align: bottom; margin-right:5px ;}
p,ul,ol { font-size: 20px; font-family: futura-pt,sans-serif,'Microsoft JhengHei';font-weight: 400; font-style: normal; margin-bottom: 30px; }

.otherIssue .post-carousel.slick-slide { min-height: 370px; background-color: white; border-radius: 10px; position: relative; margin: 15px;}
.otherIssue .post-carousel.slick-slide .post-image-bg { width:100%; height: 190px; display: inline-block; border-radius: 15px; margin-top: 15px; padding-bottom: 15px; font-family: futura-pt,sans-serif, 'Microsoft JhengHei';font-weight: 400; font-style: normal; overflow: hidden; }
.otherIssue .post-carousel.slick-slide .post-image-bg img { min-height: 190px; width: auto;}
.otherIssue .post-carousel.slick-slide h2.wp-post-title a, .recent-post-carousel h2.wp-post-title {font-family: futura-pt,sans-serif,'Microsoft JhengHei';font-weight: 700; font-style: normal; margin-top: 20px; padding:0!important }
.otherIssue .wp-post-content { font-size:20px;}
.otherIssue .wp-post-date { display: none;}

.content ul, .content ol { margin-left: 0; /*padding-left: 20px;*/}
.segment { padding-bottom: 35px; width: 100%}
.content { width:730px; margin: 0 auto; margin-top:30px; display: block; }
.sponser{padding:15px 0;}
.profile{width:200px; height: 200px; border-radius: 50%; margin: 0 auto; background-color:#ffffff!important}
.alignRight{text-align: right; }
.actionLink { font-size: 24px; color:#172A88; margin:0 auto; margin-bottom: 80px; text-align: center;}
.actionLink.green a { color:#00913A}
.actionLink.red a { color:#ef7878}
.actionLink.yellow a { color:#f3c57a}
.ctr {text-align: center; margin: 0 auto; }
.modal-body{ background:white;}
.modal-body h2 { padding: inherit; }
/*-----about us--------------------------------------------------------------------------------------------------------------------*/
/*-----about us--------------------------------------------------------------------------------------------------------------------*/
/*-----about us--------------------------------------------------------------------------------------------------------------------*/
.emptyBlock { display: table}
.emptyBlock .col-lg-8 { display: table-cell; vertical-align: middle; height:100% }
.sponsors div:before {content:""; display: inline-block; height: 100%;  vertical-align: middle; }
.chart-full { width:650px; height: 170px; background-size: contain; background-position: top center; background-repeat: no-repeat; margin: 0 auto }
.chart-half {width:166px; height: 149px; background-size: contain; background-position: top center; background-repeat: no-repeat; display: inline-block; margin: 0 30px; }
/*-----champs--------------------------------------------------------------------------------------------------------------------*/
/*-----champs--------------------------------------------------------------------------------------------------------------------*/
/*-----champs--------------------------------------------------------------------------------------------------------------------*/
.yadfc { background: url("/img/logo_YADFC.png") center center no-repeat; width: 165px; height: 117px; display: block; position: absolute; top:10px; right:0}
.yadf-champs .woocommerce ul.products li.product .button { display:none }
.galleryRow { margin-top: 20px; display: block; width: 100% }
.wpuf-success,.wpuf-errors { font-size: 16px!important;}
/*-----events--------------------------------------------------------------------------------------------------------------------*/
/*-----events--------------------------------------------------------------------------------------------------------------------*/
/*-----events--------------------------------------------------------------------------------------------------------------------*/
input[type="password"] { font-family:arial }
.event a .workshop,
.event .workshop,
.event a .painting,
.event .painting,
.event .exhibition,
.event .tour,
.event .sketching,
.event .concert
.event .icpc,
.event .others {height:200px; font-size: 22px; font-family: futura-pt-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal; color:white!important; border-radius: 10px; padding-bottom: 25px }
.event a .txt {font-family: futura-pt-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal;  position:absolute; z-index: 2; padding: 10px 15px;-webkit-filter: drop-shadow(0px 0px 1px #222);
    filter: drop-shadow(0px 0px 1px #222); color:white!important;}
.event .txt { position:absolute; z-index: 10; padding: 10px 15px;-webkit-filter: drop-shadow(0px 0px 1px #222);
    filter: drop-shadow(0px 0px 1px #222); font-family: futura-pt-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal;}
.event .color { border-radius: 15px; height: 100%; display: inline-block; z-index: 5; top:0; left:0; width:100%; }

#past_event_yadf .slider {height:175px; font-size: 22px; font-family: futura-pt-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal; color:white!important; border-radius: 10px;  }
#past_event_yadf .slider a .txt {font-family: futura-pt-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal;  position:absolute; z-index: 10; padding: 10px 15px;-webkit-filter: drop-shadow(0px 0px 1px #222);
    filter: drop-shadow(0px 0px 1px #222); color:white!important;}
#past_event_yadf .slider .txt { position:absolute; z-index: 10; padding: 10px 15px;-webkit-filter: drop-shadow(0px 0px 1px #222);
    filter: drop-shadow(0px 0px 1px #222); font-family: futura-pt-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal;}
#past_event_yadf .slider .color { border-radius: 15px; height: 100%; display: inline-block; z-index: 5; top:0; left:0; width:100%; }
#past_event_yadf .slider .pic  { border-radius: 15px; position: relative;  background-size:cover;  height: 100%; display: inline-block; width:100%;top:0; left:0;   background-position: center center; background-repeat: no-repeat; }
#past_event_yadf .slider .color:hover{ background-color:rgba(0,0,0,0);}
#past_event_yadf .owl-prev { left:-15px; background:url(/img/icon_prev.png) center center no-repeat!important;}
#past_event_yadf .owl-next { right:-15px; background:url(/img/icon_next.png) center center no-repeat!important; }
.past-event-feature img { padding: 0 10px 10px 0}

.color.yellow {background: #fdf6a9; }
.color.pink {background: #fdcea9 }
.color.green {background: #a1e5d6}
.color.darkPink {background: #fdb8ca; }
.color.purple {background: #cea0c4;}
.color.red {background:#f19a9a;}
.color.blue { background:#3588c3}
.color.darkGreen { background:#a6cc36 }
.event .pic  { border-radius: 15px; position: relative;  background-size:cover;  height: 100%; display: inline-block; width:100%;top:0; left:0;   background-position: center center; background-repeat: no-repeat; }
.event .color:hover{ background-color:rgba(0,0,0,0);}
.effect:hover {opacity: 1}
.effect { mix-blend-mode:luminosity; position:absolute;  z-index: 1; width: 100%; height: 100%; opacity: 0.5}
.back-to-top{
	background:url(/img/back-to-top.png) center center no-repeat;
    width:80px;
    height:80px;
    position: fixed;
    right:30px;
    bottom:170px;
    -webkit-box-shadow:0px 1px 1px #ccc;
    -moz-box-shadow:0px 1px 1px #ccc;
    box-shadow:0px 1px 1px #ccc;
    border-radius: 40px;
    z-index:100;
    opacity: 0;
    background-size:contain;
    border:#e1e1e1 1px solid;
	cursor:pointer;
}
.foogallery.fg-masonry.fg-center { margin-bottom: 30px!important}
ul.byYear,ul.sub-menu { margin: 0; padding: 0; list-style: none;margin-bottom: 20px; width:100%}
ul.byYear a li,ul.sub-menu a li { display: inline-block; min-width: 100px; width:auto; text-align: center; background-color:white; border-radius: 4px; margin-right: 10px; margin-bottom:10px; padding: 2px 10px; color:black; }
ul.byYear a li.active,ul.sub-menu a li.active { background: #da8dcc;
background: -moz-linear-gradient(left, #da8dcc 0%, #fdd1b6 100%);
background: -webkit-linear-gradient(left, #da8dcc 0%,#fdd1b6 100%);
background: linear-gradient(to right, #da8dcc 0%,#fdd1b6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da8dcc', endColorstr='#fdd1b6',GradientType=1 ); color:#ffffff; }


/*-----events--------------------------------------------------------------------------------------------------------------------*/
/*-----events--------------------------------------------------------------------------------------------------------------------*/
/*-----events--------------------------------------------------------------------------------------------------------------------*/

/*-----newsletter--------------------------------------------------------------------------------------------------------------------*/
/*-----newsletter--------------------------------------------------------------------------------------------------------------------*/
/*-----newsletter--------------------------------------------------------------------------------------------------------------------*/
body.single-newsletter figure { margin-bottom: 20px; }
body.single-newsletter .info { font-family: futura-bold,sans-serif,'Microsoft JhengHei'; font-weight: 400; font-size:14px;}
body.single-newsletter .date { font-family: futura-bold,sans-serif,'Microsoft JhengHei'; font-weight: 400; font-size:14px;}
body.single-newsletter .location { font-family: futura-bold,sans-serif,'Microsoft JhengHei'; font-weight: 400; font-size:14px;margin-bottom: 20px;}
body.single-newsletter .note { font-family: futura-bold,sans-serif,'Microsoft JhengHei'; font-weight: 400; font-size:14px;margin-top:10px;margin-bottom: 20px;}
body.single-newsletter figure img { width: 100%; }
body.single-newsletter figcaption { margin: 10px 5px;font-family: futura-bold,sans-serif,'Microsoft JhengHei'; font-weight: 400; }
body.single-newsletter hr { margin-bottom: 30px;  }
body.single-newsletter h3 { color:#ef7878; text-align: center; font-size:26px; }
body.single-newsletter h4 { color:#333333; text-align: center; font-size:18px; font-weight: bold; background-image:none}
/*body.single-newsletter .wp-block-image figcaption { margin-top: 0px; }*/
body.single-newsletter .issue { font-family: futura-bold,sans-serif,'Microsoft JhengHei'; font-weight: 400; font-size:16px; position: relative; margin-bottom: 20px;}
body.single-newsletter article { position: relative; }
body.single-newsletter .otherIssue>div { margin-bottom: 20px; height: 370px; position: relative; }
body.single-newsletter .date + .highlight { margin-top: 20px; }
body.single-newsletter .highlight {color:#ef7878; font-family: futura-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-size:22px; width:100%; padding: 10px; text-align: center; border: #ef7878 solid 3px; margin-bottom: 20px; }
body.single-newsletter .action a { padding:20px; min-height: 60px; font-family: futura-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal; color:white; text-align: center; font-size:26px; background-color:#ef7878; border-radius: 5px; width: auto; display: inline-block; margin-bottom: 20px; }
#newsletter .carousel-inner { padding:0 30px;}
/*-----newsletter--------------------------------------------------------------------------------------------------------------------*/
/*-----newsletter--------------------------------------------------------------------------------------------------------------------*/
/*-----newsletter--------------------------------------------------------------------------------------------------------------------*/

/*-----gallery--------------------------------------------------------------------------------------------------------------------*/
/*-----gallery--------------------------------------------------------------------------------------------------------------------*/
/*-----gallery--------------------------------------------------------------------------------------------------------------------*/
a.picThumb { width:70px; height: 70px; border-radius: 50%; display: inline-block; overflow: hidden}
a.picThumb>div { width:70px; height: 70px;}
a+.pic-data.type_h { display: inline-block; vertical-align: top; margin-left: 10px; }

.gallery{ width:100%; height:145px; background-size:cover; background-position: center center; background-repeat:no-repeat; border-radius: 15px; margin-bottom: 25px; display: table!important; cursor: pointer }
.gallery >div {font-family: futura-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal; color:white; text-align: center; font-size:26px; display: table-cell; opacity: 0}
.gallery >div:hover {opacity: 1}
.gallery >div::before{content:""; display: inline-block; height: 100%;vertical-align: middle; }
.vline { border-left:black 1px solid}
.woocommerce-ordering { font-size:16px}
.woocommerce-input-wrapper { width:100%}
.shop_table.woocommerce-checkout-review-order-table {font-size: 16px; }
li.product a { color:black}
li.product a h2 { font-weight: 400}
nav.woocommerce-pagination.champNav ul{ position: relative; top:auto}
nav.woocommerce-pagination.champNav ul li {background:none; height: auto; width: 50px; padding: 10px;}
.woocommerce nav.woocommerce-pagination ul,.woocommerce nav.woocommerce-pagination ul li { border:none}
.woocommerce { width: 100%; }
.pagination {position: relative; top:auto; font-family: futura-pt-bold,sans-serif; font-weight: 700; font-style: normal; font-size: 15px; vertical-align: middle; margin: 0 auto; text-align: center;}
.pagination .page-numbers.current {border-radius: 50%; background-color:#7ab1ec; color:white; width:30px; line-height: 1; padding: 10px}
.pagination a { color:black; width:30px;line-height: 1; padding: 10px }
.pagination a:last-of-type { width:auto;}
.pagination a:first-child  { width:auto;}
.pagination:before { content:""; display: table;}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents,.cart_totals { font-size: 16px;}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { border-radius: 50%; background-color:#7ab1ec; color:white }
.woocommerce a.button { font-size: 16px; }
.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size: 16px; color:black }
.woocommerce div.product p.stock { font-size: 16px; color:black; font-weight: 800; }
.woocommerce div.product p.stock.in-stock{ font-size: 16px; color:black; font-weight: 800; display: none }
.woocommerce button.button.alt { background-color:#7ab1ec}
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size:14px; font-weight: 400;  }
.woocommerce-notices-wrapper { width: 100%; }
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul { padding: 1em 2em 1em 3.5em }
.woocommerce-table.woocommerce-table--order-details {font-size:16px;}
div#tab-description h2, div#tab-additional_information h2 { display: none; }
.summary.type_h {float:left!important; width: 100%!important}
.summary {  padding-bottom: 20px; }
.summary h2 { margin-bottom: 0}
.summary p { margin-bottom: 0px;}
.summary p.price { margin-bottom: 30px;}
.summary .single_add_to_cart_button.button.alt { margin-top: 30px;}
.product_meta { font-size:14px; font-family: futura-pt,sans-serif,'Microsoft JhengHei'; font-weight: 400;}
.posted_in a,.tagged_as a { padding: 5px 10px; border:#666666 1px solid; color:#666666; margin: 0px; margin-right:5px; margin-bottom:5px; border-radius: 3px; display: inline-block }
.sku_wrapper { display: none; }
.product_meta { border-top:#666 solid 1px; padding-top:30px; }
.woocommerce-page div.product div.images.type_h { float:inherit!important; width:100%!important}
.woocommerce-product-attributes,#tab-description { font-size:20px; }
h4+ul.products { margin-top: 20px!important;}
.wpuf-form-add {width: 100%; margin: 0 auto;}
#wpuf-login-form { width:400px; margin: 0 auto; }
#wpuf-login-form input[type="text"],#wpuf-login-form input[type="password"]  { width:100%;}
#wpuf-login-form input[type="submit"], #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit], .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit],.wpuf-submit-button { padding: 10px 20px; font-family: futura-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal; color: white; text-align: center; font-size: 20px; background-color: #007bff; border-radius: 5px; border:none;}
#wpuf-login-form { font-size:16px; }
#wpuf-user_pass { position: relative; }
.wpuf-dashboard-content.posts {width:100%!important;float:inherit!important;font-size: 20px;}
#loginform .showMePassword { position: absolute; display: block; cursor: pointer; background:url(/img/showPassword.png) left top no-repeat; width:37px; height: 25px; top:41px; right:10px; }
#loginform p:nth-child(2){ position: relative;}
.wpuf-el.password .wpuf-fields{ position: relative;}
.wpuf-el.password .showMePassword { position: absolute; display: block; cursor: pointer; background:url(/img/showPassword.png) left top no-repeat; width:37px; height: 25px; top:9px; right:30px; }
nav.wpuf-dashboard-navigation.champNav { display: none; }
nav.wpuf-dashboard-navigation.champNav ul {top:0}
nav.wpuf-dashboard-navigation.champNav ul li { font-size:20px; display: block; background:rgba(0,0,0,0)!important; text-align: left; height: auto; font-weight: 400; font-family:  futura-pt, sans-serif,'Microsoft JhengHei';}
/*-----donation-------------------------------------------------------------------------------------------------------------------*/
/*-----donation-------------------------------------------------------------------------------------------------------------------*/
/*-----donation-------------------------------------------------------------------------------------------------------------------*/
legend { display: none}
.give-submit.give-btn{ padding:10px 20px; font-family: futura-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal; color:white; text-align: center; font-size:20px; background-color:#007bff; border-radius: 5px; }
.give-default-level { background-color:#007bff; color:white; }
.summary h2 { text-align: left; font-size: 26px; font-weight: 400; padding: 0; }
.woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 20px;color:black }
.woocommerce button.button { font-size: 16px;}
.charitable-fieldset { font-size: 16px;}
input.phone,input.textfield,.ffm-checkbox-field,#give_terms_agreement {  font-size:20px;font-family:  futura-pt, sans-serif,'Microsoft JhengHei'; font-weight: 400; font-style: normal; }
.give-label { font-size:20px;font-family:  futura-pt, sans-serif,'Microsoft JhengHei'; font-weight: 400; font-style: normal;  }
/*-----champ-------------------------------------------------------------------------------------------------------------------*/
/*-----champ-------------------------------------------------------------------------------------------------------------------*/
/*-----champ-------------------------------------------------------------------------------------------------------------------*/
.carousel-control-next-icon { background:url("/img/icon_next.png") center center no-repeat!important; height: 370px; }
.carousel-control-prev-icon { background:url("/img/icon_prev.png") center center no-repeat!important; height: 370px; }
.carousel-control-next, .carousel-control-prev {width: inherit!important;  }

.otherIssue { position: relative; width: 100% }
.champThumb { width:160px; height: 160px; display: block; background-size:cover; border-radius: 50%; margin-top: 0px; margin-right: 15px; padding-bottom: 15px; font-family: futura-pt,sans-serif, 'Microsoft JhengHei';font-weight: 400; font-style: normal; background-color:white; margin: 0 auto}
.whiteChampBlock{ min-height: 200px; position: relative; margin-bottom: 25px; text-align: center; }
.whiteChampBlock h3 {font-family: futura-pt,sans-serif,'Microsoft JhengHei';font-weight: 700; font-style: normal; margin-top: 20px; display: inline-block; vertical-align: top; color:#00913A}
.whiteChampBlock p {font-family: futura-pt,sans-serif,'Microsoft JhengHei';font-weight: 400; font-style: normal; }
.give-btn {padding:20px; border-radius: 5px;font-family: futura-pt,sans-serif, 'Microsoft JhengHei';font-weight: 400; font-style: normal; }

.profileChampBlock{ position: relative; margin-bottom: 25px; text-align: center; width: 100%; margin-top: 80px; }
.profileChampBlock h3 {font-family: futura-pt,sans-serif,'Microsoft JhengHei';font-weight: 700; font-style: normal; margin-top: 20px; display: inline-block; vertical-align: top; color:#00913A}

.feature-bg{ width:100%; margin: 0 auto; height:300px; background-color: #999999; position: relative; }
.champThumb.profile { position: absolute; left:50%; margin-left: -80px; bottom:-80px; }
.competition p { font-size: 18px;}

.competition p.subhead { font-size:14px; font-weight: 700; margin-bottom:0; color:#666666; }
p.subhead { font-size:14px; font-weight: 700; margin-bottom:0; color:#666666; }
form.wpuf-style { width:100%; }
form ul.wpuf-form li .wpuf-label { font-weight: normal!important;}
form #wpuf-login-form { width: 100%; margin: 0 auto}

ul.thumbnails>li>a.wpuf-delete-avatar {font-size: 16px;  padding: 5px 15px; margin: 10px 0; }
.wpuf_avatar ul.thumbnails>li>img { height: 100%; width:150px; }
li.wpuf_avatar ul.wpuf-attachment-list { height:220px; display: inline-block; }
li.wpuf_avatar ul.wpuf-attachment-list li { border:none!important; }
li.cover_photo ul.wpuf-attachment-list { height:220px; display: inline-block; width:100%!important }
li.cover_photo ul.wpuf-attachment-list li { border:none!important; }
li.cover_photo ul.wpuf-attachment-list li .caption { background:#cccccc; }
li.image_upload ul.wpuf-attachment-list li .caption { background:#cccccc; }
li.champID { display: none; }
/*-----champ-------------------------------------------------------------------------------------------------------------------*/
/*-----champ-------------------------------------------------------------------------------------------------------------------*/
/*-----champ-------------------------------------------------------------------------------------------------------------------*/

/*-----contact-------------------------------------------------------------------------------------------------------------------*/
/*-----contact-------------------------------------------------------------------------------------------------------------------*/
/*-----contact-------------------------------------------------------------------------------------------------------------------*/
div.contact p { margin-bottom: 0}
.share ul  { list-style: none; height: 43px; padding-left: 0px; }
.share ul a { position: relative}
.share ul a li { display: inline-block; width: 37px; height: 34px;  }
.share ul a:nth-child(1) li { background:url("/img/fa.png") center center no-repeat; background-size:contain }
.share ul a:nth-child(2) li { background:url("/img/ig.png") center center no-repeat; background-size:contain }
.share ul a:nth-child(3) li { background:url("/img/yt.png") center center no-repeat; background-size:contain }
.messageBox { height: 100px;}
.remark { color:red}
.submit.action {padding:10px 20px; font-family: futura-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal; color:white; text-align: center; font-size:20px; background-color:#007bff; border-radius: 5px; width: auto; display: inline-block; margin-bottom: 20px;}
.wpcf7-form-control.wpcf7-submit {padding:10px 20px; font-family: futura-bold,sans-serif,'Microsoft JhengHei'; font-weight: 700; font-style: normal; color:white; text-align: center; font-size:20px; background-color:#007bff; border-radius: 5px; border:none}
.wpcf7-validation-errors,.wpcf7-mail-sent-ok { font-family: futura-pt,sans-serif,'Microsoft JhengHei'; font-size:20px; }
/*-----contact-------------------------------------------------------------------------------------------------------------------*/
/*-----contact-------------------------------------------------------------------------------------------------------------------*/
/*-----contact-------------------------------------------------------------------------------------------------------------------*/

/*-----footer-------------------------------------------------------------------------------------------------------------------*/
/*-----footer-------------------------------------------------------------------------------------------------------------------*/
/*-----footer-------------------------------------------------------------------------------------------------------------------*/
footer { width: 100%; height: auto; background:#595757; margin: 0 auto; position: relative; font-size:16px; padding:10px; }
footer .copyright { margin: 0 auto; color:white; width: 1280px; height: 100%; display: block; position: relative;font-family: futura-pt,sans-serif, 'Microsoft JhengHei';font-weight: 400; font-style: normal;}
footer .copyright::before { content:""; height: 100%; display: inline-block; vertical-align: middle; }
footer .disclaimer { text-align: right; display:inline-block; height: 100%; position: relative; }
footer .licence { text-align: right; display:inline-block; height: 100%; position: relative; float:right }
/*-----footer-------------------------------------------------------------------------------------------------------------------*/
/*-----footer-------------------------------------------------------------------------------------------------------------------*/
/*-----footer-------------------------------------------------------------------------------------------------------------------*/

/*----#responsive------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width:1280px){
    footer .copyright { width:1024px; }
	header .container { width:100% }
}
@media(max-width:1080px){
	
}
@media(max-width:980px){
    header, .box { height: 80px; }
    
    .logo-img { width:170px; height: 53px; }
    .logo { top:10px; margin-left: 20px;}
	.logoChamp { margin-left:-46.5px; top:10px; width:93px; height:80px }
	
    .leftAside, .social { display: none; }
	.rightAside { top:22px; right:10px;}
	.brands.mobile { min-height: 80px; margin: 0 auto; text-align: center; }
	.brands.mobile a {
        top: 10px;
        display: block;
        position: absolute;
        left: 20px; }
	.brands.mobile a>div { height: 100px;}
    nav ul li { display: block; }
    .menuList ul li.menu { display: inline-block;}
    .menuOverlay .social.mobile { display: block }
    .menuOverlay .social.mobile ul li { width: 20%; }
    
    .content { width:100%; padding-left: 15px; padding-right: 15px; }
    .container { max-width: none}
    header .container { width:100% }
    footer .copyright { width:100%}
    .lang { right:5px; }
    .whiteBlock { width:100% }
    .newBlock .date { position: relative; top:inherit; left:inherit; margin-bottom: 10px;}
    .newBlock .date::after { content:""; }
    .newsletterBlock .date { position: relative; top:inherit; left:inherit; margin-bottom: 10px;}
    .newsletterBlock .dateRight { position: relative; top:inherit; left:inherit; margin-bottom: 10px; right:inherit}
    .newsletterBlock .date::after, .newsletterBlock .dateRight::before { content:""; }
    .pic-data.type_h { display: block; vertical-align: top; margin-left: 0px; }
    #wpuf-login-form { width:100%; }
    .overlaySearch { top:80px; height:80px}
}
@media(max-width:768px){
    .logo-img { width:170px; height: 53px; }
    .logo { margin-left: 20px; }
    .logoChamp { margin-left: 0px; }
    h2 { margin-bottom: 0px; font-size: 30px;  }
    h3 { font-size:20px; margin-bottom: 5px; }
    p,ul,ol { font-size: 18px; margin-bottom: 10px;  }
    .content { margin-top: 0; }
    .newBlock { padding-bottom: 0px; }
    .back-to-top { width:60px; height: 60px; bottom:50px;}
    .past-event-feature img { padding: 0 5px 5px 0}
    /*homepage*/
    #top_banner .hpSlide, #top_banner .hpBgSlide, #top_banner { height: 300px; width:100%; }
    #mid_banner{ width:100%; }
    #ouibounce-modal .modal { height: 100%}
    /*about*/
    .profile { width:80px; height:80px; bottom:80px; }
	.champThumb { width:80px; height:80px; }
    .chart-full { width:100%; height: 100px;}
    .chart-half { width:100px; height: 100px; margin: 0}
    .emptyBlock.row + .emptyBlock.row, .emptyBlock.row:first-child { padding-bottom: 30px; }
    /*what on*/
    .newBlock .action a { width:100%; }
    /*donation*/
    #give-donation-level-button-wrap>li { width:100%; }
    .give-btn { width:100%; }
    /*footer*/
    footer .licence { float:none }
     /*login*/
    #loginform .showMePassword { top:37px; }
	.whiteBlock.group { width: 100%; }
    .chart {width:100%; height: 120px;}
    .bottomChart {width:33%;}
    .bottomChartGroup{width:100%;}
    .orderby,.woocommerce-ordering { width: 100%; }
}

.social a:hover{
	text-decoration: none;
}