/*! 2017-12-24 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
    border:0;
    font-family:inherit;
    font-size:100%;
    font-style:inherit;
    font-weight:inherit;
    margin:0;
    outline:0;
    padding:0;
    vertical-align:baseline
}

html{
    font-size:62.5%;
    overflow-y:scroll;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
*,*:before,*:after{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
body{
	background:#f7f7f7;
	background:#fff;
}
article,aside,details,figcaption,figure,footer,header,main,nav,section{
    display:block
}
ol,ul{
    list-style:none
}
table{
    border-collapse:separate;
    border-spacing:0
}
caption,th,td{
    font-weight:normal;
    text-align:left
}
blockquote:before,blockquote:after,q:before,q:after{
    content:""
}
blockquote,q{
    quotes:"" ""
}
a:focus{
    outline:thin dotted
}
a:hover,a:active{
    outline:0
}
a img{
    border:0
}
body,button,input,select,textarea{
    color:#595757;
    font-family:"NOTO SANS", sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height:1.7
}
h1,h2,h3,h4,h5,h6{
    clear:both;
   	margin-bottom:10px;
    font-family:"noto sans", sans-serif;
    line-height:1.3
}
h1{
	font-size:32px
}
h2{
    font-size:28px
}
h3{
    font-size:24px
}
.sidebar .widget-title,.site-footer .widget-title,.site-footer .entry-title{
    font-size:20px;
    margin-bottom:15px
}
h4{
    font-size:20px
}
h5{
    font-size:18px
}
h6{
    font-size:16px
}
b,strong{
    font-weight:bold
}
dfn,cite,em,i{
    font-style:italic
}
address{
    margin:0 0 1.5em
}
pre{
    background:#E73273;
    font-family:"noto sans", Courier, monospace;
    font-size:15px;
    font-size:1.5rem;
    line-height:1.6;
    margin-bottom:1.6em;
    max-width:100%;
    overflow:auto;
    padding:1.6em
}
code,kbd,tt,var{
    font:15px "noto sans", sans-serif
}
abbr,acronym{
    border-bottom:1px dotted #666;
    cursor:help
}
mark,ins{
    background:#fff9c0;
    text-decoration:none
}
sup,sub{
    font-size:75%;
    height:0;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    bottom:1ex
}
sub{
    top:.5ex
}
small{
    font-size:75%
}
big{
    font-size:125%
}
#feature-slider .cycle-pager span{
    font-size:50px
}
#feature-slider .cycle-prev:before,#feature-slider .cycle-next:before{
    font-size:50px;
    line-height:50px
}
.site-title{
    font-size:38px;
    font-weight:bold
}
.entry-title,#promotion-message h2,#featured-content #featured-heading{
    font-size:30px
}
#featured-content .entry-title,.archive-post-wrap .entry-title{
    font-size:24px
}
.sidebar .entry-title,.comments-title,#search-toggle,.genericon.genericon-menu{
    font-size:20px
}
.entry-meta span a:before{
    font-size:18px
}
#header-right-social-icons .genericon:before{
    font-size:16px
}
.clean-journal-nav-menu .sub-menu a,.clean-journal-nav-menu .children a,.sidebar-header-right .widget_nav_menu .sub-menu a,#breadcrumb-list .wrapper,.entry-meta,.site-description,#secondary .widget-area,#colophon .widget-area{
    font-size:14px
}
#nav-below .wp-pagenavi a,#nav-below .wp-pagenavi span,.page-links span{
    font-size:14px;
    line-height:30px
}
#site-generator{
    font-size:13px
}
.widget_calendar #wp-calendar caption{
    font-size:11px;
    font-weight:500
}
.hentry{
    word-wrap:break-word;
    -webkit-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto
}
body{
    background-color:#f7f7f7
}
.site,#feature-slider .wrapper{
    display:block;
    width:100%
}
.wrapper{
    margin:0 auto;
    width:1200px
}
.sidebar-header-right .wrapper{
    width:auto
}
a{
  color: #E73273;
	font-weight: 500;
  cursor: pointer;
  text-decoration: none
}
.header a{
	color: #4a4a4a;
	font-weight: 400; /*原500*/
}
.main a{
	color: rgb(169, 204, 34);
}
a:hover,a:focus,a:active{
    color:#9F3753;
    outline:none;
    text-decoration:underline
}
hr{
    height: 2px;
    background-color: #c2c5c7;
    border:0;
    margin-bottom:1.5em
}
ol,ul{
    margin:0;
    padding:0
}
ul{
    list-style:none
}
ol{
    list-style:none
}
li>ul,li>ol{
    margin-bottom:0;
    margin-left:1.5em
}
.widget ul{
    margin-left:1em
}
.widget ul>li{
    list-style-type:disc
}
dt{
    font-weight:bold
}
dd{
    margin:0 1.5em 1.5em
}
img{
    height:auto;
    max-width:100%
}
figure{
    margin:0
}
table{
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-weight:bold;
    margin:0 0 2em;
    width:100%
}
th{
    border-bottom:1px solid #eee;
    border-right:1px solid #eee;
    color:#666;
    font-weight:700;
    padding:8px;
    text-transform:uppercase
}
td{
    border-bottom:1px solid #eee;
    border-right:1px solid #eee;
    padding:8px
}
blockquote:before{
    content:"\201C";
    display:block;
    font-size:30px;
    height:0;
    left:-20px;
    position:relative;
    top:-10px
}
.entry-content ol,.entry-content ul{
    margin-bottom:20px;
    margin-left:20px
}
.entry-content ol>li{
    list-style-type:decimal
}
.entry-content ul>li{
    list-style-type:square
}
.entry-content ol ol,.entry-content ul ul{
    margin-bottom:0
}
.entry-content code{
    background-color:#333;
    color:#ddd
}
.displayblock,#heading,#primary,#secondary,#comments,.clean-journal-nav-menu a,.sidebar-header-right .widget_nav_menu a,#header-top .widget_nav_menu a{
    display:block
}
.displaynone{
    display:none
}
.sticky{
    display:block
}
.menu-item-has-children a:after,.dropdown-toggle:after,.genericon:before,#feature-slider .cycle-prev:before,#feature-slider .cycle-next:before,.posted-on a:before,.byline a:before,.cat-links span+a:before,.tags-links span+a:before,.comments-link a:before,.edit-link a:before{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    display:inline-block;
    line-height:1;
    font-family:'Genericons';
    text-decoration:inherit;
    vertical-align:text-bottom
}
#search-toggle:before{
    content:"\f400"
}
#feature-slider .cycle-prev:before{
    content:"\f430"
}
#feature-slider .cycle-next:before{
    content:"\f429"
}
.entry-meta .posted-on a:before{
    content:"\f307"
}
.entry-meta .author a:before{
    content:"\f304"
}
.edit-link a:before{
    content:"\f411"
}
.cat-links span+a:before{
    content:"\f301"
}
.tags-links span+a:before{
    content:"\f302"
}
.entry-meta .comments-link a:before{
    content:"\f300"
}
#masthead{
    background-color:#fff;
    padding:20px 0
}
.page-header{
    padding:20px 20px 0 20px
}

button,input[type="button"],input[type="reset"],input[type="submit"]{
    padding:9px 15px
}
#site-branding,#promotion-message .section,.hentry,.woocommerce-wrap,.no-results,.not-found,.sidebar,#comments,#nav-below,.post-navigation,#infinite-handle,#supplementary .widget,#site-generator{
    padding:20px
}
.site-content,#featured-content,#supplementary{
    padding-top:20px
}
.site-content,.archive-post-wrap{
    padding-bottom:20px
}
.entry-header{
    padding-bottom:10px
}
.logo-left #site-header{
    padding-left:10px
}
.logo-right #site-header{
    padding-right:10px
}
.blog #main .hentry,.archive #main .hentry,.sidebar .entry-header{
    padding-bottom:0
}
.nav-header-right .wrapper,#header-featured-image .wrapper,#feature-slider .wrapper,#feature-slider .entry-header,#featured-content .entry-header{
    padding:0
}
#header-top p,#header-top .widget figure,.site-description,#featured-content p,.single-post .hentry,.sidebar-primary .widget:last-child,.sidebar-header-right .widget:last-child{
    margin-bottom:0
}
.page-header .page-title{
    margin-bottom:0;
    padding-bottom:10px
}
.hentry,.widget{
    margin:0 0 20px
}
.sidebar-primary .widget{
    margin:0 0 40px
}
.page-links{
    clear:both;
    margin:0 0 1.5em
}
#promotion-message h2{
    margin-bottom:5px
}
.site-title,#promotion-message p,.page-content,.entry-content,.entry-summary{
    margin:0
}
#promotion-message .right .promotion-button{
    margin-top:7px;
    padding:10px 25px
}
#featured-content .featured-heading-wrap{
    padding:20px 20px 0;
    text-align:center
}
#feature-heading{
    margin:0 20px;
    padding:20px 0 0
}
#featured-content .entry-content{
    margin-top:0
}
#featured-content .entry-container{
    margin-top:20px
}
p,.hentry .featured-image,.widget figure{
    margin-bottom:20px
}
.sidebar-header-right .widget{
    margin-bottom:10px
}
#search-toggle:before{
    margin-top:12px
}
.entry-meta .posted-on,.entry-meta .byline,.entry-meta .comments-link,.entry-meta .cat-links{
    margin-right:10px
}
blockquote{
    margin:20px 40px
}
#header-top .widget{
    margin:8px
}
#header-top .header-top-left section:first-child{
    margin-left:0
}
#header-top .header-top-right section:last-child{
    margin-right:0
}
#header-top .wrapper,.nav-primary .wrapper,.nav-secondary .wrapper{
    padding:0 20px
}
button,input,select,textarea{
	font-size:20px;
	padding: 12px 36px;
    vertical-align:baseline;
    max-width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	border-radius: 9999px;
	border: 1px solid #e7e7e7;
    box-shadow: none;
    outline: none;
	background-color: rgba(0,0,0,0);

}
button,input[type="button"],input[type="reset"],input[type="submit"]{
    border:1px solid;
    border-color:#ccc #ccc #bbb;
    border-radius:3px;
    background:#e6e6e6;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),inset 0 15px 17px rgba(255,255,255,0.5),inset 0 -5px 12px rgba(0,0,0,0.05);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),inset 0 15px 17px rgba(255,255,255,0.5),inset 0 -5px 12px rgba(0,0,0,0.05);
    color:rgba(0,0,0,0.8);
    cursor:pointer;
    -webkit-appearance:button;
    font-size:12px;
    font-size:1.2rem;
    line-height:1;
    padding:.6em 1em .4em;
    text-shadow:0 1px 0 rgba(255,255,255,0.8)
}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"]{
	padding:16px 29px;
	font-size: 20px; /*oveerride font-awsome setting*/
	line-height: 28px;
}
input[type="text"]:disabled,input[type="email"]:disabled,input[type="url"]:disabled,input[type="password"]:disabled,input[type="search"]:disabled, select:disabled{
    background-color: #f2f2f2;
	color: 777;
}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{
    border-color:#ccc #bbb #aaa;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.8),inset 0 15px 17px rgba(255,255,255,0.8),inset 0 -5px 12px rgba(0,0,0,0.02);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.8),inset 0 15px 17px rgba(255,255,255,0.8),inset 0 -5px 12px rgba(0,0,0,0.02)
}
button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{
    border-color:#aaa #bbb #bbb;
    -webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.5),inset 0 2px 5px rgba(0,0,0,0.15);
    box-shadow:inset 0 -1px 0 rgba(255,255,255,0.5),inset 0 2px 5px rgba(0,0,0,0.15)
}
input[type="checkbox"],input[type="radio"]{
	position: absolute;
	opacity: 0;
	visibility: hidden;
}
input[type="checkbox"] + label,input[type="radio"] + label{
	font-size: 16px;
}
input[type="checkbox"] + label:before,input[type="radio"] + label:before{
	display: inline-block;
	content: "";
	height: 20px;
	width: 20px;
	margin: 0px 15px;
	border: 1px solid #CCC;
	border-radius: 50%;
	transition: all 0.25s linear;
	background: #FFF;
	vertical-align: middle;
}
input[type="checkbox"].square + label:before,input[type="radio"].square + label:before{
	border-radius: 4px;
}
input[type="checkbox"]:checked + label:before,input[type="radio"]:checked + label:before{
	background: rgb(169, 204, 34);
}


input[type="search"]{
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input[type="text"],input[type="number"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],textarea{
    color:#666;
/*     border:1px solid #e7e7e7; */
	border:1px solid #a9a9a9;

}

input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,textarea:focus{
    color:#666;
/*     border:1px solid #ccc; */
	border:1px solid rgb(169, 204, 34);


}

input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,textarea:focus{
    color:#111
}

input[type="text"]+label,input[type="number"]+label,input[type="email"]+label,input[type="url"]+label,input[type="password"]+label,input[type="search"]+label,textarea+label{
	margin-left: -160px;
}


textarea{
    overflow:auto;
    padding-left:3px;
    vertical-align:top;
    width:100%
}
.menu-toggle{
    display:none
}
.site-main .comment-navigation,.site-main .paging-navigation{
    margin:0 0 1.5em;
    overflow:hidden
}
.comment-navigation .nav-previous,.paging-navigation .nav-previous,.post-navigation .nav-previous,.nav-previous{
    float:left;
    width:50%
}
.comment-navigation .nav-next,.paging-navigation .nav-next,.post-navigation .nav-next,.nav-next{
    float:right;
    text-align:right;
    width:50%
}
.post-navigation span{
    display:block
}
.nav-header-right .wrapper{
    float:right;
    margin-right:-18px
}
.sidebar-header-right .widget_nav_menu{
    position:relative;
    z-index:199
}
.nav-primary,.nav-footer{
    background-color:#E73273;
    position:relative;
    z-index:198
}
.nav-secondary{
    background-color:#f7f7f7;
    position:relative;
    z-index:197
}
.clean-journal-nav-menu li{
    display:inline-block;
    float:left;
    text-align:left
}
.sidebar-header-right .widget_nav_menu li{
    display:inline-block;
    position:relative
}
.clean-journal-nav-menu a{
    color:#fff;
    line-height:46px;
    padding:0 20px
}
#header-top .clean-journal-nav-menu a{
    line-height:1.7
}
.sidebar-header-right .widget_nav_menu a{
    color:#fff
}
.clean-journal-nav-menu li a:hover,.clean-journal-nav-menu li a:focus,#header-top .clean-journal-nav-menu li a:hover,#header-top .clean-journal-nav-menu li a:focus,.sidebar-header-right .widget_nav_menu li a:hover,.sidebar-header-right .widget_nav_menu li a:focus{
    background-color:#fff;
    color:#E73273;
    text-decoration:none
}
.clean-journal-nav-menu li:hover>a,#header-top .clean-journal-nav-menu li:hover>a,#header-top .widget_nav_menu li:hover>a{
    background-color:#fff;
    color:#E73273
}
.sidebar-header-right .widget_nav_menu li:hover>a{
    background-color:#fff;
    color:#E73273
}
.clean-journal-nav-menu .current-menu-item>a,.clean-journal-nav-menu .current-menu-ancestor>a,.clean-journal-nav-menu .current_page_item>a,.clean-journal-nav-menu .current_page_ancestor>a{
    background-color:#fff;
    color:#E73273
}
.sidebar-header-right .widget_nav_menu .current-menu-item>a,.sidebar-header-right .widget_nav_menu .current-menu-ancestor>a{
    background-color:#fff;
    color:#E73273
}
.clean-journal-nav-menu .sub-menu,.clean-journal-nav-menu .children,#header-top .widget_nav_menu .sub-menu{
    left:-9999px;
    margin:0;
    opacity:0;
    position:absolute;
    -webkit-transition:opacity .4s ease-in-out;
    transition:opacity .4s ease-in-out;
    width:250px;
    z-index:200
}
.sidebar-header-right .widget_nav_menu .sub-menu{
    left:auto;
    right:+99999px
}
.clean-journal-nav-menu .sub-menu a,.clean-journal-nav-menu .children a,#header-top .widget_nav_menu .sub-menu a{
    background-color:#fff;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    color:#000;
    font-style:13px;
    line-height:1.5em;
    padding:10px;
    position:relative;
    width:250px
}
.sidebar-header-right .widget_nav_menu .sub-menu a{
    background-color:#E73273;
    color:#fff
}
.sidebar-header-right .widget_nav_menu .sub-menu{
    border-top:1px solid #333
}
.sidebar-header-right .widget_nav_menu .sub-menu a,.sidebar-header-right .widget_nav_menu .sub-menu .sub-menu{
    border-color:#333
}
.nav-secondary .clean-journal-nav-menu a{
    color:#666
}
.nav-secondary .clean-journal-nav-menu .sub-menu a,.nav-secondary .clean-journal-nav-menu .children a{
    background-color:#fff;
    border-color:#f9f9f9
}
.clean-journal-nav-menu .sub-menu li a:hover,.clean-journal-nav-menu .sub-menu li a:focus,.clean-journal-nav-menu .children li a:hover,.clean-journal-nav-menu .children li a:focus,#header-top .widget_nav_menu .sub-menu li a:hover,#header-top .widget_nav_menu .sub-menu li a:focus,.sidebar-header-right .widget_nav_menu .sub-menu li a:hover,.sidebar-header-right .widget_nav_menu .sub-menu li a:focus{
    background-color:#fffff00;
    color:#ff0000
}
.clean-journal-nav-menu .sub-menu .sub-menu,.clean-journal-nav-menu .children .children,#header-top .widget_nav_menu .sub-menu .sub-menu{
    border-top:1px solid #eee;
    margin:-43px 0 0 249px
}
.sidebar-header-right .widget_nav_menu .sub-menu .sub-menu{
    margin:-43px 249px 0 0
}
.nav-secondary .sub-menu .sub-menu,.nav-secondary .clean-journal-nav-menu .children .children{
    border-color:#f9f9f9
}
.clean-journal-nav-menu .menu-item:hover,.clean-journal-nav-menu .page_item:hover,#header-top .widget_nav_menu .menu-item:hover{
    position:static
}
.sidebar-header-right .widget_nav_menu .menu-item:hover{
    position:relative
}
.clean-journal-nav-menu .menu-item:hover>.sub-menu,.clean-journal-nav-menu .page_item:hover>.children,#header-top .widget_nav_menu .menu-item:hover>.sub-menu{
    left:auto;
    opacity:1
}
.sidebar-header-right .widget_nav_menu .menu-item:hover>.sub-menu{
    right:0;
    opacity:1
}
.nav-primary.search-enabled{
    position:relative
}
.nav-primary.search-enabled .menu{
    float:left
}
#search-toggle{
    background-color:transparent;
    color:#fff;
    cursor:pointer;
    float:right;
    height:46px;
    line-height:52px;
    text-align:center;
    width:42px
}
#search-toggle:hover{
    background-color:#fff;
    color:#000
}
#search-container{
    background-color:#fff;
    bottom:-56px;
    clear:both;
    left:0;
    position:absolute;
    width:100%;
    z-index:999
}
.nav-primary .search-submit{
    display:none
}
.nav-primary .search-form{
    padding:10px 40px
}
.nav-primary .search-field{
    border-color:#eee;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%
}
.nav-primary .search-field:focus{
    border-color:#666;
    color:#000
}
#nav-below .wp-pagenavi,.page-links{
    float:right
}
#nav-below .wp-pagenavi a,#nav-below .wp-pagenavi span,.page-links span{
    border:none;
    float:left;
    height:28px;
    color:#1b8be0;
    text-align:center;
    display:block;
    padding:0 10px;
    text-decoration:none
}
.page-links span{
    margin-left:10px
}
.page-links span,.page-links a:hover span{
    background-color:#000;
    color:#fff
}
.page-links a span{
    background-color:#f2f2f2;
    color:#404040
}
.page-links span.pages{
    background-color:transparent;
    color:#404040;
    margin-left:0;
    padding:0
}
#nav-below .wp-pagenavi a,#nav-below .wp-pagenavi span{
    background-color:#eee;
    margin:0 0 0 10px
}
#nav-below .wp-pagenavi span.pages{
    color:#404040;
    background-color:transparent;
    padding:2px 0 0 0
}
#nav-below .wp-pagenavi a:hover,#nav-below #wp_page_numbers ul li a:hover{
    background-color:#000;
    color:#fff
}
#nav-below .wp-pagenavi span.current{
    background-color:#000;
    color:#fff;
    font-weight:normal
}
#infinite-handle span{
    background-color:#eee;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.5);
    box-shadow:0 2px 6px rgba(0,0,0,0.5);
    color:#1b8be0;
    cursor:pointer;
    display:block;
    padding:10px 0;
    text-align:center;
    width:100%
}
#infinite-handle span:hover{
    background-color:#000;
    color:#fff;
    text-decoration:none
}
.assistive-text{
    position:absolute !important;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px, 1px, 1px, 1px)
}
.screen-reader-text{
    clip:rect(1px, 1px, 1px, 1px);
    position:absolute !important;
    height:1px;
    width:1px;
    overflow:hidden
}
.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus{
    background-color:#f1f1f1;
    border-radius:3px;
    -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
    box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
    clip:auto !important;
    color:#1b8be0;
    display:block;
    font-size:14px;
    font-weight:bold;
    height:auto;
    left:5px;
    line-height:normal;
    padding:15px 23px 14px;
    text-decoration:none;
    top:5px;
    width:auto;
    z-index:100000
}
.alignleft{
    display:inline;
    float:left;
    margin-right:1.5em
}
.alignright{
    display:inline;
    float:right;
    margin-left:1.5em
}
.aligncenter{
    clear:both;
    display:block;
    margin:0 auto
}
.clear:after,.clearfix:after,#header-top:after,.hentry:after,.archive-post-wrap:after,.wrapper:after,.clean-journal-nav-menu:after,.featured-content-wrap:after,#content_sidebar_wrap:after,.widget:after,.widget-wrap:after,#nav-below:after,.page-links:after,.post-navigation:after,.nav-links:after,#site-generator:after{
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
#header-top{
    background-color:#595757;
    color:#fff;
    display:block;
    font-size:13px;
    text-align:left;
    width:100%
}
.fixed-header-top #header-top{
    position:fixed;
    top:0;
    z-index:200
}
.fixed-header-top #header-top.hidden{
    position:relative;
    visibility:hidden
}
.admin-bar.fixed-header-top #header-top{
    top:32px
}
.header-top-left,.header-top-right{
    display:inline-block;
    width:50%
}
.header-top-left.full-width,.header-top-right.full-width{
    width:100%
}
.header-top-left{
    float:left
}
.header-top-right,.header-top-right .widget{
    float:right
}
.header-top-bar a{
    color:#fff
}
.header-top-bar a:hover{
    color:#ddd;
    text-decoration:none
}
.headet-top-left{
    float:left
}
.headet-top-right{
    float:right
}
#header-top .widget ul{
    float:left;
    list-style:none;
    margin:0
}
#header-top .widget ul li{
    display:inline-block;
    float:left;
    text-align:left
}
#header-top .widget ul a{
    padding:5px 10px
}
#site-branding,#site-logo,#site-header{
    display:inline-block;
    float:left
}
#site-branding,#site-logo{
    max-width:10%
}
#site-logo a{
    display:block;
    line-height:0
}
#site-header.logo-enable.logo-left{
    padding-left:10px
}
#site-header.logo-enable.logo-right{
    padding-right:10px
}
.site-title a{
    color:#595757
}
.site-title a:hover{
    color:#E73273;
    text-decoration:none
}
.sidebar-header-right,.sidebar-header-right .widget-wrap{
    float:right
}
#header-featured-image{
    clear:both;
    display:block;
    line-height:0;
    width:100%;
    text-align:center
}
#masthead .search-field{
    float:right;
    font-size:14px;
    -webkit-transition-duration:400ms;
    -webkit-transition-property:width, background;
    -webkit-transition-timing-function:ease;
    -moz-transition-duration:400ms;
    -moz-transition-property:width, background;
    -moz-transition-timing-function:ease;
    -o-transition-duration:400ms;
    -o-transition-property:width, background;
    -o-transition-timing-function:ease;
    width:90%;
    max-width:250px;
    border:1px solid #ddd;
    background-color:#fff;
    border-radius:3px;
    color:#888
}
#promotion-message{
    background-color:#222;
    color:#fff
}
#promotion-message .left a{
    color:#fff
}
#promotion-message .left a:hover{
    color:#ddd;
    text-decoration:none
}
#promotion-message .left{
    float:left;
    max-width:80%
}
#promotion-message .right{
    float:right;
    max-width:20%;
    text-align:center
}
#promotion-message .right .promotion-button{
    background-color:#fff;
    border:2px solid #eee;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    color:#000;
    display:inline-block
}
#promotion-message .right .promotion-button:hover{
    background-color:#5cb85c;
    border-color:#398439;
    color:#fff;
    text-decoration:none
}
#featured-content{
    background-color:#f9f9f9;
    border-bottom:1px solid #eee
}
#featured-content.border-top{
    border-top:1px solid #eee;
    border-bottom:none
}
#feature-heading{
    border-bottom:1px solid #eee
}
#featured-content .featured-content-image{
    display:block;
    line-height:0
}
#featured-content .hentry{
    border:none;
    float:left
}
#featured-content.layout-four .hentry{
    width:25%
}
#featured-content.layout-three .hentry{
    width:33.33%
}
#featured-content.layout-two .hentry{
    text-align:center;
    width:50%
}
#featured-content.layout-four .hentry:nth-child(4n+1),#featured-content.layout-three .hentry:nth-child(3n+1),#featured-content.layout-two .hentry:nth-child(2n+1){
    clear:both
}
#featured-content figure a{
    display:block;
    line-height:0
}
.site-content{
    background-color:#fff
}
#main{
    float:left;
    width:820px
}
.sidebar-primary{
    float:right;
    width:340px
}
.archive-post-wrap,.page-header .page-title{
    border-bottom:1px solid #eee
}
.entry-title,.entry-title a{
    color:#404040
}
.entry-title a:hover{
    color:#1b8be0
}
.entry-title a:hover,.entry-meta a:hover{
    text-decoration:none
}
.byline,.updated:not(.published){
    display:none
}
.single .byline,.group-blog .byline{
    display:inline
}
.blog .format-aside .entry-title,.archive .format-aside .entry-title{
    display:none
}
.content-right #main{
    float:right
}
.content-right .sidebar-primary{
    float:left
}
.no-sidebar.content-width #main{
    display:block;
    float:none;
    margin:0 auto;
    width:820px
}
.no-sidebar.one-column .site{
    display:block;
    margin:0 auto;
    width:820px
}
.no-sidebar.one-column.fixed-header-top #header-top{
    width:820px
}
.no-sidebar.one-column .wrapper,.no-sidebar.one-column #main{
    width:100%
}
.no-sidebar.full-width #main{
    width:100%
}
.excerpt-image-left .archive-post-wrap .entry-meta{
    margin-bottom:10px
}
.excerpt-image-left .has-post-thumbnail .archive-post-wrap .featured-image,.excerpt-image-right .has-post-thumbnail .archive-post-wrap .featured-image{
    display:inline;
    max-width:250px;
    width:32%
}
.full-width.excerpt-image-left .has-post-thumbnail .archive-post-wrap .featured-image,.full-width.excerpt-image-right .has-post-thumbnail .archive-post-wrap .featured-image{
    width:20%
}
.excerpt-image-left .has-post-thumbnail .archive-post-wrap .featured-image{
    float:left
}
.excerpt-image-right .has-post-thumbnail .archive-post-wrap .featured-image{
    float:right
}
.excerpt-image-left .has-post-thumbnail .archive-post-wrap .entry-container,.excerpt-image-right .has-post-thumbnail .archive-post-wrap .entry-container{
    display:inline;
    width:64%
}
.full-width.excerpt-image-left .has-post-thumbnail .archive-post-wrap .entry-container,.full-width.excerpt-image-right .has-post-thumbnail .archive-post-wrap .entry-container{
    width:79%
}
.excerpt-image-left .has-post-thumbnail .archive-post-wrap .entry-container{
    float:right
}
.excerpt-image-right .has-post-thumbnail .archive-post-wrap .entry-container{
    float:left
}
.excerpt-image-left .archive-post-wrap .entry-footer,.excerpt-image-right .archive-post-wrap .entry-footer{
    display:none
}
.widget select{
    max-width:100%
}
.widget_search .search-submit{
    display:none
}
.widget figure a{
    display:block;
    line-height:0
}
.widget_calendar #wp-calendar{
    width:100%;
    text-align:center
}
.widget_calendar #wp-calendar caption,.widget_calendar #wp-calendar td,.widget_calendar #wp-calendar th{
    text-align:center
}
.widget_calendar #wp-calendar caption{
    padding:5px 0 3px 0;
    text-transform:uppercase
}
.widget_calendar #wp-calendar th{
    background:#f2f2f2;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    font-weight:bold
}
.widget_calendar #wp-calendar tfoot td{
    background:#f2f2f2;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee
}
.comment-content a{
    word-wrap:break-word
}
.bypostauthor{
    display:block
}
#respond form label{
    display:block
}
.comments-title{
    margin-bottom:20px
}
.comment-body{
    border-bottom:4px double #eee;
    margin-bottom:20px;
    padding-bottom:20px
}
.comment-body .comment-meta{
    margin-bottom:20px
}
.comment-body .comment-author img{
    float:left;
    line-height:0;
    margin-right:10px;
    padding:0
}
.page-content img.wp-smiley,.entry-content img.wp-smiley,.comment-content img.wp-smiley{
    border:none;
    margin-bottom:0;
    margin-top:0;
    padding:0
}
embed,iframe,object{
    max-width:100%
}
.hentry .featured-image a{
    display:block;
    line-height:0
}
caption{
    font-weight:bold
}
.wp-caption{
    background-color:#f3f3f3;
    border:1px solid #ddd;
    margin-bottom:15px;
    max-width:100%;
    padding:5px 5px 0
}
.wp-caption img[class*="wp-image-"]{
    display:block;
    margin:0 auto
}
.wp-caption-text{
    text-align:center
}
.wp-caption .wp-caption-text{
    margin:8px 0
}
#main .gallery{
    margin-bottom:1.5em
}
#main .gallery img{
    border:1px solid #eee;
    padding:5px
}
.gallery-item{
    display:inline-block;
    text-align:center;
    vertical-align:top;
    width:100%
}
.gallery-columns-2 .gallery-item{
    max-width:50%
}
.gallery-columns-3 .gallery-item{
    max-width:33.33%
}
.gallery-columns-4 .gallery-item{
    max-width:25%
}
.gallery-columns-5 .gallery-item{
    max-width:20%
}
.gallery-columns-6 .gallery-item{
    max-width:16.66%
}
.gallery-columns-7 .gallery-item{
    max-width:14.28%
}
.gallery-columns-8 .gallery-item{
    max-width:12.5%
}
.gallery-columns-9 .gallery-item{
    max-width:11.11%
}
.gallery-caption{
    display:block
}
#supplementary{
    background-color:#595757;
    border-bottom:1px solid #eee;
    border-top:3px solid #000
}
#supplementary,#supplementary a,#supplementary .widget-title,#supplementary .entry-title,#supplementary .widget-title a,#supplementary .entry-title a{
    color:#fff
}
#supplementary a:hover,#supplementary .widget-title a:hover,#supplementary .entry-title a:hover{
    color:#ddd;
    text-decoration:none
}
#supplementary .widget-area{
    float:left;
    width:100%
}
#supplementary.two .widget-area{
    width:50%
}
#supplementary.three .widget-area{
    width:33.33%
}
#supplementary.four .widget-area{
    width:25%
}
#site-generator{
    background-color:#f7f7f7;
    border-top:1px solid #f4f4f4;
    color:#595757;
    text-align:center
}
#site-generator a{
    color:#E73273;
    font-weight:bold
}
#site-generator a:hover{
    color:#9F3753
}
#breadcrumb-list{
    background-color:#fff
}
#breadcrumb-list .wrapper{
    padding:20px 40px 0
}
.home #breadcrumb-list .wrapper{
    padding-bottom:20px
}
#breadcrumb-list span{
    background-color:transparent;
    border:1px solid #eee;
    color:#666;
    display:block;
    float:left;
    font-style:italic;
    margin-left:-1px
}
#breadcrumb-list span.sep{
    float:right;
    margin-left:0;
    padding:0 0 0 5px
}
#breadcrumb-list span.sep,#breadcrumb-list span.archive-text,#breadcrumb-list span.search-text,#breadcrumb-list span.tag-text,#breadcrumb-list span.author-text{
    border:none
}
#breadcrumb-list a,#breadcrumb-list a span{
    color:#1b8be0;
    display:inline-block;
    padding:5px 10px 3px
}
#breadcrumb-list a:hover,#breadcrumb-list a:hover span{
    color:#404040;
    text-decoration:none
}
#breadcrumb-list .breadcrumb-current{
    background-color:#f2f2f2;
    padding:5px 10px 3px
}
#feature-slider{
    display:block;
    position:relative;
    overflow:hidden;
    z-index:101
}
#feature-slider .cycle-slideshow{
    width:100%;
    margin:0 auto;
    padding:0;
    position:relative
}
#feature-slider .cycle-slideshow img{
    display:block;
    margin:0 auto;
    width:100%
}
#feature-slider .cycle-pager{
    bottom:0;
    left:20%;
    overflow:hidden;
    position:absolute;
    text-align:center;
    width:60%;
    z-index:100
}
#feature-slider .cycle-pager span{
    font-family:arial;
    line-height:20px;
    width:20px;
    height:20px;
    display:inline-block;
    color:#fff;
    cursor:pointer
}
#feature-slider .cycle-pager span.cycle-pager-active{
    color:#000
}
#feature-slider .cycle-pager>*{
    cursor:pointer
}
#feature-slider .cycle-prev:before,#feature-slider .cycle-next:before{
    display:block;
    text-align:center;
    width:50px;
    height:50px
}
#feature-slider .cycle-prev,#feature-slider .cycle-next{
    background:#444;
    background:rgba(0,0,0,0.6);
    border-radius:4px;
    color:#fff;
    cursor:pointer;
    display:block;
    opacity:0;
    filter:alpha(opacity=0);
    position:absolute;
    top:47%;
    text-decoration:none;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    z-index:101
}
#feature-slider .cycle-prev{
    left:-20px
}
#feature-slider .cycle-next{
    right:-20px
}
#feature-slider:hover .cycle-prev{
    left:40px;
    opacity:1;
    filter:alpha(opacity=100)
}
#feature-slider:hover .cycle-next{
    right:40px;
    opacity:1;
    filter:alpha(opacity=100)
}
#feature-slider .cycle-slideshow .hentry{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    margin:0;
    padding:0;
    display:block
}
#feature-slider .cycle-slideshow article:first-child{
    position:static;
    z-index:100
}
#feature-slider .entry-container{
    background:#444;
    background:rgba(0,0,0,0.7);
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    opacity:0;
    top:50%;
    left:25%;
    padding:20px;
    position:absolute;
    text-align:center;
    width:50%;
    z-index:101;
    -webkit-transform:translateY(-55%) scale(1.2);
    transform:translateY(-55%) scale(1.2);
    -webkit-transition:all .2s 0 linear;
    transition:all .2s 0 linear
}
#feature-slider:hover .entry-container{
    opacity:1;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out
}
#feature-slider .entry-container,#feature-slider .entry-container a,#feature-slider .entry-title,#feature-slider .entry-title a{
    color:#fff
}
#feature-slider .entry-container a:hover,#feature-slider .entry-title a:hover{
    color:#ddd
}
.disabled{
    opacity:.5;
    filter:alpha(opacity=50)
}
.widget_clean_journal_social_icons .widget-wrap{
    margin-left:-5px
}
.site .widget_clean_journal_social_icons a.genericon{
    background-color:#222;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    color:#fff;
    margin:0 0 5px 5px;
    padding:8px;
    height:20px;
    width:20px
}
.site #supplementary .widget_clean_journal_social_icons a.genericon,.site #header-top .widget_clean_journal_social_icons a.genericon{
    background-color:#ddd;
    color:#222
}
.site #supplementary .widget_clean_journal_social_icons a.genericon:hover,.site #header-top .widget_clean_journal_social_icons a.genericon:hover{
    background-color:#fff;
    color:#222
}
.site #header-top .widget_clean_journal_social_icons a.genericon{
    margin-bottom:2px;
    height:14px;
    width:14px
}
.site .sidebar-header-right .widget_clean_journal_social_icons a.genericon{
    margin:5px 0 0 5px
}
.site .widget_clean_journal_social_icons a.genericon:hover{
    background-color:#000;
    border-color:#000;
    color:#fff
}
.site .widget_clean_journal_social_icons a:hover{
    text-decoration:none
}
.site .widget_clean_journal_social_icons a.genericon-facebook-alt:hover{
    background-color:#3b5998;
    border-color:#3b5998
}
.site .widget_clean_journal_social_icons a.genericon-twitter:hover{
    background-color:#00aced;
    border-color:#00aced
}
.site .widget_clean_journal_social_icons a.genericon-googleplus-alt:hover{
    background-color:#dd4b39;
    border-color:#dd4b39
}
.site .widget_clean_journal_social_icons a.genericon-mail:hover{
    background-color:#1d62f0;
    border-color:#1d62f0
}
.site .widget_clean_journal_social_icons a.genericon-feed:hover{
    background-color:#dc622c;
    border-color:#dc622c
}
.site .widget_clean_journal_social_icons a.genericon-wordpress:hover{
    background-color:#1b8be0;
    border-color:#1b8be0
}
.site .widget_clean_journal_social_icons a.genericon-github:hover{
    background-color:#4183c4;
    border-color:#4183c4
}
.site .widget_clean_journal_social_icons a.genericon-linkedin:hover{
    background-color:#007bb6;
    border-color:#007bb6
}
.site .widget_clean_journal_social_icons a.genericon-pinterest:hover{
    background-color:#cb2027;
    border-color:#cb2027
}
.site .widget_clean_journal_social_icons a.genericon-flickr:hover{
    background-color:#ff0084;
    border-color:#ff0084
}
.site .widget_clean_journal_social_icons a.genericon-vimeo:hover{
    background-color:#aad450;
    border-color:#aad450
}
.site .widget_clean_journal_social_icons a.genericon-youtube:hover{
    background-color:#bb0000;
    border-color:#bb0000
}
.site .widget_clean_journal_social_icons a.genericon-tumblr:hover{
    background-color:#32506d;
    border-color:#32506d
}
.site .widget_clean_journal_social_icons a.genericon-instagram:hover{
    background-color:#517fa4;
    border-color:#517fa4
}
.site .widget_clean_journal_social_icons a.genericon-codepen:hover{
    background-color:#000;
    border-color:#000
}
.site .widget_clean_journal_social_icons a.genericon-path:hover{
    background-color:#ff442c;
    border-color:#ff442c
}
.site .widget_clean_journal_social_icons a.genericon-dribbble:hover{
    background-color:#ea4c89;
    border-color:#ea4c89
}
.site .widget_clean_journal_social_icons a.genericon-skype:hover{
    background-color:#12a5f4;
    border-color:#12a5f4
}
.site .widget_clean_journal_social_icons a.genericon-digg:hover{
    background-color:#333;
    border-color:#333
}
.site .widget_clean_journal_social_icons a.genericon-reddit:hover{
    background-color:#ff4500;
    border-color:#ff4500
}
.site .widget_clean_journal_social_icons a.genericon-stumbleupon:hover{
    background-color:#eb4924;
    border-color:#eb4924
}
.site .widget_clean_journal_social_icons a.genericon-pocket:hover{
    background-color:#f13753;
    border-color:#f13753
}
.site .widget_clean_journal_social_icons a.genericon-dropbox:hover{
    background-color:#2281cf;
    border-color:#2281cf
}
.site .widget_clean_journal_social_icons a.genericon-spotify:hover{
    background-color:#81b900;
    border-color:#73a500
}
.site .widget_clean_journal_social_icons a.genericon-polldaddy:hover{
    background-color:#bc0b0b;
    border-color:#bc0b0b
}
.site .widget_clean_journal_social_icons a.genericon-foursquare:hover{
    background-color:#f94877;
    border-color:#f94877
}
.site .widget_clean_journal_social_icons a.genericon-twitch:hover{
    background-color:#6441a5;
    border-color:#6441a5
}
.site .widget_clean_journal_social_icons a.genericon-cloud:hover{
    background-color:#00aced;
    border-color:#00aced
}
.site .widget_clean_journal_social_icons a.genericon-website:hover,.site .widget_clean_journal_social_icons a.genericon-cart:hover,.site .widget_clean_journal_social_icons a.genericon-phone:hover,.site .widget_clean_journal_social_icons a.genericon-handset:hover{
    background-color:#42b41e;
    border-color:#42b41e
}
.site .widget_clean_journal_social_icons a.genericon-link:hover{
    background-color:#2e6da4;
    border-color:#2e6da4
}
.site .widget_clean_journal_social_icons a.custom-icon{
    border:none;
    background:transparent;
    padding:0
}
.site .widget_clean_journal_social_icons .icon-hover,.site .widget_clean_journal_social_icons .has-hover:hover .icon-static{
    display:none
}
.site .widget_clean_journal_social_icons .has-hover:hover .icon-hover{
    display:inline-block;
    text-decoration:none;
    border:none
}
.woocommerce .products ul,.woocommerce ul.products{
    margin-bottom:0
}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
    margin-bottom:20px
}
@-ms-viewport{
    width:device-width
}
@-o-viewport{
    width:device-width
}
@viewport{
    width:device-width
}
.mobile-menu,.mobile-menu-anchor,.mobile-menu-text{
    display:none
}
#mobile-header-left-menu{
    float:left
}
#mobile-header-right-menu{
    float:right
}
.mobile-menu-anchor a.genericon-menu,.mobile-menu-anchor a.genericon-menu:hover{
    color:#404040;
    text-decoration:none
}
#header-top-menu .mobile-menu-anchor a.genericon-menu,#header-top-menu .mobile-menu-anchor a.genericon-menu:hover{
    color:#fff
}
.mobile-header-left-nav-open #mobile-header-left-menu .genericon-menu:before,.mobile-secondary-nav-open #mobile-secondary-menu .genericon-menu:before,.mobile-header-right-nav-open #mobile-header-right-menu .genericon-menu:before,.mobile-header-top-nav-open #header-top .genericon-menu:before,.mobile-footer-nav-open #mobile-footer-menu .genericon-menu:before{
    content:"\f406"
}
.sidr{
    display:block;
    position:fixed;
    top:0;
    height:100%;
    z-index:999999;
    width:260px;
    overflow-x:none;
    overflow-y:auto;
    font-size:15px;
    background:#333;
    color:#fff;
    -webkit-box-shadow:inset 0 0 5px 5px #222;
    box-shadow:inset 0 0 5px 5px #222
}
.sidr .sidr-inner{
    padding:0 0 15px
}
.sidr .sidr-inner>p{
    margin-left:15px;
    margin-right:15px
}
.sidr.right{
    left:auto;
    right:-260px
}
.sidr.left{
    left:-260px;
    right:auto
}
.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{
    font-size:11px;
    font-weight:normal;
    padding:0 15px;
    margin:0 0 5px;
    color:#fff;
    line-height:24px;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#4d4d4d), to(#1a1a1a));
    background-image:linear-gradient(#4d4d4d, #1a1a1a);
    -webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);
    box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)
}
.sidr p{
    font-size:13px;
    margin:0 0 12px
}
.sidr p a{
    color:rgba(255,255,255,0.9)
}
.sidr>p{
    margin-left:15px;
    margin-right:15px
}
.sidr ul{
    display:block;
    margin:0 0 15px;
    padding:0;
    border-top:1px solid #1a1a1a;
    border-bottom:1px solid #4d4d4d
}
.sidr ul li{
    display:block;
    margin:0;
    line-height:48px;
    border-top:1px solid #4d4d4d;
    border-bottom:1px solid #1a1a1a
}
.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{
    border-top:none;
    line-height:49px
}
.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{
    -webkit-box-shadow:inset 0 0 15px 3px #222;
    box-shadow:inset 0 0 15px 3px #222
}
.sidr ul li a,.sidr ul li span{
    padding:0 15px;
    display:block;
    text-decoration:none;
    color:#fff
}
.sidr ul li ul{
    border-bottom:none;
    margin:0
}
.sidr ul li ul li{
    line-height:40px;
    font-size:13px
}
.sidr ul li ul li:last-child{
    border-bottom:none
}
.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{
    border-top:none;
    line-height:41px
}
.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{
    -webkit-box-shadow:inset 0 0 15px 3px #222;
    box-shadow:inset 0 0 15px 3px #222
}
.sidr ul li ul li a,.sidr ul li ul li span{
    color:#ccc;
    padding-left:20px
}
.sidr ul li ul li ul li a,.sidr ul li ul li ul li span{
    padding-left:30px
}
.sidr form{
    margin:0 15px
}
.sidr label{
    font-size:13px
}
.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{
    width:100%;
    font-size:13px;
    padding:5px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin:0 0 10px;
    border-radius:2px;
    border:none;
    background:rgba(0,0,0,0.1);
    color:rgba(255,255,255,0.6);
    display:block;
    clear:both
}
.sidr input[type=checkbox]{
    width:auto;
    display:inline;
    clear:none
}
.sidr input[type=button],.sidr input[type=submit]{
    color:#333;
    background:#fff
}
.sidr input[type=button]:hover,.sidr input[type=submit]:hover{
    background:rgba(255,255,255,0.9)
}
@media screen and (max-width: 1280px){
    .wrapper{
        width:1100px
    }
    #main{
        width:720px
    }
    #featured-content.layout-four .hentry:nth-child(4n+1){
        clear:both
    }
    .full-width.excerpt-image-left .has-post-thumbnail .archive-post-wrap .entry-container,.full-width.excerpt-image-right .has-post-thumbnail .archive-post-wrap .entry-container{
        width:77%
    }
}
@media screen and (max-width: 1152px){
    .wrapper{
        width:1040px
    }
    .wrapper{
        padding:0 15px
    }
    #site-generator .wrapper{
        padding:0 10px
    }
    #masthead{
        padding:15px 0
    }
    #featured-content .featured-heading-wrap{
        padding:15px 15px 0
    }
    #site-branding,#content .wrapper,.hentry,.no-results,.not-found,.sidebar,#comments,#nav-below,#infinite-handle,#supplementary .widget{
        padding:15px
    }
    #featured-content,#supplementary{
        padding-top:15px
    }
    #breadcrumb-list .wrapper{
        padding:15px 30px 0
    }
    .clean-journal-nav-menu a,.sidebar-header-right .widget_nav_menu a{
        padding:0 15px
    }
    .sidebar-primary .widget{
        margin-bottom:30px
    }
    .hentry,.widget{
        margin:0 0 15px
    }
    #main{
        width:680px
    }
    .sidebar-primary{
        width:330px
    }
}
@media screen and (max-width: 1100px){
    .wrapper{
        width:960px
    }
    #main{
        width:600px
    }
    .full-width.excerpt-image-left .has-post-thumbnail .archive-post-wrap .featured-image,.full-width.excerpt-image-right .has-post-thumbnail .archive-post-wrap .featured-image{
        width:23%
    }
    .full-width.excerpt-image-left .has-post-thumbnail .archive-post-wrap .entry-container,.full-width.excerpt-image-right .has-post-thumbnail .archive-post-wrap .entry-container{
        width:75%
    }
}
@media screen and (max-width: 990px){
    .wrapper,.no-sidebar.one-column .site,.no-sidebar.one-column.fixed-header-top #header-top{
        width:740px
    }
    .no-sidebar.content-width #main{
        width:100%
    }
    .wrapper,#header-top .wrapper,.nav-primary .wrapper,.nav-secondary .wrapper{
        padding:0 10px
    }
    #masthead{
        padding:10px 0
    }
    #site-branding{
        padding:0 10px
    }
    #masthead .sidebar-header-right{
        padding:0
    }
    #masthead .sidebar-header-right .widget{
        padding:10px 0 0;
        margin-bottom:0
    }
    #promotion-message .right .promotion-button{
        padding:8px 15px
    }
    #featured-content,#supplementary{
        padding-top:10px
    }
    #featured-content .featured-heading-wrap{
        padding:10px 10px 0
    }
    .genericon-menu,#promotion-message .section,#content .wrapper,.hentry,.no-results,.not-found,.sidebar,#comments,#nav-below,#infinite-handle,#supplementary .widget,#site-generator{
        padding:10px
    }
    .hentry,.widget{
        margin:0 0 1em
    }
    #featured-content .entry-container{
        margin-top:10px
    }
    h1,h2,h3,h4,h5,h6{
        margin-bottom:5px
    }
    p{
        margin-bottom:10px
    }
    .hentry .featured-image{
        margin-bottom:15px
    }
    .archive-post-wrap{
        padding-bottom:10px
    }
    .site-title{
        font-size:30px
    }
    h1{
        font-size:26px
    }
    h2{
        font-size:24px
    }
    h3{
        font-size:22px
    }
    h4{
        font-size:18px
    }
    h5{
        font-size:16px
    }
    h6{
        font-size:14px
    }
    .entry-title,#promotion-message h2,#featured-content #featured-heading{
        font-size:24px
    }
    #featured-content .entry-title,.archive-post-wrap .entry-title{
        font-size:20px
    }
    #site-generator{
        font-size:13px
    }
    #site-branding,#main,#content_sidebar_wrap,#content_sidebar_wrap #main,.sidebar-primary{
        width:100%
    }
    .sidebar-primary{
        clear:both;
        padding:0
    }
    .widget_clean_journal_social_icons .widget-wrap{
        margin-left:0
    }
    .sidebar-primary .widget,#featured-content.layout-four .hentry,#supplementary.four .widget-area,#supplementary.three .widget-area{
        float:left;
        width:50%
    }
    .sidebar-primary .widget,#featured-content.layout-four .hentry{
        padding:10px
    }
    .sidebar-primary .widget:nth-child(2n+1),#featured-content.layout-four .hentry:nth-child(2n+1),#supplementary .widget-area:nth-child(2n+1){
        clear:both
    }
    .mobile-menu-anchor{
        display:inline-block
    }
    #site-logo,#site-header{
        display:block;
        float:none
    }
    .logo-left #site-header{
        padding-top:8px;
        padding-left:0
    }
    .logo-right #site-header{
        padding-top:10px;
        padding-right:0
    }
    #site-logo img{
        max-height:150px
    }
    .sidebar-header-right{
        clear:both;
        display:inline-block;
        float:none;
        text-align:center;
        width:100%
    }
    #masthead .search-field,.sidebar-header-right .widget-wrap{
        float:none
    }
    .nav-primary,.nav-header-top,.nav-header-right,#header-right-menu-widget,.nav-secondary,.nav-footer{
        display:none
    }
    #site-branding{
        text-align:center
    }
    .mobile-menu-one #site-branding{
        padding-left:0;
        width:680px
    }
    .mobile-menu-two #site-branding,.mobile-menu-three #site-branding{
        padding-left:0;
        padding-right:0;
        width:640px
    }
    #mobile-secondary-menu{
        display:block;
        width:100%
    }
    #mobile-footer-menu{
        border-top:1px solid #eee;
        display:block;
        padding:0 10px;
        width:100%
    }
    .full-width.excerpt-image-left .has-post-thumbnail .archive-post-wrap .featured-image,.full-width.excerpt-image-right .has-post-thumbnail .archive-post-wrap .featured-image{
        width:20%
    }
    .full-width.excerpt-image-left .has-post-thumbnail .archive-post-wrap .entry-container,.full-width.excerpt-image-right .has-post-thumbnail .archive-post-wrap .entry-container{
        width:77%
    }
}
@media screen and (max-width: 782px){
    .admin-bar.fixed-header-top #header-top{
        top:46px
    }
}
@media screen and (max-width: 767px){
    .wrapper,.no-sidebar.one-column .site,.no-sidebar.one-column.fixed-header-top #header-top{
        width:660px
    }
    .mobile-menu-one #site-branding{
        width:600px
    }
    .mobile-menu-two #site-branding,.mobile-menu-three #site-branding{
        width:560px
    }
    .site-content{
        padding-top:0
    }
    #nav-below .wp-pagenavi span.pages{
        margin-left:0
    }
}
@media screen and (max-width: 700px){
    .wrapper,.no-sidebar.one-column .site,.no-sidebar.one-column.fixed-header-top #header-top{
        width:560px
    }
    .mobile-menu-one #site-branding{
        width:500px
    }
    .mobile-menu-two #site-branding,.mobile-menu-three #site-branding{
        width:460px
    }
    #promotion-message .left{
        max-width:75%
    }
    #promotion-message .right{
        max-width:25%
    }
    #feature-slider .entry-container{
        border-radius:0;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        bottom:0;
        clear:both;
        display:block;
        left:0;
        opacity:1;
        padding-bottom:30px;
        position:relative;
        top:auto;
        -webkit-transform:none;
        transform:none;
        width:100%
    }
    #feature-slider .cycle-pager{
        left:0;
        width:100%
    }
    #feature-slider:hover .cycle-next{
        right:1%
    }
    #feature-slider:hover .cycle-prev{
        left:1%
    }
}
@media screen and (max-width: 600px){
    .wrapper,.no-sidebar.one-column .site,.no-sidebar.one-column.fixed-header-top #header-top{
        width:520px
    }
    .mobile-menu-one #site-branding{
        width:400px
    }
    .header-top-left,.header-top-right{
        width:100%
    }
    .mobile-header-top-nav-open .mobile-menu-anchor{
        float:left
    }
    #header-top .header-top-left .widget,#header-top .header-top-right .widget{
        width:100%;
        margin-left:0;
        margin-right:0;
        text-align:center
    }
    #header-top .widget ul{
        float:none
    }
    #header-top .widget ul li{
        display:inline-block;
        float:none
    }
    .mobile-menu-one #site-branding{
        width:460px
    }
    .mobile-menu-two #site-branding,.mobile-menu-three #site-branding{
        width:420px
    }
    .site-title{
        font-size:26px
    }
    h1{
        font-size:24px
    }
    h2{
        font-size:22px
    }
    h3{
        font-size:20px
    }
    h4{
        font-size:18px
    }
    h5{
        font-size:16px
    }
    h6{
        font-size:14px
    }
    .entry-title,#promotion-message h2,#featured-content #featured-heading{
        font-size:22px
    }
    #feature-slider .entry-content{
        display:none
    }
    #feature-slider .cycle-pager span{
        font-size:40px
    }
}
@media screen and (max-width: 540px){
    .wrapper,.no-sidebar.one-column .site,.no-sidebar.one-column.fixed-header-top #header-top{
        width:460px
    }
    .mobile-menu-one #site-branding{
        width:400px
    }
    .mobile-menu-two #site-branding,.mobile-menu-three #site-branding{
        width:360px
    }
    #promotion-message .left{
        max-width:70%
    }
    #promotion-message .right{
        max-width:30%
    }
    body,button,input,select,textarea{
        font-size:14px
    }
    button,input[type="button"],input[type="reset"],input[type="submit"]{
        font-size:14px
    }
    .site-title{
        font-size:24px
    }
    h1{
        font-size:22px
    }
    h2{
        font-size:20px
    }
    h3{
        font-size:18px
    }
    h4{
        font-size:16px
    }
    h5{
        font-size:14px
    }
    h6{
        font-size:13px
    }
    .entry-title,#promotion-message h2,#featured-content #featured-heading{
        font-size:20px
    }
}
@media screen and (max-width: 480px){
    .wrapper,.no-sidebar.one-column .site,.no-sidebar.one-column.fixed-header-top #header-top{
        width:380px
    }
    #site-branding{
        padding-top:0
    }
    .genericon-menu{
        padding:5px
    }
    .mobile-menu-one #site-branding{
        width:330px
    }
    .mobile-menu-two #site-branding,.mobile-menu-three #site-branding{
        width:300px
    }
    #promotion-message .section,.sidebar-primary .widget,#featured-content.layout-four .hentry,#featured-content.layout-three .hentry,#featured-content.layout-two .hentry,#supplementary.four .widget-area,#supplementary.three .widget-area,#supplementary.two .widget-area{
        display:block;
        float:none;
        width:100%
    }
    #promotion-message .section{
        max-width:100%;
        text-align:center
    }
    #promotion-message .left{
        padding-bottom:0
    }
    #promotion-message .right{
        padding-top:0
    }
    .entry-meta,.site-description{
        font-size:12px
    }
    #site-generator{
        font-size:11px
    }
    .comment-navigation .nav-previous,.paging-navigation .nav-previous,.post-navigation .nav-previous,.nav-previous,.comment-navigation .nav-next,.paging-navigation .nav-next,.post-navigation .nav-next,.nav-next{
        width:100%
    }
}
@media screen and (max-width: 400px){
    .wrapper{
        width:320px;
        margin:0 auto
    }
    .mobile-menu-one #site-branding{
        width:270px
    }
    .mobile-menu-two #site-branding,.mobile-menu-three #site-branding{
        width:240px
    }
}
@media screen and (max-width: 319px){
    .wrapper,.no-sidebar.one-column .site,.no-sidebar.one-column.fixed-header-top #header-top{
        width:100%
    }
    .wrapper{
        padding:0 5px
    }
    #masthead{
        padding-top:5px
    }
    #site-branding,.mobile-menu-one #site-branding,.mobile-menu-two #site-branding,.mobile-menu-three #site-branding{
        clear:both;
        display:block;
        padding:0;
        width:100%
    }
    #masthead .sidebar-header-right{
        padding-right:0;
        padding-left:0
    }
    .excerpt-image-left .has-post-thumbnail .archive-post-wrap .featured-image,.excerpt-image-right .has-post-thumbnail .archive-post-wrap .featured-image{
        display:inline;
        float:none;
        margin:0 auto;
        width:100%
    }
    .excerpt-image-left .has-post-thumbnail .archive-post-wrap .featured-image img,.excerpt-image-right .has-post-thumbnail .archive-post-wrap .featured-image img{
        width:100%
    }
    .excerpt-image-left .has-post-thumbnail .archive-post-wrap .entry-container,.excerpt-image-right .has-post-thumbnail .archive-post-wrap .entry-container{
        display:block;
        float:none;
        padding-top:10px;
        width:100%
    }
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
    select:focus,textarea:focus,input:focus,input#s,#respond form input[type="text"],#respond form textarea,input[type="text"],input[type="email"],input[type="url"],input[type="password"],textarea{
/*         font-size:16px */
    }
}
body{
    color:#595757;
    font-size:15px;
    font-weight:300;
    font-family:"Lato","Noto Sans TC","Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Droid Sans","Helvetica Neue","PingFang SC","Hiragino Sans GB","Droid Sans Fallback","Microsoft YaHei",sans-serif;
    max-width:3840px;
    margin:0 auto;
    letter-spacing:.5px;
    line-height:1.6
}
::-moz-selection{
    background-color:#B4B5B5;
    color:#333
}
::selection{
    background-color:#B4B5B5;
    color:#333
}
a:link,a:visited,a:hover,a:active{
    text-decoration:none !important
}
h1,h2,h3,h4,h5,h6{
    font-family:"Lato","Noto Sans TC","Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Droid Sans","Helvetica Neue","PingFang SC","Hiragino Sans GB","Droid Sans Fallback","Microsoft YaHei",sans-serif;
	font-weight:500;
}
h3,h4,h5,h6{
    padding:10px 0
}
h3.h-reason{
    font-size:42px
}
@media (min-width: 900px){
    h3.h-reason{
        font-size:90px
    }
}
button,input,select,textarea{
    font-family:"Lato","Noto Sans TC","Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Droid Sans","Helvetica Neue","PingFang SC","Hiragino Sans GB","Droid Sans Fallback","Microsoft YaHei",sans-serif
}
img:after{
    content:'\f127' ' 圖片連結失效 ';
    display:block;
    font-size:14px;
    font-style:normal;
    font-family:FontAwesome, 'Noto Sans TC', monospace;
    color:#595757;
    white-space:nowrap
}
.so-panel{
    margin:0 auto !important
}
.hentry{
    margin:0 !important;
    padding:0
}
.wrapper{
    width:100%;
    padding:0 !important;
    margin:0 auto !important
}
@media (min-width: 1200px){
    .wrapper{
        max-width:1280px
    }
}
@media (min-width: 1800px){
    .wrapper{
        max-width:1920px
    }
}
.entry-header{
    padding:0
}
.site-main{
    margin:0 auto !important;
    padding:0 !important;
    width:100% !important
}

.sow-headline{
    line-height:2 !important
}
.sow-slider-image-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0 2rem !important
}
.sow-slider-image-wrapper h1,.sow-slider-image-wrapper h2{
    font-size:calc(4vw + 10px) !important;
    text-align:justify !important;
    text-shadow:none !important
}
@media (min-width: 600px){
    .sow-slider-image-wrapper h1,.sow-slider-image-wrapper h2{
        font-size:50px !important;
        font-weight:800 !important;
        letter-spacing:3px !important
    }
}
.sow-slider-image-wrapper h6{
    font-size:18px !important;
    font-weight:200 !important;
    letter-spacing:1px !important;
    text-shadow:none !important
}
.sow-features-list{
    margin:0 !important;
    -webkit-box-orient:horizontal !important;
    -webkit-box-direction:normal !important;
    -ms-flex-direction:row !important;
    flex-direction:row !important;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.sow-features-feature{
    padding:0 !important;
    margin:0 !important;
    min-width:8.8em !important
}
@media (min-width: 600px){
    .sow-features-feature{
        max-width:90% !important
    }
}
@media (min-width: 900px){
    .sow-features-feature{
        max-width:initial !important
    }
}
.sow-features-feature .sow-icon-container.sow-container-round{
    width:100% !important;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:auto !important
}
.sow-features-feature .sow-icon-container.sow-container-round:before{
    content:'';
    padding-top:100%
}
.sow-features-feature .sow-icon-image{
    width:90% !important;
    max-width:150px;
    background-color:white;
    border-radius:50%;
    height:auto !important;
    background-size:90% !important;
    top:50% !important;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.sow-features-feature .sow-icon-image:before{
    content:'';
    padding-top:100%
}
.sow-image-container{
    width: 100%;
}
.wpsm-show{
    max-width:100%
}
.ow-button-base a{
    max-width:100%
}
@media (max-width: 599px){
    .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h1{
        font-size:calc(6vw + 10px)
    }
}
.sow-icon-container{
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.pum-trigger:hover .sow-icon-container{
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
}
@media (max-width: 599px){
    .pum-trigger .sow-features-feature{
        max-width:initial !important
    }
}
@media (min-width: 600px){
    .pum-trigger .sow-features-feature{
        max-width:250px !important
    }
}
.panel-row-style{
    -webkit-box-orient:horizontal !important;
    -webkit-box-direction:normal !important;
    -ms-flex-direction:row !important;
    flex-direction:row !important
}
.show_more{
    text-align:center
}
.wpsm-hide{
    position:relative;
    position:absolute;
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.wpsm-content{
    position:relative;
    -webkit-transition:1s ease;
    transition:1s ease;
    overflow:hidden;
    max-height:5999px;
    display:block;
    text-align:justify;
    padding-bottom:3em
}
.wpsm-content.wpsm-content-hide{
    padding-bottom:0;
    max-height:0;
    display:block
}
.wpsm-show{
    position:relative;
    visibility:visible;
    opacity:1;
    -webkit-transition:.1s ease-in-out;
    transition:.1s ease-in-out
}
.wpsm-show.wpsm-content-hide{
    display:inline-block;
    position:relative;
    visibility:hidden;
    opacity:0
}
.link--hover-yellow{
    -webkit-transition:.1s ease-in-out;
    transition:.1s ease-in-out
}
.link--hover-yellow:hover{
    background:#fdd000 !important;
    border:1px solid #fdd000 !important
}
.collapseomatic{
    background-position:0 0.3em
}
.sec-slogan{
    max-width:1280px;
    padding:50px 2rem !important;
    margin:0 auto !important
}
.sec-slogan p{
    margin:1em auto
}
.sec-slogan h5{
    margin-top:2.4em
}
@media (min-width: 900px){
    .sec-slogan{
        padding:100px 2rem !important
    }
}
.sec-block{
    padding:50px 2rem !important
}
.sec-block p{
    max-width:1024px;
    margin:1em auto
}
.sec-block h5{
    margin-top:2.4em
}
@media (min-width: 900px){
    .sec-block{
        padding:100px 2rem !important
    }
}
.sec-hero .sow-slider-image{
    padding-bottom:60% !important
}
@media (min-width: 900px){
    .sec-kv .sow-slider-image{
        padding-bottom:40% !important
    }
}
.sec-kv .sow-slider-image-container,.sec-kv .sow-slider-image-wrapper{
    height:100% !important
}
.sec-svg{
    text-align:center;
    margin:0 auto !important;
    padding:0 !important
}
.sec-svg svg{
    max-width:800px
}
.tab-wrap{
    -webkit-transition:0.3s -webkit-box-shadow ease;
    transition:0.3s -webkit-box-shadow ease;
    transition:0.3s box-shadow ease;
    transition:0.3s box-shadow ease, 0.3s -webkit-box-shadow ease;
    border-radius:6px;
    max-width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    position:relative;
    list-style:none;
    background-color:#fff;
    margin:0
}
.tab{
    display:none
}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1){
    opacity:1;
    -webkit-transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;
    transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;
    transition:0.5s opacity ease-in, 0.8s transform ease;
    transition:0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
    position:relative;
    top:0;
    z-index:100;
    -webkit-transform:translateY(0px);
    transform:translateY(0px);
    text-shadow:0 0 0
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2){
    opacity:1;
    -webkit-transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;
    transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;
    transition:0.5s opacity ease-in, 0.8s transform ease;
    transition:0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
    position:relative;
    top:0;
    z-index:100;
    -webkit-transform:translateY(0px);
    transform:translateY(0px);
    text-shadow:0 0 0
}
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3){
    opacity:1;
    -webkit-transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;
    transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;
    transition:0.5s opacity ease-in, 0.8s transform ease;
    transition:0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
    position:relative;
    top:0;
    z-index:100;
    -webkit-transform:translateY(0px);
    transform:translateY(0px);
    text-shadow:0 0 0
}
.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4){
    opacity:1;
    -webkit-transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;
    transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;
    transition:0.5s opacity ease-in, 0.8s transform ease;
    transition:0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
    position:relative;
    top:0;
    z-index:100;
    -webkit-transform:translateY(0px);
    transform:translateY(0px);
    text-shadow:0 0 0
}
.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5){
    opacity:1;
    -webkit-transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;
    transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;
    transition:0.5s opacity ease-in, 0.8s transform ease;
    transition:0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
    position:relative;
    top:0;
    z-index:100;
    -webkit-transform:translateY(0px);
    transform:translateY(0px);
    text-shadow:0 0 0
}
.tab:checked:nth-of-type(6) ~ .tab__content:nth-of-type(6){
    opacity:1;
    -webkit-transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;
    transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;
    transition:0.5s opacity ease-in, 0.8s transform ease;
    transition:0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
    position:relative;
    top:0;
    z-index:100;
    -webkit-transform:translateY(0px);
    transform:translateY(0px);
    text-shadow:0 0 0
}
.tab:first-of-type:not(:last-of-type)+label{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.tab:not(:first-of-type):not(:last-of-type)+label{
    border-radius:0
}
.tab:last-of-type:not(:first-of-type)+label{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.tab:checked+label{
    background-color:#E73273;
    color:#F7F7F7;
    -webkit-box-shadow:0 -1px 0 #fff inset;
    box-shadow:0 -1px 0 #fff inset;
    cursor:default
}
.tab:checked+label:hover{
    -webkit-box-shadow:0 -1px 0 #fff inset;
    box-shadow:0 -1px 0 #fff inset;
    background-color:#E73273
}
.tab+label{
    -webkit-box-shadow:0 -1px 0 #eee inset;
    box-shadow:0 -1px 0 #eee inset;
    border-radius:0;
    cursor:pointer;
    display:block;
    text-decoration:none;
    color:#E73273;
    -webkit-box-flex:3;
    -ms-flex-positive:3;
    flex-grow:3;
    text-align:center;
    background-color:#F7F7F7;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-align:center;
    -webkit-transition:0.3s background-color ease, 0.3s -webkit-box-shadow ease;
    transition:0.3s background-color ease, 0.3s -webkit-box-shadow ease;
    transition:0.3s background-color ease, 0.3s box-shadow ease;
    transition:0.3s background-color ease, 0.3s box-shadow ease, 0.3s -webkit-box-shadow ease;
    height:50px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:15px
}
.tab+label:hover{
    background-color:#E73273;
    color:#F7F7F7
}
.tab__content{
    padding:10px 25px;
    background-color:transparent;
    position:absolute;
    width:100%;
    z-index:-1;
    opacity:0;
    left:0;
    -webkit-transform:translateY(-3px);
    transform:translateY(-3px);
    border-radius:6px;
    max-height:800px;
    overflow:auto
}
.tab-wrap.tab-style--plan{
    background-color:#F7F7F7;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-shadow:none;
    box-shadow:none
}
.tab-wrap.tab-style--plan:hover{
    -webkit-box-shadow:none;
    box-shadow:none
}
.tab-wrap.tab-style--plan .tab+label{
    -webkit-box-flex:0;
    -ms-flex-positive:0;
    flex-grow:0;
    position:relative;
    border:1px solid #E73273;
    border-radius:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:1.3;
    width:5em;
    height:5em;
    margin-right:.3em;
    font-size:.5em;
    -webkit-box-shadow:none;
    box-shadow:none
}
@media (min-width: 600px){
    .tab-wrap.tab-style--plan .tab+label{
        width:7em;
        height:7em;
        margin-right:2em;
        letter-spacing:2px;
        white-space:nowrap;
        font-size:.8em
    }
}
@media (min-width: 900px){
    .tab-wrap.tab-style--plan .tab+label{
        font-size:1em
    }
}
@media (min-width: 600px){
    .tab-wrap.tab-style--plan .tab+label:not(:last-of-type):after{
        content:"..........";
        position:absolute;
        right:-2em;
        top:50%;
        width:2em;
        color:#E73273;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%)
    }
}
.tab-wrap.tab-style--plan .tab+label+p{
    display:none
}
.tab-wrap .item-set{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse
}
.tab-wrap .item-set .title-container{
    text-align:center
}
.tab-wrap .item-set .title-container .title{
    color:#E73273
}
.tab-wrap .item-set .title-container .name{
    font-size:1.2em
}
.tab-wrap .item-set .img-container{
    text-align:center
}
.tab-wrap .item-set .img-container.square .img{
    border-radius:0
}
.tab-wrap .item-set .img-container .img{
    border-radius:50%;
    width:80%;
    max-width:150px
}
.tab-wrap .tab__content{
    padding:50px 2rem
}
.tab-wrap .tab__content h3{
    color:#E73273
}
.tab-wrap .tab__content p{
    font-weight:300
}
.tab-wrap .tab__content .swiper-wrapper{
    padding-top:30px;
    padding-bottom:60px
}
.tab-wrap .tab__content .swiper-pagination-bullet-active{
    background:#E73273
}
.tab-control{
	border-bottom:2px solid #ebebeb;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    margin:50px 0 40px;
    /* max-width:900px*/
}
@media (min-width: 900px){
    .tab-control{
        margin:40px auto
    }
}
.tab-control .tab-button{
    cursor:pointer;
	border-bottom:2px solid transparent;
	max-width: 324px;
	display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
	font-size:20px;
	font-weight:400;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
	padding: 7px;
	margin-bottom: -2px;
    text-align:center;
    -webkit-transition:.5s ease-in-out;
    transition:.5s ease-in-out
}
@media (min-width: 900px){
    .tab-control .tab-button{
        padding: 7px;
    }
}

/*Tab text for mobile*/
@media screen and (max-width: 780px){
	.tab-control a.tab-button {
		font-size:16px;
	}
}


.tab-control .tab-button:hover,.tab-control .tab-button.is-active{
    color:#E73273;
    border-bottom:2px solid #E73273
}
.tab-control--aside{
    visibility:hidden;
    opacity:0;
    position:fixed;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    right:0;
    top:50%;
    margin:1em;
    color:#595757;
    background:#F7F7F7;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    z-index:999
}
.tab-control--aside.is-active{
    visibility:visible;
    opacity:1
}
.tab-control--aside .tab-button{
    cursor:pointer;
    padding:1em 1.5em
}
.tab-control--aside .tab-button:hover,.tab-control--aside .tab-button.is-active{
    color:#E73273
}
.tab-content{
    display:none !important
}
.tab-content.is-active{
    display:block !important
}
.sticky{
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:99
}
.scrollspy-container{
    position:fixed;
    right:4em;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:99;
    display:none
}
@media (min-width: 900px){
    .scrollspy-container{
        display:block
    }
}
.scrollspy{
    position:relative;
    color:#f0899e;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    margin-left:0
}
@media (min-width: 900px){
    .scrollspy.is-show{
        opacity:1;
        visibility:visible
    }
}
.scrollspy>.item{
    position:relative;
    padding:.5em;
    padding-left:1.4em;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    line-height:1.25;
    list-style:none;
    white-space:nowrap;
    color:#595757;
    opacity:.7
}
.scrollspy>.item a{
    display:block
}
.scrollspy>.item:before{
    content:'';
    background-color:transparent;
    width:10px;
    height:10px;
    border-radius:50%;
    border:2px solid #595757;
    position:absolute;
    left:2px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transform-origin:top;
    transform-origin:top;
    -webkit-transition:.1s ease-in-out;
    transition:.1s ease-in-out
}
.scrollspy>.item:first-of-type:after{
    display:none
}
.scrollspy>.item.is-active,.scrollspy>.item:hover{
    color:#E73273;
    font-weight:bold;
    opacity:1
}
.scrollspy>.item.is-active:before,.scrollspy>.item:hover:before{
    -webkit-transform:scale(1.3) translateY(-50%);
    transform:scale(1.3) translateY(-50%);
    background-color:#E73273;
    border:1px solid #E73273
}
.scrollspy>.item.is-active:after,.scrollspy>.item:hover:after{
    background-color:#E73273
}
.scrollspy>.item .link{
    display:block;
    max-width:3em;
    -webkit-transition:0s;
    transition:0s
}
.org-container{
    max-width:1024px;
    margin:0 auto;
    background-color:transparent
}
.org-container .org-row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.org-container .org-block{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:1em;
    width:100%;
    text-align:center
}
.org-container .org-block>.item{
    cursor:pointer
}
.org-container .org-block>.item:hover .block-title,.org-container .org-block>.item.is-active .block-title{
    background-color:#E73273 !important;
    color:#F7F7F7
}
.org-container .org-block .block-title{
    color:#595757;
    background-color:#FFF;
    padding:.5em .2em
}
@media (min-width: 900px){
    .org-container .org-block.row-block-left{
        -webkit-box-flex:.45;
        -ms-flex:.45;
        flex:.45
    }
}
@media (min-width: 900px){
    .org-container .org-block.row-block-right{
        -webkit-box-flex:.55;
        -ms-flex:.55;
        flex:.55
    }
}
.org-container .org-block .org-part{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (min-width: 600px){
    .org-container .org-block .org-part{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
@media (min-width: 900px){
    .org-container .org-block .org-part{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
.org-container .org-block .org-part .item{
    margin:.8em 0;
    padding:0
}
@media (min-width: 600px){
    .org-container .org-block .org-part .item{
        margin:0
    }
}
@media (min-width: 900px){
    .org-container .org-block .org-part .item{
        margin:.8em 0
    }
}
.org-container .org-block .org-part .item--4{
    width:100%
}
@media (min-width: 600px){
    .org-container .org-block .org-part .item--4{
        width:50%
    }
}
@media (min-width: 900px){
    .org-container .org-block .org-part .item--4{
        width:25%
    }
}
.org-container .org-block .org-part .item--5{
    width:100%
}
@media (min-width: 600px){
    .org-container .org-block .org-part .item--5{
        width:50%
    }
}
@media (min-width: 900px){
    .org-container .org-block .org-part .item--5{
        width:20%
    }
}
.org-container .org-block .org-part .item:first-of-type{
    margin-left:0
}
.org-container .org-block .org-part .item:first-of-type .block-title{
    margin-left:0
}
.org-container .org-block .org-part .item:last-of-type{
    margin-right:0
}
.org-container .org-block .org-part .item:last-of-type .block-title{
    margin-right:0
}
.org-container .org-block .org-part .item:hover .block-title,.org-container .org-block .org-part .item.is-active .block-title{
    background-color:#E73273;
    color:#F7F7F7
}
.org-container .org-block .org-part .block-title{
    line-height:1.4;
    height:4em;
    color:#595757;
    cursor:pointer;
    -webkit-transition:.1s ease-in-out;
    transition:.1s ease-in-out
}
@media (min-width: 600px){
    .org-container .org-block .org-part .block-title{
        margin:1em .5em
    }
}
.org-container .org-block .org-part .block-title.oneline{
    position:relative
}
.org-container .org-block .org-part .block-title.oneline span{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    white-space:nowrap;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.org-container .org-content-container .org-content{
    visibility:hidden;
    opacity:0;
    max-width:1024px;
    margin:0 auto;
    padding:0 1em;
    max-height:0;
    overflow:hidden;
    will-change:max-height;
    -webkit-transition:.5s ease-in-out;
    transition:.5s ease-in-out
}
.org-container .org-content-container .org-content.is-active{
    opacity:1;
    visibility:visible;
    max-height:999px;
    padding:1em
}
.error-404 .entry-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    max-width:400px;
    margin:0 auto;
    padding:30px 20px 70px
}
.error-404 .entry-header{
    text-align:center
}
.error-404 .entry-header .page-title{
    font-weight:500;
    font-size:60px
}
.error-404 .entry-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.error-404 .entry-content .img-container{
    margin:20px 0
}
.no-results .page-content,.not-found .page-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    max-width:400px;
    margin:0 auto;
    padding:30px 20px 70px
}
.post{
    max-width:1024px;
    padding:0 16px;
    margin:0 auto !important
}
.post:first-of-type{
    padding-top:2em !important
}
.entry-title{
    color:#E73273
}
.entry-title .link:hover{
    color:#e3264c
}
.entry-meta .posted-on a:before{
    display:none
}
.entry-summary{
    font-size:16px
}
.excerpt-image-left .archive-post-wrap .entry-meta{
    color:#999;
    font-size:.8em
}
.more-link{
    display:none
}
.page-header{
    padding:1em 1.4em 0;
    margin:0 auto;
    max-width:1024px
}
.page-header .page-title{
    display:inline-block;
    border:1px solid #d6d6d6;
    border-radius:4px;
    color:#a3a3a3;
    padding:.3em .5em;
    margin:5px 0;
    -webkit-transition:.1s ease-in-out;
    transition:.1s ease-in-out
}
.page-header .page-title{
    margin:0 auto;
    margin-bottom:25px;
    font-size:1em;
    max-width:1024px
}
.archive-post-wrap{
    border-bottom:1px solid #E8E8E8;
    margin:25px auto
}
@media (min-width: 900px){
    .archive-post-wrap{
        padding:25px 0
    }
}
.archive-post-wrap .entry-title{
    font-size:22px
}
#nav-below{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%;
    max-width:1024px;
    margin:0 auto;
    padding-left:1.4em;
    padding-right:1.4em;
    padding-top:50px;
    margin-bottom:4em
}
.nav-count{
    position:absolute;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    right:0;
    top:0;
    padding:0 1.4em
}
.nav-count__post,.nav-count__page{
    padding:0 .5em
}
.nav-previous{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    text-align:left
}
.nav-first,.nav-last{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    text-align:center
}
.nav-next{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    text-align:right
}
.nav-previous a,.nav-next a,.nav-first a,.nav-last a{
    border:1px solid transparent;
    color:#E73273;
    font-size:15px;
    padding:.3em .5em;
    margin:5px 0;
    -webkit-transition:.1s ease-in-out;
    transition:.1s ease-in-out
}
.nav-previous a:hover,.nav-next a:hover,.nav-first a:hover,.nav-last a:hover{
    color:rgba(233,83,113,0.7)
}
.nav-previous a i,.nav-next a i,.nav-first a i,.nav-last a i{
    padding:0 10px
}
@media (max-width: 599px){
    .archive-post-wrap{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.archive-post-wrap .featured-image{
    -webkit-transition:opacity .3s ease-in-out;
    transition:opacity .3s ease-in-out
}
.archive-post-wrap .featured-image:hover{
    opacity:.7
}
@media (max-width: 599px){
    .archive-post-wrap .featured-image{
        float:none !important;
        width:100% !important;
        max-width:none !important
    }
}
.archive-post-wrap .featured-image>a{
    width:100%;
    height:0;
    padding-bottom:75%;
    overflow:hidden
}
@media (max-width: 599px){
    .archive-post-wrap .entry-container{
        width:100% !important;
        float:none !important
    }
}
main .category-news{
    margin-top:50px !important;
    max-width:800px
}
main .category-news p{
    font-size:18px;
    line-height:1.95;
    letter-spacing:.4px;
    margin-bottom:40px
}
main .category-story{
    margin-top:50px !important;
    max-width:800px
}
main .category-story p{
    font-size:18px;
    line-height:1.95;
    letter-spacing:.4px;
    margin-bottom:40px
}
body.has-fixed-top{
    margin-top:67px
}
@media (min-width: 900px){
    body.has-fixed-top{
        margin-top:45px
    }
}
#masthead{
    display:none
}
.nav-primary{
    display:none
}
.logo{
    -o-object-fit:contain;
    object-fit:contain;
    width:320px;
    max-width:90%;
    max-height:45px;
}
@media (max-width: 599px){
    .logo{
        padding:5px 10px
    }
}
.mask{
    position:fixed;
    width:100%;
    height:100%;
    -webkit-transition:.7s ease-in-out;
    transition:.7s ease-in-out;
    pointer-events:none
}
.mask.is-active{
    background-color:rgba(51,51,51,0.7)
}
@media (min-width: 900px){
    .mask{
        display:none
    }
}
.header{
    position:relative;
    width:100%;
    left:0;
    top:0;
    z-index:999;
    -webkit-transition:.7s ease-in-out;
    transition:.7s ease-in-out
}
.header.is-fixed{
    position:fixed;
    opacity:1
}
.header .nav{
    position:absolute;
    width:100%;
    bottom:0;
    background-color:#E8E8E8;
    -webkit-transition:.7s ease-in-out;
transition:.7s ease-in-out;
overflow:auto;
  max-height:calc(100vh); /* 手機板 滿板 */
  padding-bottom:20px;
    font-size:16px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    background-color:#fff;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media (min-width: 900px){
    .header .nav{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        position:relative;
        overflow:visible;
        z-index:999;
        padding-bottom:0;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
.header .nav.is-active{
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
}
.header .nav.is-fixed{
    -webkit-transform:none;
    transform:none
}
.header .nav.is-fixed .menu-funcs{
    display:none
}
.header .nav--base{
    position:relative;
    padding-bottom:0;
    z-index:9999
}
.header .nav--base:after{
    content:'';
    width:100%;
    height:1px;
    background-color:#E8E8E8;
    position:absolute;
    bottom:0;
    max-width:1200px;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
@media (min-width: 900px){
    .header .nav--base{
		padding:30px 0px;
		height:89px;

    }
}
.header .nav--base.f-1{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.header .nav--base.f-2{
    -webkit-box-flex:2;
    -ms-flex:2;
    flex:2
}
.header .nav--base.f-3{
    -webkit-box-flex:3;
    -ms-flex:3;
    flex:3
}
.header .nav--base.f-4{
    -webkit-box-flex:4;
    -ms-flex:4;
    flex:4
}
.header .nav--base.f-5{
    -webkit-box-flex:5;
    -ms-flex:5;
    flex:5
}
/* @fix nav bar background-color issue */
.header .nav--menu{
/*     background-color:#E8E8E8 */
}
.header .nav__list{
    -webkit-box-flex:1;
    -ms-flex:1;
/*     flex:1 */
}
@media (min-width: 900px){
    .header .nav__list{
        display:-webkit-box;
        display:-ms-flexbox;
/*         display:flex; */
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
.header .nav__list .item .link:hover{
    color:#E73273
}
.header .nav .funcs-container{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:14px;
    white-space:nowrap
}
.header .nav .funcs-container .item{
    margin:0 10px;
    letter-spacing:1.2px
}
.header .nav .funcs-container .item:hover:not(.item--logo){
    color:#E73273
}
.header .nav .funcs-container .item .btn{
    font-size:14px;
    padding:10px 24px;
    letter-spacing:1.2px
}
.header .nav .funcs-container .search-box .label{
    position:relative
}
.header .nav .funcs-container .search-box .label .input-search{
    border-radius:100px;
    max-width:130px;
    margin:10px auto;
    font-size:14px;
    letter-spacing:1.2px
}
@media (min-width: 900px){
	 .header .nav .funcs-container .search-box  .input-search{
		 /* making it invisible */
		 width: 0px;

		 /* keep bottom border only and remove background */
		 border-width: 0 0 1.5px 0;
		 border-radius: 0% !important;
		 background-color: rgba(0,0,0,0);

		 transition: width 0.7s;
	}
    .header .nav .funcs-container .search-box :hover .input-search{
		/* making it visible */
		width: 100px;
    }
}
.header .nav .funcs-container .search-box .label .btn{
    /*position:absolute;*/
    right:0;
    background:transparent
}
@media (min-width: 900px){
    .header .nav .menu-funcs{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        background-color:#F7F7F7;
    }
}
.header .nav .menu-funcs .link{
    color:#E73273;
    padding:.8em 2em;
    display:block;
    background-color:#F7F7F7;
}
@media (min-width: 900px){
    .header .nav .for-mobile{
        display:none!important;
    }
}
.header .nav .for-desktop{
display:none !important;
}



@media (min-width: 900px){
    .header .nav .for-desktop{
        display:inherit!important;
    }
}
.header .logo-container{
    z-index:999;
    background:#fff;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
@media (min-width: 900px){
    .header .logo-container{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:left;
		margin-left: 15px;
    }
}
.header .logo-container .link{
    padding-top:10px
}
@media (min-width: 600px){
    .header .logo-container .link{
        text-align:center
    }
}
.header .header-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#fff;
    position:relative;
    z-index:2
}
.header .btn-menu{
    display:block;
    position:absolute;
    right:0;
    top:22px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    padding:20px;
    margin:0px 15px;
    z-index:999;
    border-radius:0;
	background-color:#fff;
}

@media (min-width: 900px){
    .header .btn-menu{
        display:none
    }
}
.header .menu-primary{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#fff;
}
@media (min-width: 900px){
    .header .menu-primary{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
.header .menu-primary .item{
/*     width:100%; */
    text-align:left;
    position:relative;

}

.header .menu-primary .item:hover:not(.item--logo) .sub-menu,.header .menu-primary .item:focus:not(.item--logo) .sub-menu{
    max-height:1000px;
    visibility:visible;
    opacity:1
}
@media (min-width: 900px){
    .header .menu-primary .item{
        width:auto;
        text-align:center
    }
}
.header .menu-primary .item .link{
    display:block;
    padding:.8em 2em
}

@media (min-width: 900px){
    .header .menu-primary .item .link{
        padding:.5em 2em
    }
}
.header .menu-primary .item--logo{
    visibility:hidden;
    opacity:0;
    width:0;
    height:0;
    -webkit-transition:.3s ease-in-out, width 0;
    transition:.3s ease-in-out, width 0
}
.header .menu-primary .item--logo .link{
    padding:0
}
.header .menu-primary .item--logo .link .logo{
    display:inherit;
    height:40px;
    margin-left:15px
}
.header .menu-primary .item--btn{
    visibility:hidden;
    opacity:0;
    width:0;
    height:0;
    -webkit-transition:.3s ease-in-out, width 0;
    transition:.3s ease-in-out, width 0
}
.header .menu-primary .item--btn .btn:hover{
    background-color:inherit
}
.header .menu-primary>.item>.link{
    padding:.8em 1em;
}

@media screen and (min-width: 900px)  {
	.header .menu-primary>li.item>.link,
	.for-desktop .navi_full_btn {
		font-size:15px;
	}
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
	.header .menu-primary>li.item>.link{
		padding:.8em .5em;
	}
}

.header .menu-primary .sub-menu{
    margin:0;
    max-height:0;
    background-color:rgba(255,255,255,0.9);
    color:#F7F7F7;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    width:100%;
    overflow:hidden;
    min-width:100%
}
@media (min-width: 900px){
    .header .menu-primary .sub-menu{
        visibility:hidden;
        opacity:0;
        position:absolute;
        left:0;
        white-space:nowrap;
        width:auto
    }
}
.header .menu-primary .sub-menu .item{
    background:rgba(255,255,255,0.9);
    color:#333;
    text-align:left
}
.header .menu-primary .sub-menu .item:hover{
    color:#E73273
}
.header .menu-primary .sub-menu .item--special{
    position:relative;
    font-weight:bold
}
.header .menu-primary.is-fixed{
    position:fixed;
    left:0;
    right:0;
    width:100%;
    z-index:9999;
    top:0;
    -webkit-box-shadow:1px 1px 3px rgba(89,87,87,0.5);
    box-shadow:1px 1px 3px rgba(89,87,87,0.5)
}
.header .menu-primary.is-fixed .link{
    padding:.5em 1em
}
@media (min-width: 900px){
    .header .menu-primary.is-fixed .item--logo{
        visibility:visible;
        opacity:1;
        width:auto;
        height:auto;
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1
    }
}
@media (min-width: 900px){
    .header .menu-primary.is-fixed .item--logo .link{
        padding:0
    }
}
@media (min-width: 900px){
    .header .menu-primary.is-fixed .item--btn{
        visibility:visible;
        opacity:1;
        width:auto;
        height:auto
    }
}
@media (min-width: 900px){
    .header .menu-primary.is-fixed .item--btn .btn{
        padding:8px 20px
    }
}
.header .menu-primary.is-fixed .sub-menu{
    left:auto;
    right:0
}
.header .menu-primary.is-fixed .sub-menu .item{
    text-align:left
}
.header .menu-funcs{
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
@media (min-width: 900px){
    .header .menu-funcs{
        display:none;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        position:absolute;
        top:-100%;
        right:1em;
        background-color:transparent
    }
}
@media (min-width: 1200px){
    .header .menu-funcs{
        top:0
    }
}
.header .menu-funcs .item{
    width:100%;
    margin:0
}
.header .menu-funcs .btn{
    width:100%;
    border-radius:0;
    border:1px solid #F7F7F7;
    font-size:1em;
    text-align:left;
    padding:.8em 2em;
    line-height:inherit
}
@media (min-width: 900px){
    .header .menu-funcs .btn{
        font-size:.8em;
        padding:.8em 1.4em;
        letter-spacing:1.6px;
        line-height:1;
        border-radius:15px;
        margin:0 .5em;
        text-align:center;
        padding:.8em 0
    }
}
@media (min-width: 900px){
    .header .menu-funcs .btn--donate{
        width:8em
    }
}
@media (min-width: 900px){
    .header .menu-funcs .btn--teacher{
        width:8em
    }
}
.header .menu-funcs .btn--red{
    background-color:inherit;
    color:#E73273
}
.header .menu-funcs .btn--red:hover{
    background:#E73273;
    color:#F7F7F7
}

.navi_full_btn{
	background: #E73273!important;
	color: #F7F7F7 !important;
	background: #E73273!important;
    color: #F7F7F7 !important;
    padding: 0.6em 1.7em 0.6em !important;
    font-size: 16px ;
	border-color: #E73273 !important;
}
.navi_full_btn:hover{
	background: #F7F7F7!important;
	color: #E73273 !important;
}


.text-red{
	color:#E73273;
}

@media (min-width: 900px){
    .header .menu-funcs .btn--red{
        background-color:#E73273;
        color:#F7F7F7
    }
    .header .menu-funcs .btn--red:hover{
        opacity:.7
    }
}
.header .menu-funcs .btn--green{
    background-color:inherit;
    color:#AACD03
}
.header .menu-funcs .btn--green:hover{
    background:#AACD03;
    color:#F7F7F7
}
@media (min-width: 900px){
    .header .menu-funcs .btn--green{
        background-color:#AACD03;
        color:#F7F7F7
    }
    .header .menu-funcs .btn--green:hover{
        opacity:.7
    }
}
@media (min-width: 900px){
    .header .menu-secondary{
        display:none
    }
}
.header .menu-secondary .item{
    text-align:center;
    width:100%;
    text-align:left
}
@media (min-width: 900px){
    .header .menu-secondary .item{
        width:auto
    }
}
.header .menu-secondary .item .link{
    display:block;
    padding:.8em 2em
}
@media (min-width: 900px){
    .header .menu-secondary .item .link{
        padding:.5em 1em
    }
}
.header .menu-secondary .item--funcs{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    width:100%;
    padding-bottom:5px
}
.header .menu-secondary.is-active{
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
.header .menu-secondary .search-box{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden;
    padding:10px 30px
}
.header .menu-secondary .search-box .label{
    position:relative
}
.header .menu-secondary .search-box .input-search{
    width:100%;
    border-radius:90px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    letter-spacing:1.2px;
    padding-left:14px;
    padding-right:50px;
    font-size:14px
}
.header .menu-secondary .search-box .btn-search{
    position:absolute;
    font-size:20px;
    top:0;
    right:0;
    padding:0 15px;
    background-color:transparent
}
.site-footer{
    display:none
}
.footer{
  font-weight:500;
  padding:20px;
  background-color:#595757;
  color:#E8E8E8
}
.footer__row{
    margin:0 auto;
    max-width:1200px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media (min-width: 900px){
    .footer__row{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
.footer__row:not(:last-child):after{
    content:'';
    width:100%;
    height:2px;
    background:#7A7A7A
}
.footer__block{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding:20px 10px
}
.footer__content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    margin:10px 0
    color:#D5D5D5
}
.footer__content.is-column{
  flex-direction:column;
}
.footer__content .item{
    margin-bottom:10px;
    font-size:16px;
    color:#D5D5D5
}
.footer__content .text{
    font-size:14px;
    color:#D9D9D9
}
.footer__content .copyright{
    font-size:14px;
    color:#D9D9D9
}
.footer .block__title{
    margin-bottom:20px;
    color:#9B9B9B;
    font-size:16px
}
.footer .img-container{
    margin:0;
    width:220px;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.footer .img-container .image{
    padding-top:5px;
    -o-object-fit:contain;
    object-fit:contain;
		width: 100%;
}
.footer .social-list{
    text-align:center
}
@media (min-width: 900px){
    .footer .social-list{
        text-align:right
    }
}
.footer .social-list .item{
    font-size:32px
}
.footer a{
  color: #D5D5D5;
  -webkit-transition:.1s ease-in-out;
  transition:.1s ease-in-out
}
.footer a:hover{
  color:white
}
.footer .f-1{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.footer .basis-10{
    -ms-flex-preferred-size:10%;
    flex-basis:10%
}
.footer .f-2{
    -webkit-box-flex:2;
    -ms-flex:2;
    flex:2
}
.footer .basis-20{
    -ms-flex-preferred-size:20%;
    flex-basis:20%
}
.footer .f-3{
    -webkit-box-flex:3;
    -ms-flex:3;
    flex:3
}
.footer .basis-30{
    -ms-flex-preferred-size:30%;
    flex-basis:30%
}
.footer .f-4{
    -webkit-box-flex:4;
    -ms-flex:4;
    flex:4
}
.footer .basis-40{
    -ms-flex-preferred-size:40%;
    flex-basis:40%
}
.footer .f-5{
    -webkit-box-flex:5;
    -ms-flex:5;
    flex:5
}
.footer .basis-50{
    -ms-flex-preferred-size:50%;
    flex-basis:50%
}
.footer .f-6{
    -webkit-box-flex:6;
    -ms-flex:6;
    flex:6
}
.footer .basis-60{
    -ms-flex-preferred-size:60%;
    flex-basis:60%
}
.footer .f-7{
    -webkit-box-flex:7;
    -ms-flex:7;
    flex:7
}
.footer .basis-70{
    -ms-flex-preferred-size:70%;
    flex-basis:70%
}
.footer .f-8{
    -webkit-box-flex:8;
    -ms-flex:8;
    flex:8
}
.footer .basis-80{
    -ms-flex-preferred-size:80%;
    flex-basis:80%
}
.footer .f-9{
    -webkit-box-flex:9;
    -ms-flex:9;
    flex:9
}
.footer .basis-90{
    -ms-flex-preferred-size:90%;
    flex-basis:90%
}
.footer .f-10{
    -webkit-box-flex:10;
    -ms-flex:10;
    flex:10
}
.footer .basis-100{
    -ms-flex-preferred-size:100%;
    flex-basis:100%
}
.btn{
    border:1px solid;
    border-color:inherit;
    border-radius:90px;
    background-color:#F7F7F7;
    color:#595757;
    text-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-transition:.1s ease-in-out;
    transition:.1s ease-in-out
}
.btn:hover{
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color:inherit
}
.btn--round{
    border-radius:50%
}
.btn--square{
    border-radius:0
}
.btn--no-border{
    border-color:transparent
}
.btn--no-border:hover{
    border-color:transparent
}
.btn--red{
    color:#E73273
}
.btn--red:hover{
    background-color:#E73273;
    color:#F7F7F7
}
.btn--yellow{
    color:#FDD000
}
.btn--yellow:hover{
    background-color:#FDD000;
    color:#F7F7F7
}
.btn--green{
    color:#AACD03
}
.btn--green:hover{
    background-color:#AACD03;
    color:#F7F7F7
}
.btn-menu{
    position:relative;
    max-width:40px;
    height:40px
}
.btn-menu .line{
    position:absolute;
    left:10%;
    top:0;
    width:80%;
    background-color:#AACC05;
    height:2px
}
.btn-menu .line:nth-child(1){
    -webkit-transform:translateY(15px);
    transform:translateY(15px)
}
.btn-menu .line:nth-child(2){
    -webkit-transform:translateY(20px);
    transform:translateY(20px)
}
.btn-menu .line:nth-child(3){
    -webkit-transform:translateY(25px);
    transform:translateY(25px)
}
.sow-features-list{
    width:100%;
    margin:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media (min-width: 900px){
    .sow-features-list{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
.sow-features-list .sow-features-feature{
    padding:0
}
.sec-tri{
    position:relative
}
.sec-tri:after{
    z-index:1;
    position:absolute;
    left:50%;
    bottom:-34px;
    content:"";
    width:0;
    height:0;
    border-style:solid;
    border-width:35px 100px 0 100px;
    border-color:#E73273 transparent transparent transparent;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.sec-tri--base{
    position:relative
}
.sec-tri--base:after{
    z-index:1;
    position:absolute;
    left:50%;
    bottom:-34px;
    content:"";
    width:0;
    height:0;
    border-style:solid;
    border-width:35px 100px 0 100px;
    border-color:#F7F7F7 transparent transparent transparent;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.sec-tri--grey{
    position:relative
}
.sec-tri--grey:after{
    z-index:1;
    position:absolute;
    left:50%;
    bottom:-34px;
    content:"";
    width:0;
    height:0;
    border-style:solid;
    border-width:35px 100px 0 100px;
    border-color:#E8E8E8 transparent transparent transparent;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.sec-tri--pink{
    position:relative
}
.sec-tri--pink:after{
    z-index:1;
    position:absolute;
    left:50%;
    bottom:-34px;
    content:"";
    width:0;
    height:0;
    border-style:solid;
    border-width:35px 100px 0 100px;
    border-color:#E87D92 transparent transparent transparent;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.df-lightbox-wrapper{
    background-color:rgba(0,0,0,0.8) !important
}
.df-container.df-floating{
    background-color:transparent !important
}
.lity{
    overflow:auto;
    background:rgba(0,0,0,0.7) !important
}
.lity-wrap{
    position:absolute;
    padding:100px 5% 100px;
    overflow:auto
}
@media (min-width: 900px){
    .lity-wrap{
        padding:100px 10% 100px
    }
}
.lity-container{
    max-width:100% !important
}
@media (min-width: 900px){
    .lity-container{
        max-width:80% !important
    }
}
.lity-content .content-container{
    max-height:none !important;
    background:#F7F7F7;
    padding:2em 2em 4em;
    margin-bottom:4em
}
.lity-content .content-container .c-primary{
    color:#E73273
}
.lity-content .img-container.full{
    margin:-2em -2em 2em
}
.lity-content .img-container.full img{
    width:100%
}
.lity-content p{
    margin-bottom:2em
}
.link{
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.link:hover.link--red{
    color:#E73273
}
.link-list.link--red .sow-features-feature{
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.link-list.link--red .sow-features-feature:hover a{
    color:#E73273 !important
}
#our-story-row{
    display:none
}
@media (min-width: 900px){
    #our-story-row{
        display:block
    }
}
.banner{
    width:100%;
    height:156px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#B4B5B5;
    padding:16px;
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0.5))),url("//www.teach4taiwan.org/wp-content/uploads/2017/12/banner_category.jpg");
    background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.5)),url("//www.teach4taiwan.org/wp-content/uploads/2017/12/banner_category.jpg");
    background-position:center;
    background-size:cover
}
.banner>.title--banner{
    width:100%;
    color:white;
    font-size:30px;
    font-weight:bold;
    letter-spacing:5px;
    max-width:1000px;
    margin:0 auto;
    text-align:center
}
@media (min-width: 900px){
    .banner>.title--banner{
        text-align:left
    }
}
@media (max-width: 599px){
    .mobile-hide{
        display:none !important
    }
}
@media (min-width: 600px){
    .desktop-hide{
        display:none !important
    }
}
#m-search .search-submit{
    border:1px solid #E73273;
    color:#E73273;
    background:transparent;
    padding:0.6em 1.2em;
    -webkit-box-shadow:none;
    box-shadow:none;
    font-weight:normal;
    letter-spacing:1.2px;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
#m-search .search-submit:hover{
    background:#E73273;
    border-color:transparent;
    color:#fff
}


.text-highlight-row{
	display:-webkit-flex;
    -webkit-justify-content:center;

    display:flex;
    justify-content:center;

	margin: 10px auto;
}
.text-highlight-row .text{
	-webkit-flex:1;
    flex:1;
    border-right:2px solid #CCC;

	text-align: center;
	font-size: 28px;
	font-weight: 400;
	height: 40px;
	line-height: 40px;

}
.text-highlight-row .text:last-child{
    border-right-width: 0;
}


button.prev-btn{
	border-width: 0;
	background-color: rgba(0,0,0,0);
    box-shadow: unset;
    color: rgb(169, 204, 34);
    font-size: 24px;
	font-weight: 500;
}

a.prev-btn{
	border-width: 0;
	background-color: rgba(0,0,0,0);
    box-shadow: unset;
    color: rgb(169, 204, 34);
    font-size: 24px;
	font-weight: 500;
	line-height: 1;
	padding: .6em 1em .4em;
}

@media screen and (max-width: 780px){
	button.prev-btn{
		font-size: 20px;
	}
	a.prev-btn{
		font-size: 20px;
	}
}
button.submit-btn{
	width: 196px;
	border-radius: 999px;
    background-color: rgb(169, 204, 34);
    box-shadow: unset;
    color: #fff;
    font-size: 24px;
	padding:20px 36px;
	border-width:0px;

}
@media screen and (max-width: 780px){
	button.submit-btn{
		font-size: 20px;
	}
}
button.submit-btn:after{
	content: ">";
    margin-left: 10px;
}


/* table style 1 */
table.style1{
	border-radius: 10px;
	border-color: #f2f2f2;
	border-width: 1px;
	color: #444;
}
table.style1 td, table.style1 th{
	border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 1px;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
}
table.style1 th{
	background-color: #f2f2f2;
	color: #a4a4a4;
	font-size: 20px;
	font-weight: 500;
}
table.style1 th:first-child{
	border-radius: 10px 0 0 0;
}
table.style1 th:last-child{
	border-radius: 0 10px 0 0;
}
table.style1 tr:last-child td:fist-child{
	border-radius: 0 0 0 10px;
}
table.style1 tr:last-child td:last-child{
	border-radius: 0 0 10px 0;
}
table.style1 tr.table-footer td{
	border-top: solid 2px #c2c5c7;
}



/*** general styles ***/
.flex-box{
	/* 		padding: 2%; */
	display:flex;
	padding: 2% 8% 0% 8%;
}
.flex-box div{
	width: 100%;
	margin: 1%;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.ct{
	text-align: center;
}

.time-grey{
	color: grey;
	font-size: 14px;
	font-weight: 400 !important;
}


.wid100per{
	width: 100% !important;
}
.wid80per{
	width: 80%;
}
.wid75per{
	width: 75%;
}
.wid70per{
	width: 70%!important;
}

.wid60per{
	width: 60%;
}

.wid50per{
	width: 50%;
}
.wid40per{
	width: 40%;
}
.wid33per{
	width: 33%;
}
.wid30per{
	width: 30%;
}
.wid25per{
	width: 25%;
}
.wid20per{
	width: 20%;
}
.nopadding{
	padding: 0px 0px 0px 0px !important;
}

.mt5per{
 	margin-top: 5%;
}

.mt10per{
	margin-top: 10%;
}

.mt10px{
	margin-top: 10px;
}
.ml250px{
 margin-left: 250px;
}

.ml100px{
	margin-left: 100px;
}

.ml50px{
	margin-left: 50px;
}
.color-pink{
	color:#ff4e66 !important;
}
.color-red{
	color:#e04223;
}
.color-darkgrey{
	color: #999!important;
}
.color-grey{
	color: #b6b5b5 !important;
}
.color-lightgrey{
	color: #b5b5b5;
}

.color-green{
	color: rgb(169, 204, 34);
}

.bg-lightergrey{
	background-color: #eee;
}

.bg-search-lightergrey{
	 background-color: #e5e5e5;
}


.font16px{
	font-size: 16px;
}
.font17px{
	font-size: 17px;
}

.font20px{
	font-size: 20px !important;
}


.font22px{
	font-size: 22px !important;
}

.font-bold{
	font-weight: 400;
}
.font-bolder{
	font-weight: 500;
}

.capsule-green{
	display: inline-block;
    border-radius: 999px;
    padding: 0px 13px;
	margin: auto 11.5px;
    background-color: rgb(169, 204, 34);
	color: white;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
}


.center-row{
	text-align: center;
}
.center-row div{
	display: inline-block;
}

.left-row{
	text-align: left;
}
.left-row > div{
	display: inline-block;
	vertical-align:top;
}




.space{
	height: 35px;
	width: 100%;
	display: block;
}


.block{
	padding: 16px;
}
.thin-row{
	margin-top: 8px;
	margin-bottom: 8px;
}
.row{
	margin-top: 18px;
	margin-bottom: 18px;
}



.labelInInputWrapper{
	display: inline-block;
	position: relative;
}
.labelInInputWrapper input{
	width: 100%;
}
.labelInInputWrapper label{
	position: absolute;
    right: 0px;
	top: 10px;
    width: 290px;
}


/* icon */
.fa-check.fa-check-inverse{
	background-color: #ea5978;
    border-radius: 50%;
	padding: 3px;
}
.fa-check.fa-check-inverse:before{
	color: #FFF;
}




/*  select2 */

.select2-container{

	width: 280px!important;
}
.select2-container .select2-selection--single {
    height: 60px!important;
}

.select2-container--default .select2-selection--single {
	border-radius: 35px!important;
}

.select2-container--open .select2-dropdown--below {
	background: #FFFFFF;
	border: 1px solid rgba(176,214,71,0.50);
	box-shadow: 0 4px 10px 1px rgba(0,0,0,0.07);
	border-radius: 4px;
	border-top: 1px solid rgba(176,214,71,0.50) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 60px!important;
	font-weight: 300!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 60px!important;
}

.select2-container--open .select2-dropdown--below {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
/* 	margin-top: 32px; */
}

li.select2-results__option{
	height: 52px;
	text-align: center;
	line-height: 39px;
	border-bottom: 1px rgba(0,0,0,0.25)solid;
}



li.select2-results__option {
    height: 52px;
    text-align: center;
    line-height: 39px;
    font-size: 18px!important;
    color: #3D3935 !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #FFFFFF!important;
	color: #A5CD38!important;
}
.select2-container--default .select2-results>.select2-results__options {
/* 	max-height: 999px!important; */
	overflow-y: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 20px!important;
	padding-left: 29px!important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #FFFFFF!important;
	color:#A5CD38!important;
}


/* select2 arrows */
.select2-container--default .select2-selection--single .select2-selection__arrow b{
	border-color: #FFF transparent transparent transparent !important;
	border-style:  none !important;
	border-width:  none !important;
	height: none !important;
	left:10% !important;
	margin-left:  none !important;
	margin-top: none !important;
	position: absolute;
	top: 30% !important;;
	width: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
		    right: 20px !important;
}


.select2-selection__arrow	b[role="presentation"]::before {
    content: "\f107";
    font: normal normal normal 22px/1 FontAwesome;
    font-size: 30px;
}

/* icon */
.large-icon{
	height: 25px;
}


/* icon_size */

.small-icon-img{
	height: 16px;
}

.card_icon-img{
	height:23px;
}

.mid-icon-img{
	height: 30px;
}

.hide{
	display: none!important;
}
.error-prompt{
	font-size: 16px;
	margin-left: 15px;
	margin-top: 5px;
}


/* layout (for layout builder) */
.center-panel-wrapper{
	text-align: center;
}
.center-panel{
	max-width: 700px;
	margin: auto;
	text-align: left;
}


.center-panel .outOfPanelContent div{
	display: inline-block;
}
@media screen and (min-width: 1000px){
	.center-panel .outOfPanelContent{
		position: absolute;
		left:calc(50vw + 300px);
		width: calc(50vw - 350px);
		margin-top: -65px;
		text-align: left;
	}
}


/* hero-image for page template */

.hero-image{
	width: 100vw;
	padding-top: 5%;
	padding-bottom: 0%;
	padding-right: 5%;
	padding-left: 5%;
	background-size: cover;
	background-color: #AAA;
}


/* popup style */
.center-card-popup-wrapper{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;

	z-index:  10000;



	overflow-y: scroll;
	overflow-x: hidden;
	text-align: center;

	padding-left: 10px;
	padding-right: 10px;

}
.center-card-popup-wrapper::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
.center-card-popup{
	width: 100%;
	max-width: 420px;

	margin: auto;
	margin-top: 5%;
	margin-bottom: 5%;
	background-color: white;

	box-shadow: 0px 0px 7px #777;
	border-radius: 10px;
}
.center-card-popup a{
	color: #A5CD38;
}



/*process title verticle center and adjustment*/
.process_title {
	line-height: 40px;
	margin-top: 30px;
	margin-bottom: 30px;
 	padding-bottom: 7px;
	font-weight: 500;
}

@media screen and (max-width: 780px) {
		.process_title {
			line-height: 25px;
			margin-left: 18px;
			margin-right: 18px;
			white-space: nowrap;
		}
 	}

/*性別選項手機調整*/
.edit_area .outOfPanelContent{
		margin-bottom: 18px;
	}




/*下方圖片跑版問題*/
.edit_area{
	clear: both;
}

@media screen and (min-width: 781px) {
	.edit_area{
		width: 650px;
		margin-left:auto;
		margin-right:auto;
	}
}

.edit_area .block{
	padding: 18px;
}

.edit_area_button
{
	margin: 70px;
}
@media screen and (max-width: 780px){
	.edit_area_button
	{
		margin-left: 0px;
		margin-right: 0px;
	}
}

/*較短input調整*/
.wid47per{
	width: 47%;
}



/*Placeholder*/
input::-webkit-input-placeholder { /* WebKit browsers */
color:#a9a9a9;
font-size: 20px;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#a9a9a9;
font-size: 20px;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#a9a9a9;
font-size: 20px;}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
color:#a9a9a9;
font-size: 20px;}

/*Select*/
.select2-container--default .selection .select2-selection--single{
	border:1px solid #a9a9a9;
}


/*index adjustment*/

@media screen  and (min-width: 900px){
	.pc-is-hide{
		display: none !important;
	}
}

@media screen  and (max-width: 899px){
	.mobile-is-hide{
		display: none !important;
	}
}

/* @mobile header css */
@media(max-width: 900px){
	.nav.nav--menu{
       min-height: 100vh;
	   height: 100%;
	}
	@-moz-document url-prefix() {
		/* FIX firefox scrolling issue on smaller screens */
		@media(max-height: 700px){
			.nav.nav--menu{
				min-height: 93vh;
			}
		}
	}
	.nav__list.menu-primary{
		height: 100%;
	}
	.nav input{
		height: 40px;
	}

	.nav-mobile-bottom-container{
		position: fixed;
		bottom: 4vh;
		z-index: 9998;
	}

	.menu-primary > .item{
		padding: 0px 2% 2%;
		margin: 0 2% 0px 2%;
	}
	.header .item .link{
		display:block;
		padding:.4em 2em !important;
	}
	.menu-primary > .item >.link{
		display:block;
		padding:.6em 2em !important;
	}
	.header .menu-primary>.item:last-child>.link{
		border-bottom: 0px solid;
	}

	.header .menu-primary>.item>.link{
		border-bottom: 1px solid #eee;
	}
}

@media(min-width: 900px){
	.nav-mobile-bottom-container{
		display: none !important;
	}
}

/*提示調整*/
.error-prompt{
	white-space: nowrap;
}

.error-prompt img{
	margin-right: 5px;
}

/*自動上傳國稅局抵減所得稅額手機版調整*/
	@media screen and (max-width: 900px){
		.edit_area	.labelInInputWrapper label{
		position: relative !important;
		top: 0px;
	}
	.edit_area .labelInInputWrapper input{
			position: relative !important;
			margin-top: 0px;
		}
	}

/*確認資料字重*/
.block .left-row {
	font-weight: 400;
}

/* date-picker style */
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
    height: 30px;
    padding: 0 0 0 0;
    border: solid 1px #555;

}

/* 加入我們系列 */
#join-us-cards{
	padding-top: 60px;
}

.join-us{
  padding: 5px 5%;
  border-top: #eeeeee solid 1px
}

.login-submenu{
    z-index: 800;
}

.btn_grey{
  background-color: #ccc;
  padding: 1px 11px;
  line-height: 25px;
  margin: auto;
  border-radius: 20px;
  text-align:  center;
  font-size: 12px;
  color: #fff;
}

/*menu search bar placeholder調整*/

.for-desktop .search-box ::-webkit-input-placeholder ,
.nav--menu .for-mobile ::-webkit-input-placeholder{
    font-size:14px;
}
.for-desktop .search-box :-moz-placeholder,
.nav--menu .for-mobile :-moz-placeholder{
    font-size:14px;
}
.for-desktop .search-box ::-moz-placeholder,
.nav--menu .for-mobile ::-moz-placeholder{
    font-size:14px;
}
.for-desktop .search-box :-ms-input-placeholder,
.nav--menu .for-mobile :-ms-input-placeholder{
    font-size:14px;
}


/*CHECKBOX*/

.checkbox_container input{
	margin: 20px;
}

.checkbox_container .checkbox_list{
	margin:7px 0px;
}

/* The Modal (background) */
.modal {
    position: fixed; /* Stay in place */
    z-index: 65536; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	text-align: center;
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button  (where??)*/
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* The Close Button for modal */
.modal .close-button {
    float: right;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: lightgray;
}

.add-amount,.set-amount{
	cursor: pointer;
}

/* page-member cards css start*/

/*上方卡片加下卡片*/
.grid-card-body{
    width: 100%;
}


/*會員專區上方卡片RWD*/


@media screen  and (min-width: 900px){
.card-container_member{
min-height: 350px;
                /*原本260px*/
}
}

@media screen  and (max-width: 899px){
.card-container_member{
min-height: 600px;

}


.card-container_member .flex_title{
    min-width:90px;
}
}

.card-state{
    margin-right: auto;
    margin-left: auto;
}
@media screen and (min-width: 1200px) {
    .card-container_member,.card-state{
        width: 802px;
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .card-container_member,.card-state{
        width: 70%;
    }
}
@media screen and (min-width: 781px) and (max-width: 899px) {
    .card-container_member,.card-state{
            width: 70%;
    }

}
@media screen and (max-width: 780px) {
    .card-container_member,.card-state{
        width: 90%;
    }

}


@media screen and (max-width: 780px) {
    .card-body_infomation {
        width: 100%;
    }

}



/*專區下方卡片RWD*/
@media screen and (min-width: 1200px) {
    .fr-card,.fl-card{
            width: 358px;
    }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
    .fr-card,.fl-card{
        width: 65%;
    }
}
@media screen and (min-width: 781px) and (max-width: 899px) {
    .fr-card,.fl-card{
        width: 80%;
    }

}
@media screen and (max-width: 780px) {
    .fr-card,.fl-card{
        width: 90%;
    }

}


/*專區下方卡片footer調整*/
.fr-card .card-body,
.fl-card .card-body{
    padding-bottom:50px;
}


/*-------------資料填寫--------------*/
/*標題垂直置中與間距*/
.process_title {
    line-height: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

@media screen and (max-width: 780px) {
        .process_title {
            line-height: 25px;
            margin-left: 18px;
            margin-right: 18px;
        }
    }

.so-panel .panel-layout,.site-content,.panel-row-style,.siteorigin-panels-stretch {
	background-color:#ffffff;
}
/*原本是#fdfdfd改成白色*/

/* Card Container*/
.card-container {
    position: relative;
    margin: auto;
    margin-top: 15px;
    background-color: #fff;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 		1px -2px rgba(0,0,0,0.2);
}

.card-reminder{
    padding: 0% 5%;
}

.card-container .card-body{
            display: flex;
    font-weight: 500;
}
.card-container .card-header{
    padding: 2%;padding: 2% 0% 2% 4%;
    font-size: 17px;
    font-weight: 500;
}

.card-container .card-footer{
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;

}
.card-container .card-footer div{
    cursor: pointer;
    display: inline-block;
    margin: 4%;
    color: #b0d017;
    font-weight: 500;
}


b[role="presentation"]::before {
    content: "\f107";
    font: normal normal normal 22px/1 FontAwesome;
}


.fl-card{
    float: left;
}

.fr-card{
    float: right;

}
@media only screen and (max-width: 780px) {
    .fl-card{
        float: none;
    }

    .fr-card{
        float: none;
    }
}

.time-grey{
    color: grey;
    font-size: 14px;
    font-weight: 400 !important;
}

.img-box {
    height: 200px;
    background-color: #dfdfdf;
}

/* background to #FFFFFF */
.panel-layout{
    background-color: rgba(255,255,255, 0.85);
}

.borderless-table,.borderless-table tr, .borderless-table td{
    border: 0px !important;
}
/* page-member cards css end*/


.main-content-container {
	max-width: 700px;
	margin: 0 auto;
}

.join-us .link--nav {
	font-size: .8em;
}

.seperator--nav {
	color: #565656;
	font-size: .6em;
}

.nav--float-right {
	display: block;
	float: right;
}

.valid-gender {
    display: inline-block;
}

.edit_area .column-2-1 {
	width: 49%;
	margin-right: 1%;
}

.edit_area .column-2-1:last-child {
	margin-right: 0;
}

.edit_area .column-3-1 {
	width: 32%;
	margin-right: 1%;
}

.edit_area .column-3-1:last-child {
	margin-right: 0;
}

.error-prompt {
	line-height: 22px;
	color: rgb(255,156,0);
}

.error-prompt img {
	display: block !important;
	float: left;
	margin: 4px;
}

.center-row.error-submit-prompt {
	display: block;
	margin: 20px auto;
	line-height: 22px;
	color: rgb(255,156,0);
}

.center-row.error-submit-prompt img {
	display: block;
	float: left;
	margin: 4px;
}

@media screen and (max-width: 768px){
	.edit_area .column-2-1,
	.edit_area .column-3-1{
		width: 100%;
	}

	.valid-county,
	.valid-city {
		margin-right: 2%;
	}

	.select2-container {
		width: 100% !important;
	}

	a.prev-btn {
		display: block;
		padding: 20px 36px;
	}
}

.is-fixed .fix-panel-show{
	color:red;
/* 	display: block !important; */
}

.is-fixed .fix-panel-hide{
/* 	display:none !important; */
}