@charset "utf-8";
/*
////////// css loaded at tmpl_ministore.css, if not load tmpl_ministore.css, plaes add the css below //////////
@import url('https://fonts.googleapis.com/css2?family=Khula:wght@800&display=swap');
@import url("magnific_popup.css");
@import url("datepicker.css");
@import url("animate.css");
@import url("owl_carousel.css");
@import url("css_icons.css");
body.lock, body.mfp-zoom-out-cur{ overflow: hidden; }
*/

/*tmpl mini blog v1: 2021-11*/
.tmpl-miniblog{ color:#666; font-size: 16px; line-height: 1.389}
.tmpl-miniblog *{ outline: 0px transparent !important; }
.tmpl-miniblog h1,  .tmpl-miniblog h2,  .tmpl-miniblog h3,  .tmpl-miniblog h4,  .tmpl-miniblog h5,  .tmpl-miniblog h6{line-height: 1.389}
.tmpl-miniblog label, .tmpl-miniblog input, .tmpl-miniblog textarea, .tmpl-miniblog select, .tmpl-miniblog option, .tmpl-miniblog p{
font-family:"Microsoft JhengHei","微軟正黑體",Helvetica, Arial, "Microsoft YaHei","微软雅黑体",PMingLiU,"新細明體",'宋体', simsun, sans-serif;
}

.tmpl-miniblog h1, .tmpl-miniblog h2 .tmpl-miniblog h3 .tmpl-miniblog h4 .tmpl-miniblog h5 .tmpl-miniblog h6{ margin-bottom: 30px;}
.tmpl-miniblog h2{ font-size: 1.5555em; color:#ff5515; font-weight: bold;}
.tmpl-miniblog p{margin-bottom: 0.67em;}

.tmpl-miniblog.white_section{margin-top: 0;}

.tmpl-miniblog a, .tmpl-miniblog a::before, .tmpl-miniblog a::after{
 transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.tmpl-miniblog small, .tmpl-miniblog .small{font-weight: normal !important; font-size: 0.9em !important; color:#888; font-style: italic;}
.tmpl-miniblog ol, .tmpl-miniblog ul{ padding-left: 2em;}

.tmpl-miniblog .img-responsive{ /*width: auto !important;*/ max-width: 100%; display: inline-block !important}

.tmpl-miniblog .container, .tmpl-miniblog .inter-wrapper{width: 96%; max-width: 1170px; margin: auto}
.tmpl-miniblog .inter-wrapper{padding-left: 15px; padding-right: 15px;}

/*
////////// css loaded at tmpl_ministore.css //////////
.panel-sm{max-width: 798px; padding: 0 30px 30px; margin: 0 auto}
.row-flex{display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap; }
.row-flex>div{-ms-flex:0 0 auto; flex:0 0 auto;}
.row-flex::before, .row-flex::after{content: none; display:none;}
.flex-middle{
	-ms-flex-align: center !important;
  align-items: center !important;
	-ms-flex-line-pack: center !important;
  align-content: center !important;
}
.flex-bottom{
	-ms-flex-align: end !important;
  align-items: flex-end!important;
	-ms-flex-line-pack: end !important;
  align-content: flex-end!important;
}
*/

.tmpl-miniblog .col-lg-1	, .tmpl-miniblog .col-md-1	, .tmpl-miniblog .col-sm-1	, .tmpl-miniblog .col-xs-1	{ max-width:8.333%}
.tmpl-miniblog .col-lg-2	, .tmpl-miniblog .col-md-2	, .tmpl-miniblog .col-sm-2	, .tmpl-miniblog .col-xs-2	{ max-width:16.666%}
.tmpl-miniblog .col-lg-3	, .tmpl-miniblog .col-md-3	, .tmpl-miniblog .col-sm-3	, .tmpl-miniblog .col-xs-3	{ max-width:25%}
.tmpl-miniblog .col-lg-4	, .tmpl-miniblog .col-md-4	, .tmpl-miniblog .col-sm-4	, .tmpl-miniblog .col-xs-4	{ max-width:33.333%}
.tmpl-miniblog .col-lg-5	, .tmpl-miniblog .col-md-5	, .tmpl-miniblog .col-sm-5	, .tmpl-miniblog .col-xs-5	{ max-width:41.666%}
.tmpl-miniblog .col-lg-6	, .tmpl-miniblog .col-md-6	, .tmpl-miniblog .col-sm-6	, .tmpl-miniblog .col-xs-6	{ max-width:50%}
.tmpl-miniblog .col-lg-7	, .tmpl-miniblog .col-md-7	, .tmpl-miniblog .col-sm-7	, .tmpl-miniblog .col-xs-7	{ max-width:58.333%}
.tmpl-miniblog .col-lg-8	, .tmpl-miniblog .col-md-8	, .tmpl-miniblog .col-sm-8	, .tmpl-miniblog .col-xs-8	{ max-width:66.666%}
.tmpl-miniblog .col-lg-9	, .tmpl-miniblog .col-md-9	, .tmpl-miniblog .col-sm-9	, .tmpl-miniblog .col-xs-9	{ max-width:75%}
.tmpl-miniblog .col-lg-10, .tmpl-miniblog .col-md-10, .tmpl-miniblog .col-sm-10, .tmpl-miniblog .col-xs-10{ max-width:83.333%}
.tmpl-miniblog .col-lg-11, .tmpl-miniblog .col-md-11, .tmpl-miniblog .col-sm-11, .tmpl-miniblog .col-xs-11{ max-width:91.666%}
.tmpl-miniblog .col-lg-12, .tmpl-miniblog .col-md-12, .tmpl-miniblog .col-sm-12, .tmpl-miniblog .col-xs-12{ max-width:100%}

.tmpl-miniblog .color-svg>*{ fill: currentColor; }
.tmpl-miniblog .btn{border-radius: 0;}
.tmpl-miniblog .btn-primary{background-color: #ff5515; border-color: #ff5515; color:#FFF; outline: none !important;}
.tmpl-miniblog .btn-primary:hover{background-color: #F93; border-color: #ff5515;}
.tmpl-miniblog .btn-primary:active, .tmpl-miniblog .btn-primary.active{background-color: #F93; border-color: #ff5515;}

.tmpl-miniblog .btn-border{background-color: #FFF; border: 1px #e5e5e5 solid; color:#555; outline: none; box-shadow: none;}

.tmpl-miniblog .btn-border:active, .tmpl-miniblog .btn-border:active:focus, .tmpl-miniblog .btn-border:focus, .tmpl-miniblog .btn-border:hover{background-color: #FFF; border: 1px #ff5515 solid; color:#ff5515;}

.tmpl-miniblog .btn-border.active, .tmpl-miniblog .btn-border.active:active, .tmpl-miniblog .btn-border.active:active:focus, .tmpl-miniblog .btn-border.active:focus, .tmpl-miniblog .btn-border.active:hover,.tmpl-miniblog input[type=checkbox]:checked+label.btn-border, .tmpl-miniblog input[type=radio]:checked+label.btn-border
{background-color: #ff5515; border: 1px #ff5515 solid; color:#FFF}

.tmpl-miniblog .tag-box{ display: inline-block; margin-bottom: 5px;}
.tmpl-miniblog .tag-box input[type=checkbox], .tmpl-miniblog .tag-box input[type=radio]{
	display: block; position: relative; top: 0; left: 0; float: left; width: 1px; height: 1px; margin: 0 -1px 0 0; z-index: 0; opacity: 0 !important; outline: none; clip: rect(1px 1px 1px 1px) !important; clip: rect(1px, 1px, 1px, 1px) !important;
}
.tmpl-miniblog .tag-box label{ cursor: pointer;}

/*header & menu*/
.tmpl-miniblog.fix-top-menu{position: fixed; top:0; right:0; left:0; z-index: 5}
.tmpl-miniblog.store-menu a{color:inherit;}
.tmpl-miniblog .header-top{padding-top: 5px;}
.tmpl-miniblog .header-top .container{position: relative;}

/*.tmpl-miniblog .top-lang-switch{padding-right: 130px;}*/
.tmpl-miniblog .lang-switch{display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.tmpl-miniblog .lang-switch>a{-ms-flex:0 0 auto; flex:0 0 auto; display: block; width: 40px; height: 30px; line-height: 30px; overflow: hidden; background-color: #FFF; border: 1px #ff5515 solid; color:#ff5515; text-align: center}
.tmpl-miniblog .lang-switch>a.active{background-color: #ff5515; color:#FFF !important;}

.tmpl-miniblog #mobile-nav-top{padding: 0;}
.tmpl-miniblog #mobile-nav-top>.row{ margin-left:0; margin-right:0; }
.tmpl-miniblog #mobile-nav-top>.row>div{padding: 5px;}

.tmpl-miniblog .header-botttom{background-color: #f5f5f5; color:#333; text-align: right;}
.tmpl-miniblog .header-botttom .container{padding-right: 100px;}

.tmpl-miniblog ol.navmenu-nav, .tmpl-miniblog ul.navmenu-nav{ padding-left: 0;}

.tmpl-miniblog ul.main-menu{list-style: none; padding: 0; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 0;}
.tmpl-miniblog ul.main-menu>li{ -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 4px 6px; position: relative; color:#A9A9A9;}
/*.tmpl-miniblog ul.main-menu>li.icon-menu{ padding: 0 6px;}*/
.tmpl-miniblog ul.main-menu>li.active, .tmpl-miniblog ul.main-menu a:hover{color:#ff5515;}

.tmpl-miniblog ul.main-menu>li.active::after{ content: ""; display:block; position: absolute; right:0; bottom:0; left:0; margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 6px 8px;
border-color: transparent transparent #ff5515 transparent;
}

.tmpl-miniblog ul.main-menu svg, .tmpl-miniblog #mobile-navbar svg{max-width: 20px; max-height: 20px; vertical-align: baseline; margin-right: 5px; }

.tmpl-miniblog .fa-home{font-size: 1.25em;}

.tmpl-miniblog #mobile-navbar li>a{border-color:#ccc}
.tmpl-miniblog #mobile-navbar>.active>a{background-color: #eee; color:#ff5515;}
.tmpl-miniblog #mobile-navbar li:first-child>a{ border-top: 1px #FFF solid;}

.tmpl-miniblog.page-top-padding{ padding-top: 80px;}

.gray_section{background-color: #eee; color:#000}
.module-showcase-text{ padding: 1em 0 1.5em; color:#666 }
.module-showcase-text .item-title{margin: 0.5em 0;}

.module-wrapper{width: 100%;}

.tmpl-miniblog .module-slideshow-with-box .image-carousel{margin-bottom: 0;}
.tmpl-miniblog h2.item-title{ padding-bottom: 1.3333em;}
/*.tmpl-miniblog .module-slideshow-with-box .module-title{position: absolute; top:0; left: 0; right:0; z-index: 2;}
.tmpl-miniblog .module-slideshow-with-box .module-title .logo{max-width: 12vw;}
.tmpl-miniblog .module-slideshow-with-box .image-carousel{margin-bottom: 30px;}*/
/*.tmpl-miniblog .module-slideshow-with-box .module-item-intro{position: absolute; top:0; right:0; bottom:0; left:0; margin: auto}*/
.tmpl-miniblog .module-slideshow-with-box .module-item-desc{max-width: 45%; padding: 20px 10%; background-color: rgba(0,0,0,0.6); color:#FFF; position: absolute; top:0; right: auto; bottom:0; left:0; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center;
}
.tmpl-miniblog .module-slideshow-with-box .module-item-desc>div{ -ms-flex: 1 1 auto;flex: 1 1 auto; width: 100%;}
.tmpl-miniblog .module-slideshow-with-box .module-item-title{ margin: 0 0 0.5rem; font-weight: bold;}
/*.tmpl-miniblog .module-slideshow-with-box .module-item-footer{margin-top: 1em; text-align: right;}*/
/*
.module-slideshow-with-box, .module-slideshow-with-box>.module-content,
.module-slideshow-with-box .module-item-list, .module-slideshow-with-box .module-item, .module-slideshow-with-box .module-item-image
{ display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}

.module-slideshow-with-box>.module-content,.module-slideshow-with-box .module-item-list, .module-slideshow-with-box .module-item, .module-slideshow-with-box .module-item-image, .module-slideshow-with-box .module-item-image>a{ -ms-flex: 1 1 100%; flex: 1 1 100%;}

.module-slideshow-with-box .module-item-image>a{ display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center;}
.wvp-showcase .module-item-image img{height: 100%; max-width: none; width: auto !important; }

@supports (object-fit: cover) {
.wvp-showcase .module-item-image img{width: 100% !important; object-fit: cover;}
}
*/

.tabs-wrapper{margin-top: 40px;}
.tabs-button-group{display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.tabs-button-group>a{ -ms-flex:1 1 20%; flex:1 1 20%; max-width: 20%; text-align: center; margin-left: 1rem; position: relative; z-index: 0;}
.tabs-button-group>a:first-child{margin-left:0;}
.tabs-button-group>a.active, .tabs-button-group>a:active, .tabs-button-group>a:active:focus, .tabs-button-group>a:focus, .tabs-button-group>a:hover{z-index: 1;}
.tabs-content-group>div{ display:none; margin: 1em 0; padding: 1em; border: 2px #ff5515 solid; border-radius: 0.5rem; font-size: 1rem; color: #ff5515; font-weight: bold;}
.tabs-content-group>div.active{display:block;}

.tabs-button-group>a .img-responsive{ display:block; margin: 0 auto 1em; max-width: 150px;}

.tabs-button-group>a.tab-clicked span::after{
	content: "\f00c"; display:inline-block; font-family: FontAwesome; font-size: 1em; text-rendering: auto; -webkit-font-smoothing: antialiased;
}

.tabs-button{ color:#b7b7b7;}
.tabs-button .tab-title{ display:block; color:#222; padding: 0.25em 1em; text-align: center;}
.tabs-button.active, .tabs-button:active, .tabs-button:active:focus, .tabs-button:active:hover, .tabs-button:focus, .tabs-button:hover{ color:#ff5515; }
.tabs-button.active .tab-title, .tabs-button:active .tab-title, .tabs-button:active:focus .tab-title, .tabs-button:active:hover .tab-title, .tabs-button:focus .tab-title, .tabs-button:hover .tab-title{color: #ff5515; }


.articles-filter{display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /*-ms-flex-pack: justify; justify-content: space-between; */ -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; margin-left: -8px; margin-right: -8px; margin-bottom: 40px; font-size: 16px}
.articles-filter-input{-ms-flex:0 1 auto; flex:0 1 auto; position: relative; padding: 8px; width: 320px;}
.articles-filter-input input[type=text]{ border: 1px #AAA solid; border-width: 0 0 1px 0; width: 100%; padding: 5px 36px 6px 6px;}
.articles-filter-input input[type=text].has-error::-webkit-input-placeholder { color:#f44336; }
.articles-filter-input input[type=text].has-error:-moz-placeholder { color:#f44336; } /* FF 4-18 */
.articles-filter-input input[type=text].has-error::-moz-placeholder { color:#f44336; } /* FF 19+ */
.articles-filter-input input[type=text].has-error:-ms-input-placeholder { color:#f44336; } /* IE 10+ */
.articles-filter-input input[type=text]:focus::-webkit-input-placeholder { color:transparent !important; }
.articles-filter-input input[type=text]:focus:-moz-placeholder { color:transparent !important; } /* FF 4-18 */
.articles-filter-input input[type=text]:focus::-moz-placeholder { color:transparent !important; } /* FF 19+ */
.articles-filter-input input[type=text]:focus:-ms-input-placeholder { color:transparent !important; } /* IE 10+ */
.articles-filter-input button{ width: 34px; height: 34px; background: none; border: none; position: absolute; top:0; right:8px; bottom:0; margin: auto; }
.articles-filter-input button.articles-search-btn{}
.articles-filter-input button.articles-reset-btn{ left:8px; right: auto; display:none; padding: 0; width: 24px; color:#999; line-height: 0;}
.articles-filter-input button.articles-reset-btn:focus, .articles-filter-input button.articles-reset-btn:hover{color:#222}

.articles-filter-tags{-ms-flex:1 1 auto; flex:1 1 auto; max-width: calc(100% - 320px); font-size: 0; }
.articles-filter-tags .title-label{padding-left: 2em; padding-right: 0.5em; margin-bottom: 0 !important; font-size: 16px; line-height: 34px; vertical-align: top;}
.articles-filter-tags .tag-box{ margin-left: 8px;}

.articles-ajax-wall{margin-left: -5px; margin-right: -5px; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.articles-ajax-wall>.item{ -ms-flex: 0 0 auto; flex: 0 0 auto;  height: auto; padding: 0 5px; display:-ms-flexbox; display:flex; margin-bottom: 40px; }
.articles-ajax-wall>.sizer{display: none !important;}
.articles-ajax-wall>.sizer, .articles-ajax-wall>.item{ width: 20%; max-width: 20%;}
.articles-ajax-wall .article-box{-ms-flex: 1 1 auto; flex: 1 1 auto;}

.articles-wvp>.sizer, .articles-wvp>.item{ width: 33.33%; max-width: 33.33%;}

.article-box{ background-color: #eee;position: relative; /*padding-bottom: 2.25em;*/}
.article-box .item-thumb .img-responsive{width: 100% !important;}
.article-box a{color:inherit;}
.article-box .item-title{font-size: 1.125em; color:#ff5515; padding: 8px 16px 4px;}
.article-box h4{font-size: 1em !important; padding: 0 !important; margin: 0 !important; font-weight: bold}
.article-box .item-desc{padding: 8px 16px 6px;}
.article-box .item-desc p{text-align: justify;}
.article-box .if-more{ font-size:0.888em; color:#ff5515; }

.article-box .item-footer{ background-color: #B7B7B7; color:#FFF; display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between;  -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; height: 2.25em; position: absolute; right:0; bottom:0; left:0; }
.article-box .item-footer::before{ content: ""; display:block; position: absolute; top:0; right:0; bottom:0; left:0; margin: 0; background-color: #B7B7B7; z-index: 1;}
.article-box .item-footer>a, .article-box .item-footer>.btn{ -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; z-index: 2; outline: none; box-shadow: none;}
.article-box .item-footer>a:hover, .article-box .item-footer>a:active, .article-box .item-footer>a:active:focus, .article-box .item-footer>a:focus,.article-box .item-footer>.btn:hover, .article-box .item-footer>.btn:active, .article-box .item-footer>.btn:active:focus, .article-box .item-footer>.btn:focus{color:#222;}
.article-box .btn-share{background: none; color:inherit; border: none; line-height: 0; font-weight: normal}
.article-box .btn-share .fa{font-size: 24px;}
.article-box .share-group{position: absolute; right:0; bottom:0; left:0; z-index: 0; background-color: rgba(0,0,0,0.65); font-size: 24px; display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center; 
	transition:0.35s bottom;
	-webkit-transition:0.35s bottom;
	-moz-transition:0.35s bottom;
	-o-transition:0.35s bottom;
	-ms-transition:0.35s bottom;
}
.article-box .share-group.open{bottom: 100%;}
.article-box .share-group a{ display: inline-block; line-height: 0; width: 32px; padding: 4px; text-align: center;}

.article-box .item-thumb{position: relative;}
.article-box .item-thumb .item-tags{/*-ms-flex: 1 1 auto; flex: 1 1 auto;*/ position: absolute; right:0.5rem; bottom:0; left:0.5rem; margin: auto;}
.article-box .item-thumb .item-tags a{ display:inline-block; padding: 0.25em 0.5em; border-radius: 4px; margin-bottom: 0.25em; line-height: 1; white-space: nowrap; background-color: #ff5515; color:#FFF}
.article-box .item-thumb .item-tags a:hover{ color:#FFF;}

.articles-wvp .article-box .before-title{/*display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between;*/ max-width: 100%; font-size: 14px; padding: 8px 16px 4px; color:#999;}
.articles-wvp .article-box .before-title .item-date{ /*-ms-flex: 0 0 auto; flex: 0 0 auto; width: 9em;*/ padding: 0.25em 0; line-height: 1}
.articles-wvp .text-ellipsis{padding: 8px 16px 6px;}
.articles-wvp .btn-link{font-size: 12px; padding: 0;}
.articles-wvp .item-more{padding: 4px 16px 1em; color:#222}

.articles-wvp-horz{}
.articles-wvp-horz>.sizer, .articles-wvp-horz>.item{ width: 100%; max-width: 100%;}
.articles-wvp-horz .article-box{ display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; background-color: #FFF; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start;
}
.articles-wvp-horz .article-box>.item-thumb{-ms-flex: 0 1 auto;flex: 0 1 auto; width: 33%;}
.articles-wvp-horz .article-box>.item-intro{-ms-flex: 1 1 auto;flex: 1 1 auto; width: 67%; padding: 20px;}
.articles-wvp-horz .article-box .item-date{margin-bottom: 0.5rem;}
.articles-wvp-horz .article-box .item-title{ padding: 0; font-size: 1.5rem;}
.articles-wvp-horz .article-box .text-box{margin: 0.5rem 0;}
.articles-wvp-horz .article-box .item-more{text-align: right;}


.share-symbol{position: relative}
.share-symbol::before{content: ""; display: inline-block; width: 1.5em; height: 1.5em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23FFF' stroke-width='2' d='M19.6 3.1L4.1 12l15.5 8.9'/%3E%3Cellipse fill='%23FFF' cx='19.2' cy='3.8' rx='3.8' ry='3.8'/%3E%3Cellipse fill='%23FFF' cx='19.2' cy='20.2' rx='3.8' ry='3.8'/%3E%3Cellipse fill='%23FFF' cx='4.8' cy='12' rx='3.8' ry='3.8'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; background-position: center;}
.share-symbol:hover::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23222' stroke-width='2' d='M19.6 3.1L4.1 12l15.5 8.9'/%3E%3Cellipse fill='%23222' cx='19.2' cy='3.8' rx='3.8' ry='3.8'/%3E%3Cellipse fill='%23222' cx='19.2' cy='20.2' rx='3.8' ry='3.8'/%3E%3Cellipse fill='%23222' cx='4.8' cy='12' rx='3.8' ry='3.8'/%3E%3C/svg%3E");}
.pop-qr>*{pointer-events: none;}

#add-ajax-articles[disabled], #add-ajax-articles.disabled{ background-color: #CCC; border-color: #CCC;}

.popup-white-bg{background-color: #FFF; color:#333; padding: 16px; border-radius: 8px;}
.popup-white-bg .mfp-img{ padding: 0 !important;}
.popup-qr-code .popup-white-bg{max-width: 288px;}
.popup-white-bg .mfp-bottom-bar{position: relative; margin: 0;}
.popup-white-bg .mfp-title{color:inherit; padding: 10px 0 0;}
.popup-qr-code .mfp-close{top:-44px;}
.mfp-close>i{pointer-events: none;}
.mfp-close{cursor: pointer !important;}

.tmpl-miniblog .owl-carousel .owl-item>*{margin-bottom: 0;}

/* for article inpage */
.article-image, .article-text, .article-video, .article-tags, .article-share-group{margin-bottom: 3rem;}
.article-video{position: relative; overflow: hidden;}
.article-video::before{ content: ""; display:block; width: 100%; padding-top: 56.25%;}
.article-video iframe{position: absolute; top:0; right:0; bottom:0; left:0; margin: auto; width: 100%; height: 100%;}
.article-tags{ font-size: 0; padding-top: 40px; border-top: 1px #ddd solid;}
.article-tags>a{margin-right: 0.5em;}
.article-tags .btn-border{ color:#ff5515; border-color: currentColor;}
.article-share-group{ font-size: 0; text-align: center;}
.article-share-group a{font-size: 36px; display:inline-block; margin: 0 1em; color:#999;}
.article-share-group a:active, .article-share-group a:active:focus, .article-share-group a:focus, .article-share-group a:hover{color:#ff5515;}
.article-bottom{/*background-color: #ff5515; color:#FFF;*/ color:#666; padding: 1.5em 0; position: relative; /*border: 1px #eee solid; border-width: 1px 0;*/}
.article-bottom::before{content: ""; display:block; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 0; margin: auto; width: 96%; max-width: 1000px; border: 1px #ddd solid; border-width: 1px 0;}
.article-bottom a{color:inherit;}
.article-bottom a:active, .article-bottom a:active:focus, .article-bottom a:active:hover, :focus, .article-bottom a:hover{color:#ff5515;}
.article-bottom .container{padding-top: 0 !important; padding-bottom: 0; position: relative; z-index: 1;}
.article-page-nav{ display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between;  -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center;}
.article-page-nav .prev-page, .article-page-nav .next-page{ -ms-flex: 0 1 40%; flex: 0 1 40%; width: 40%; position: relative;}
.article-page-nav .prev-page{ text-align: left; padding-left: 36px;}
.article-page-nav .next-page{ text-align: right; padding-right: 36px;}
.article-page-nav .prev-page .icon, .article-page-nav .next-page .icon{ position: absolute; top:0; bottom:0; margin: auto;}
.article-page-nav .prev-page .icon{left:0;}
.article-page-nav .next-page .icon{right:0;}
.article-page-nav .back-list{-ms-flex: 1 0 20%; flex: 1 0 20%; width: 20%; text-align: center}

#mobile-share .btn-primary{ background-color: #ff5515; border-color: #ff5515;}

/*bottom*/
.module-miniblog-bottom{position: fixed; top:auto; right:0; bottom:0; left:0; z-index: 2; background-color: #ff5515; color:#FFF; padding: 15px 0 !important; }
.module-miniblog-bottom::after{content:""; display: block; position: absolute; right:0; bottom:3px; left:0; height: 2px; background-color: #FFF;}
.module-miniblog-bottom .btn{ background-color: #FFF; color:#ff5515; margin-left: 1em;}


.card-image-left{display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; max-width: 100%; overflow: hidden;}
.card-image-left .item-thumb{ -ms-flex: 0 1 auto; flex: 0 1 auto; width: 40%;}
.card-image-left .item-intro{ -ms-flex: 1 1 auto; flex: 1 1 auto; width: 60%; padding: 0 2rem;}

.wvp-showcase{ /* margin-top: 88px; */ }
.wvp-showcase.dark-theme{ background-color: #333; color: #FFF;}
.wvp-showcase .row-flex{margin: 0;}
.wvp-showcase .row-flex>div{-ms-flex: 1 1 auto;flex: 1 1 auto;  padding: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center;}
.wvp-showcase .row-flex>div.wvp-showcase-left{ width: 25%;}
.wvp-showcase .row-flex>div.wvp-showcase-right{ width: 75%;}

.wvp-showcase .wvp-project-intro{ -ms-flex: 1 1 auto;flex: 1 1 auto; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;  -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; overflow: hidden; background-size: cover; background-position: center; position: relative; color:#333;}
.wvp-showcase .wvp-project-intro::before{content: ""; display:block; position: absolute; top:0; right:0; bottom:0; left:0; background-color: currentColor; z-index: 0; opacity: 0.9;}
.wvp-showcase .wvp-project-intro>div{ -ms-flex: 0 0 auto;flex: 0 0 auto; width: 90%; max-width: 405px; position: relative; z-index: 1;color:#FFF; }
.wvp-showcase .wvp-project-intro{ font-size: 1.33rem; line-height: 1.8;}
.wvp-showcase .wvp-project-intro h3{ color:#ff5515; font-size: 2.5rem; font-weight: bold; margin-top: 0; }


.module-donate-wrapper{  font-size: 1.125rem; line-height: 1.8; background-color: #333;}
.module-donate-wrapper .row-flex {width: 100%; min-height: 28vw; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.module-donate-wrapper .row-flex>div{background-size: cover; background-repeat: no-repeat; background-position: center top;}
.module-donate-wrapper .col-left{ -ms-flex: 1 1 70%; flex: 1 1 70%; position: relative; 
	-ms-flex-pack: flex-end !important; justify-content: flex-end !important;
	-ms-flex-align: end !important;
  align-items: flex-end !important;
	-ms-flex-line-pack: end !important;
  align-content: flex-end !important;}
.module-donate-wrapper .image-box{position: absolute; top:0; right:0; bottom:0; left:0; z-index: 0; margin: 0; overflow: hidden;}

@supports(object-fit: cover){
.module-donate-wrapper .image-box img{ width: 100% !important; height: 100% !important; object-fit: cover;}
}

.module-donate-wrapper .col-left .text-box{ position: relative; z-index: 1; padding: 20px; background-color: rgba(0,0,0,0.75); color: #FFF; width: 90%; max-width: 620px; margin: 0 64px 58px; }
.module-donate-wrapper .col-right{ -ms-flex: 1 1 30%; flex: 1 1 30%; min-width: 275px; position: relative; color:#333;
	-ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center;
}
.module-donate-wrapper .col-right::before{ content: ""; display:block; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 0; background-color:currentColor; opacity: 0.9;}
.module-donate-wrapper .donationbox {
				position: relative; z-index: 2;
    background: none !important;
				color:#FFF;
    background-attachment: fixed;
    overflow: hidden;
    padding: 30px 15px;
}
.module-donate-wrapper .actionbtn{font-size: 36px;}

.wvp-showcase .module-item-image{/*max-height: 525px; overflow: hidden;*/}
.wvp-showcase .module-item-desc{right:64px;bottom: 58px; width: 90%; max-width: 620px; font-size: 1.125rem; line-height: 1.8; }
.wvp-showcase h3.module-item-title{ font-size: 2rem; margin: 0 0 1rem;}
.wvp-showcase .inner-controller{ position: absolute; top:0; right:-64px; bottom:-58px; left:-64px;pointer-events: none;}
.wvp-showcase .inner-controller .btn{background-color: transparent;color:#FFF; position: absolute; top:0; bottom:58px; padding: 0; line-height: 0; font-size: 4rem; outline: none; pointer-events: all;}
.wvp-showcase .inner-controller .btn-prev{ left:0;}
.wvp-showcase .inner-controller .btn-next{ right:0;}
.wvp-showcase .inner-controller .dots-box{position: absolute; right:0; bottom:0; left:0; padding: 16px 64px; text-align: right; line-height: 1;}
.wvp-showcase .inner-controller .dot{ display:inline-block; width: 24px; height: 24px; margin: 0 5px; background-color: #CCC; border-radius: 50%; pointer-events: all;}
.wvp-showcase .inner-controller .dot.active{background-color: #00ACCA}
.wvp-showcase .owl-dots{bottom: 0; display: none; }

.wvp-showcase .module-item-desc a{color:#ff5515;}

/*
.wvp-latest-news{}
.wvp-latest-news .module-item-list{ margin-bottom: 60px; padding: 0 48px;}
.wvp-latest-news .owl-item{overflow: hidden;}
.wvp-latest-news .item-title, .wvp-latest-news .item-title h4{ font-size: 1.625rem; font-weight: bold; color:#222}
.wvp-latest-news .item-title a, .wvp-latest-news .item-more a{color:inherit !important}
.wvp-latest-news .item-more{color:#ff5515;}
.wvp-latest-news .owl-carousel .owl-nav button.owl-next, .wvp-latest-news .owl-carousel .owl-nav button.owl-prev{ width: 30px; font-size:48px; background-color: transparent; color:#666}
*/
/*
.wvp-latest-news{display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.wvp-latest-news .module-content{ -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center top; background-color: #333;}
*/
.wvp-latest-news .module-item-list{ margin-bottom: 0;}
.wvp-latest-news .owl-carousel .owl-item>*{margin-bottom: 0;}


.key-content{}
.key-content .module-item-list{ margin-bottom: 60px; padding: 0 30px;}
.key-content .owl-stage, .key-content .owl-item, .key-content .item{ display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.key-content .owl-item, .key-content .item{ -ms-flex: 1 1 auto; flex: 1 1 auto; }
.key-content .item{ padding: 30px;}
.key-content .item-intro{padding: 1rem;}
.key-content .item-title, .key-content .item-title h4{ font-size: 1.2rem; font-weight: bold; color:#ff5515; }
.key-content .item-title a{color:inherit !important}
.key-content .owl-carousel .owl-nav button.owl-next, .key-content .owl-carousel .owl-nav button.owl-prev{ width: 30px; font-size:48px; background-color: transparent; color:#666}

.tmpl-miniblog sup{color: inherit}


.back-to-top{ position: fixed; right:5px; bottom:4px; z-index: 1; cursor: pointer;}
.back-to-top a{pointer-events: none;}

@media (max-width: 1440px){
	.articles-ajax-wall>.sizer, .articles-ajax-wall>.item{ width: 25%; max-width: 25%;}
	.articles-ajax-wall.articles-wvp-horz>.sizer, .articles-ajax-wall.articles-wvp-horz>.item{ width: 100%; max-width: 100%;}
}

@media (max-width: 1170px){
	.article-inpage .container{ max-width: 96%; padding-left: 1em; padding-right: 1em;}
}

@media (max-width: 992px){
	.articles-ajax-wall>.sizer, .articles-ajax-wall>.item{ width: 50%; max-width: 50%;}
	.articles-ajax-wall.articles-wvp-horz>.sizer, .articles-ajax-wall.articles-wvp-horz>.item{ width: 100%; max-width: 100%;}
	.articles-wvp-horz .article-box .item-thumb .item-tags{position: relative; margin-top: 0.5em;}
	.article-page-nav{ font-size: 16px;}
	.article-page-nav .prev-page span, .article-page-nav .next-page span{display: block;}
	.wvp-latest-news .module-item-list{padding: 0;}
	.tmpl-miniblog .module-slideshow-with-box .module-item-desc{padding: 10px 2em;}
	
}

@media (max-width: 991px){
	.articles-filter-input, .articles-filter-tags{ width: 100%; max-width: 100%;}
	.articles-filter-tags .title-label{padding-left: 0.8em}
	
}

@media (max-width: 768px){
	.module-slideshow-with-box .module-item-image{height: auto;}
	.tmpl-miniblog .module-slideshow-with-box .module-item-image img{ max-width: 100%; width: 100% !important; height: auto !important; max-height:none; position: relative; margin: 0; top: auto; right:auto; bottom:auto; left:auto; }
	.module-slideshow-with-box, .module-slideshow-with-box>.module-content,.module-slideshow-with-box .module-item-list, .module-slideshow-with-box .module-item, .module-slideshow-with-box .module-item-image, .module-slideshow-with-box .module-item-image>a{ display:block; height: auto !important}
	.tabs-button-group>a.tab-clicked span::after{display:block;}
	.article-tags .btn-border{ margin-bottom: 0.5em;}
	
.module-donate-wrapper .row-flex { -ms-flex-wrap: wrap; flex-wrap: wrap;}
.module-donate-wrapper .col-left{ -ms-flex: 1 1 100%; flex: 1 1 100%; display:block !important ; background-image: none !important;}
	.module-donate-wrapper .image-box{ position: relative; top:auto; right:auto; bottom:auto; left:auto;}
.module-donate-wrapper .col-left .text-box{ padding: 15px; background-color: #333; width: 100%; max-width: none; margin-bottom: 0; margin: 0; }
.module-donate-wrapper .col-right{ -ms-flex: 1 1 100%; flex: 1 1 100%; min-width: 100%; }
}

@media (max-width: 767px){
	.tmpl-miniblog .container, .tmpl-miniblog .inter-wrapper{padding-left: 1em; padding-right: 1em;}
	.articles-ajax-wall>.sizer, .articles-ajax-wall>.item{ width: 100%; max-width: 100%;}
	.articles-wvp-horz .article-box{display:block;}
	.articles-wvp-horz .article-box>div{width: 100% !important;}
	.articles-wvp-horz .article-box>.item-intro{ padding-left: 0; padding-right: 0}
	
	.module-tabs-content{padding-bottom: 2rem;}
/*	.tabs-button-group>a{-ms-flex:0 0 50%; flex:0 0 50%;}*/
	.article-text h1{font-size: 2em; font-weight: bold;}
	.article-share-group{margin-bottom: 0;}
	
.article-page-nav{ font-size: 14px;}
.article-page-nav .prev-page, .article-page-nav .next-page, .article-page-nav .back-list{ -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; width: 33.33%; }
.article-page-nav .prev-page{ padding-left: 1.5em;}
.article-page-nav .next-page{ padding-right: 1.5em;}
.article-page-nav .prev-page span, .article-page-nav .next-page span{display: none;}
	/*
.article-page-nav .prev-page .icon, .article-page-nav .next-page .icon{ position: absolute; top:0; bottom:0; margin: auto;}
.article-page-nav .prev-page .icon{left:0;}
.article-page-nav .next-page .icon{right:0;}
	*/
/*.article-page-nav .back-list{ text-align: center; order: 2; border-bottom: none;}*/
	.tabs-button-group>a{margin-left: 0.35em;}
	.tabs-button-group>a .img-responsive{margin-bottom: 0}
	
	.articles-ajax-wall.articles-wvp-horz>.sizer, .articles-ajax-wall.articles-wvp-horz>.item{ width: 100%; max-width: 100%;}
	.articles-wvp-horz{
	    
}


	
	
}

@media (max-width: 568px){
	.article-share-group a{ font-size: 32px; margin: 0 0.5em;}
}

@media (max-width: 374px){
	.article-share-group a{ margin: 0 0.25em;}
}


/* cs like menu by aman 2021-11 */
.cslike-menu{ position: fixed; top: 50px; left: 0; right: 0; z-index: 20; margin: auto;
	transition:0.15s top;
	-webkit-transition:0.15s top;
	-moz-transition:0.15s top;
	-o-transition:0.15s top;
	-ms-transition:0.15s top;
}
.cslike-menu a{color:inherit; font-size: inherit;}
.cslike-menu>.container{ width: 96%; /*max-width: 1170px;*/ max-width: 1280px;
	transition:0.25s width, 0.25s max-width;
	-webkit-transition:0.25s width, 0.25s max-width;
	-moz-transition:0.25s width, 0.25s max-width;
	-o-transition:0.25s width, 0.25s max-width;
	-ms-transition:0.25s width, 0.25s max-width;
}
.cslike-menu-wrap{ display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between;
	width:100%; height: 88px; background-color: #FFF; color:#4b4e53; font-size: 18px;
	transition:0.25s width, 0.25s height;
	-webkit-transition:0.25s width, 0.25s height;
	-moz-transition:0.25s width, 0.25s height;
	-o-transition:0.25s width, 0.25s height;
	-ms-transition:0.25s width, 0.25s height;
}
body[data-lang="eng"] .cslike-menu-wrap{font-size: 16px}
.cslike-menu-v2 .cslike-menu-wrap{font-size: 16px;}
.cslike-logo{ -ms-flex: 0 0 auto; flex: 0 0 auto; display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 10px 0 0 15px; }
.cslike-logo>*{-ms-flex:0 1 auto;flex:0 1 auto;}
.cslike-logo img{max-width: 100%; height: auto; max-height: 80px;}
/*.cslike-logo, .cslike-logo img{width: 150px !important;}*/
.cslike-nav{ -ms-flex: 1 1 auto; flex: 1 1 auto; display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; padding: 5px 0;}
.cslike-nav>*{-ms-flex:0 0 auto;flex:0 0 auto;}
.cslike-menu-v2 .cslike-nav>*{ max-width: 100%;}
.cslike-extra{-ms-flex: 0 0 auto; flex: 0 0 auto; display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: stretch; align-items: stretch; padding: 0;}
.cslike-extra>*{-ms-flex:1 1 auto;flex:1 1 auto;}
.mobile-share-wrap{display:none;}
.cslike-menu .cd-nav-button{ background-color: #ff5515; color:#FFF; padding: 0 25px;
	display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;} 
.cslike-menu .navbar-nav{float: none; display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center;
}
.cslike-menu .navbar-nav>li{ -ms-flex: 0 0 auto;  flex: 0 0 auto; float: none !important;}
.cslike-menu .navbar-nav>li.dropdown{position: relative;}
.cslike-menu .navbar-nav>li.dropdown>a{display:inline-block;padding-right: 0; vertical-align: top; background-color: transparent !important}
.cslike-menu .navbar-nav>li.dropdown>a.dropdown-toggle{padding-left: 0; font-size: 12px;}
.cslike-menu .navbar-nav>li.dropdown>a.dropdown-toggle+ul.dropdown-menu{top:100%; border: none;}
.cslike-menu .navbar-nav>li.dropdown>a.dropdown-toggle+ul.dropdown-menu>li{display:block;}
.cslike-menu-v2 .navbar-nav{max-width: 100%; overflow: auto; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.cslike-menu .navbar-nav>li>a{padding: 15px; /*letter-spacing: 2px;*/}
.cslike-menu .navbar-nav>li>a:active, .cslike-menu .navbar-nav>li>a:active:focus, .cslike-menu .navbar-nav>li>a:active:hover, .cslike-menu .navbar-nav>li>a:focus, .cslike-menu .navbar-nav>li>a:hover{ background:none;  color:#000}
.cslike-menu .navbar-nav li .btn-share{text-align: left;}

.cslike-menu-v2 .navbar-nav>li{ max-width: 120px}
.cslike-menu-v2 .navbar-nav>li>.lang-switch{padding: 15px;}

.mobile-toggle{ display:none; padding: 0 6px; margin: 0; width: 40px; background-color: #FFF; border: none; outline: none; box-shadow: none; }
.dark-theme .mobile-toggle{ background-color: #333; color:#FFF;}

.cslike-menu.fixed{ top:0; }
.cslike-menu.fixed>.container{ width: 100%; max-width: 100%; }
.cslike-menu.fixed>.cslike-menu-wrap{ height: 78px;}
.cslike-menu.cslike-menu-v2.fixed  .navbar-nav>li{ max-width: none}

.cslike-menu .little-hut{display:inline-block}
.cslike-menu .little-hut+span{display: none;}

.share-icon img{width: auto !important; display:inline;}
.mobile-menu{display:none !important;}

.cs_article_minisite .maincontent>.row{margin-left: 0; margin-right: 0;}

@media (max-width: 1300px){
	.cslike-menu .navbar-nav>li>a{ padding: 10px; }
	.cslike-menu .navbar-nav>li>a{ font-size: 16px }
}

@media (max-width: 1200px){
	.cslike-menu .navbar-nav>li>a{ font-size: 16px }
	/*.wvp-showcase .module-item-desc{ max-width: 500px;}*/
}

@media (max-width: 1180px){
	.cslike-menu .navbar-nav>li>a{ font-size: 14px }
}

@media (max-width: 1100px){
	.cslike-menu .navbar-nav>li>a{ /*font-size: 14px*/ padding: 5px; }
	.wvp-showcase .module-item-desc, .wvp-showcase .wvp-project-intro{font-size: 1rem;}
}

@media (min-width: 1080px){
	.cslike-logo, .cslike-logo img{ width: auto !important;}
}

@media (max-width: 1024px){
	.cslike-menu, .cslike-menu.fixed{ top:0; }
	.cslike-menu+div, .cslike-menu+div.minisite.white_section{margin-top: 60px !important; }
	.cslike-menu+div.minisite.white_section>.container{padding-top: 0 !important}
	.minisite-with-article .tmpl-miniblog.cslike-menu>.container, .minisite-with-article .tmpl-miniblog.cslike-menu.fixed>.container{ width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important;}
	.cslike-menu-wrap, .cslike-menu.fixed>.cslike-menu-wrap{ height: 60px; font-size: 16px;}
	/*.cslike-logo, */
	.cslike-logo{ /*display: block;*/ }
	.cslike-logo img{ width: auto !important; height: 50px;}
	.cslike-menu .navbar-nav{ background-color: #eee; position: fixed; top:60px; right:0; left:0; z-index: 2; padding: 10px 0; margin: auto; display: none }
	.cslike-menu .nav>li>a{font-size: 16px; padding: 16px 40px;}
	.cslike-menu-v2 .navbar-nav>li>.lang-switch{padding: 16px 40px; }
	.cslike-menu-v2 .navbar-nav>li{max-width: none;}
	
	.cslike-menu .header-nav{}
	.cslike-menu .header-nav::before{ content: ""; display: block; position: fixed; top:60px; right:0; bottom:auto; left:0; background-color: rgba(0,0,0,0); z-index: -1;
		transition: 0.5s background-color;
  -webkit-transition: 0.5s background-color;
  -moz-transition: 0.5s background-color;
  -o-transition: 0.5s background-color;
  -ms-transition: 0.5s background-color;
	}
	.cslike-menu .header-nav.open-menu::before{ bottom:0; background-color: rgba(0,0,0,0.5); }
	.cslike-menu .little-hut{display: none}
	.cslike-menu .little-hut+span{display: inline-block;}
	.lang-switch-mob{padding: 15px 40px; list-style: none; }
	.lang-switch-mob li{display:inline-block; position: relative;}
	.lang-switch-mob li+li{padding-left: 0.5em; }
	.lang-switch-mob li+li:before{ content: ""; position: absolute;  top:10%; bottom:10%; left:0; margin: auto; width: 1px; background-color: currentColor; }
	
	.cslike-menu .cd-nav-button{font-size: 18px;}
    body[data-lang="eng"] .cslike-menu-wrap{font-size: 10px}
	.mobile-toggle{ display:block;}
	.mobile-menu{display: block !important;}
	.mobile-share-wrap{ display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center;
	}
	.mobile-share-wrap>*{ -ms-flex:0 0 auto;flex:0 0 auto;}
	
	/*
.wvp-showcase .wvp-project-intro{font-size: 1rem; line-height: 1.5;}
.wvp-showcase .wvp-project-intro h3{ font-size: 1.5rem; }
.wvp-showcase .module-item-image{max-height: 525px; overflow: hidden;}
.wvp-showcase .module-item-desc{right:32px;bottom: 28px; width: 50%; max-width: 340px; font-size: 1rem; line-height: 1.5}
.wvp-showcase h3.module-item-title{ font-size: 1.5rem; margin: 0 0 0.5rem;}
.wvp-showcase .inner-controller{  right:-32px; bottom:-28px; left:-32px;}
.wvp-showcase .inner-controller .btn{ bottom:28px; font-size: 2rem;}
.wvp-showcase .inner-controller .dots-box{padding: 8px 32px;}
.wvp-showcase .inner-controller .dot{ width: 14px; height: 14px; margin: 0 3px; }
*/
	
.wvp-showcase .row-flex>div.wvp-showcase-left{ width: 100% !important;}
	.wvp-showcase .row-flex>div.wvp-showcase-right{ width: 100% !important;}
	.wvp-showcase .module-item-image img{position: relative; top:auto; right:auto; bottom:auto; left:auto; max-width: 100%; height: auto !important; max-height: none;}
	.wvp-showcase .module-item-desc{position: relative;top:auto; right:auto; bottom:auto; left:auto; width: 100%; max-width: 100%; background-color: #333; padding: 15px 15px 32px;}
	.wvp-showcase .inner-controller{ right: 0; bottom:0; left:0;}
	.wvp-showcase .inner-controller .btn{display:none;}
	.wvp-showcase .inner-controller .dots-box{ text-align: center;}
	
	
}

@media (max-width: 768px){
	.tmpl-miniblog .container, .tmpl-miniblog .inter-wrapper{width: 100%; max-width: 735px;}
	.tmpl-miniblog .module-slideshow-with-box .module-item-desc{max-width: 100%; position: relative; padding: 20px; top:auto; right: 0; bottom:0; left:0;}
	.tmpl-miniblog .module-slideshow-with-box .module-item-title{font-size: 1.5rem;}
}

@media (max-width: 767px){
	.cslike-menu .nav>li>a{ padding: 16px 20px;}
	.lang-switch-mob{padding: 15px 20px;}
	.tabs-button .tab-title{font-size: 12px; padding: 0.5em 0;}
	.card-image-left{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.card-image-left .item-thumb, .card-image-left .item-intro{ -ms-flex: 1 1 100%;flex: 1 1 100%; width: 100%;}
	.card-image-left .item-intro{ padding: 1rem 0;}
	.cslike-logo{ width: calc(100% - 210px); padding-left: 10px; -ms-flex-pack: start; justify-content: flex-start;}
	.cslike-logo a, .cslike-logo img{margin-left: 0;}
	.cslike-logo img{height: auto !important;}
	.wvp-latest-news .module-item-list{padding: 0;}
	.tmpl-miniblog .maincontent.info{width: auto; min-width: 100%;  }
	.tmpl-miniblog .maincontent.row{margin-left: -15px; margin-right: -15px;}
	
	.wvp-showcase .wvp-project-intro>div{ width: 100%; padding: 30px;}
	.wvp-showcase .wvp-project-intro h3{margin-top: 0;}
	.wvp-showcase .module-item-desc{padding: 30px 30px 48px;}
	.wvp-showcase .inner-controller .dots-box{bottom:0;}
	#footer.wvp-footer{padding-left: 30px; padding-right: 30px;}
}

@media (max-width: 480px){
	/*.tmpl-miniblog .module-slideshow-with-box .image-carousel{padding-bottom: 30px;}*/
	#footer.wvp-footer{padding-left: 15px; padding-right: 15px;}
}
@media (max-width: 424px){
	.module-tabs-content{ padding: 0; }
}
	
@media (max-width: 410px){
	.cslike-logo{ max-width: none; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-left: 10px;}
	.cslike-logo>*{height: auto;}
	.cslike-logo img{ width: 100% !important; max-width: none!important; height: auto !important}
}


@media (max-width: 360px){
	.cslike-menu .cd-nav-button{ font-size: 14px; padding: 10px;}
}



.wvp-menu{top: 0; }
.wvp-menu.dark-theme, .wvp-menu.dark-theme .cslike-menu-wrap, .dark-theme{ background-color: #333; color:#FFF;}
.dark-theme .navbar-nav>li>a:active, .dark-theme .navbar-nav>li>a:active:focus, .dark-theme .navbar-nav>li>a:active:hover, .dark-theme .navbar-nav>li>a:focus, .dark-theme .navbar-nav>li>a:hover{color:#ff5515;}
.wvp-menu>.container{ width: 100% !important; max-width: 100% !important;}
.wvp-menu .navbar-nav>li>.lang-switch{padding: 15px;}


@media (max-width: 1024px){
	.wvp-menu.dark-theme, .wvp-menu.dark-theme .cslike-menu-wrap, .dark-theme{ color:#333;}
}


body[data-lang="eng"] .cslike-menu-wrap{font-size: 14px}
body[data-lang="eng"] .cslike-menu .navbar-nav > li > a{padding:15px 0.75em;}
@media (max-width: 1300px){
body[data-lang="eng"] .cslike-menu-wrap{font-size: 12px}
body[data-lang="eng"] .cslike-menu .navbar-nav>li>a{font-size: 1em}
}
@media (max-width: 1200px) {
body[data-lang="eng"] .cslike-logo{max-width:240px;}
body[data-lang="eng"] .cslike-menu .navbar-nav>li>a{font-size: 1em}
}
@media (max-width: 1100px){
body[data-lang="eng"] .cslike-logo{max-width:180px;}
}
@media (max-width: 1024px){
body[data-lang="eng"] .cslike-logo{max-width:none;}
body[data-lang="eng"] .cslike-menu-wrap{font-size: 10px}
}