/* ----------------------------------------------------------------
	Basic
-----------------------------------------------------------------*/
body {
	padding: 0;
	margin: 0;
	font-family: Microsoft JhengHei, Arial;
	letter-spacing: 1px;
	position: relative;
	background-color: #fff;
	font-size: 14px;
	color:#000000;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: Microsoft JhengHei, Arial Black, LiHei Pro;
	line-height: 1.4em;
	font-weight: lighter;
	clear: both;
}
h1,.h1 {
	font-size: 350%;
	color:#878988;
	display: block;
	padding: 1% 0 0 0;
    margin: 0;
}
h1:after,.h1:after {
    content: '';
    display: block;
    border-bottom: 1px solid hsl(0, 0%, 83%);
    padding-bottom: 5px;
    margin-bottom: 0px;
}

.container:after{
  content: '';
  display: block;
  clear: both;  
}
.row {
    margin-right: 0px;
    margin-left: 0px; 
}
.underline:after  {content: '';
    display: block;
    border-bottom: 1px solid hsl(0, 0%, 83%);
    padding-bottom: 5px;
    margin-bottom: 0px;}
.morepoint h2,.issues h3,.youtubemovie h3{ color:#9E7D48;}
.visith4 { color: #595757;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 10px 30px;
    margin: 0px 0px 50px 0;}
html, body {
	height: 100%;
	border: none;
}
a {
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	display: inline-block;
}

a:hover, a:focus, a:active {
	text-decoration: none;
}
 
ul {
	list-style: none;
}
a img {
	border: none;
}
img {
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
p {line-height: 200%;}
p, ul{ font-size:120%;text-align: justify; text-justify: inter-ideograph;}
table ul {font-size:100%;}
ul li ul{font-size:100%!important;}
li p {font-size:100%!important;}
.listnone {list-style: none!important;}
.list-usually { list-style-type:decimal!important;}
.bottomnone {bottom: inherit!important;}
.pcnone,.print_img { display:none!important;}
.clearfloat{clear:both!important;}
dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
}
label,.light {
    margin-bottom: 20px;
    font-weight: lighter;
	font-size: 120%;
}
.margingauto { margin:0 auto!important; float:none!important;}
.clear {
	clear: both;
	display: block;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow: hidden;
}
.clean { margin:0!important;padding:0!important;}
::selection {
	background: #009E96;
	color: #FFF;
	text-shadow: none;
}
.img_big { width:100%; margin:0 auto;}
.nopaddingLR {
	padding-left: 0!important;
	padding-right: 0!important;
}
.center {
	text-align: center !important;
}
::-moz-selection {
 background: #009E96; /* Firefox */
 color: #FFF;
 text-shadow: none;
}
.bg { background:#fff url(../images/write/bg.png) no-repeat; background-position:center bottom; background-size: auto;position: relative;}
.indexbg { background: none; background-color:#fff;}
::-webkit-selection {
 background: #009E96; /* Safari */
 color: #FFF;
 text-shadow: none;
}
:active, :focus {
	outline: none !important;
}
.nobottommargin {
	margin-bottom: 0 !important;
}
.fright {
	float: right !important;
}
.marginbottom {
	margin-bottom: 1em;
}
.paddingleftnone { padding-left:0px!important;}
.space {padding-left: 10px!important;}
.space3 {margin-top: 10px!important;}
.space4 { padding:2% 0}
.service {
	background: #fff url(../images/index/presidential_palace.jpg) no-repeat;
    -moz-background-size: 100%;
    background-size: 80%;
    background-position: right bottom;
    height: auto;
    padding: 40px 5px 400px 5px;
}
.form-horizontal .control-label { padding-top:0;}
.short { width:80%; float:left;}

.people i { font-size:150%;}
.paper_top {
    margin: 0 auto 5% auto;
    text-align: center;
    padding: 1% 2% 5% 2%;
    background: #edebec;
}
.reply_say {clear: both;margin: 0 auto;
    padding: 2% 2% 5% 2%;
    background: #edebec;
	position:relative;}
.reply_say2 {clear: both;margin: 0 auto;
	padding: 2% 0% 15% 0%;
    background: #edebec;
	position:relative;overflow: hidden;}
@media (min-width: 1400px) {.reply_say2 {
   padding: 2% 2% 15% 2%;}}
.reply_say3 {clear: both;margin: 0 auto;
    padding: 2% 0% 15% 0%;
    background: #edebec;
	position:relative;overflow: hidden;}
.reply_say4 {clear: both;margin: 0 auto;
    padding: 2% 0% 5% 0%; position:relative;}
.words { max-width:1200px; margin:0 auto;}
.words2 { max-width:1150px; margin:0 auto;}
.words-1 { margin-left: 3%;}
.words .flag_img,.words .flag_movie { padding: 1% 2%;}
.flag_img2{ max-height: 375px; margin: 2% auto;}
.words h4 { font-size: 150%;}
.margintop { margin-top:10px!important;}
.marginleft {margin-left:10px!important;}
.marginright {margin-right:10px!important;}
.short2 { width:50%;}
.paper_top h3,.taiwancolor { color:#009E96;}
.taiwancolor2{color:#64D2C8}
.paper_top ul{ margin-left: 10%;}
.btn_upload { display:inline-block; margin-left:5px; font-size: 120%;}
.big {font-size: 180%!important;}
.big2{font-size: 160%!important;}
.big3{font-size: 140%!important;}
.top_change { width: 400px; margin-top: 10px;margin: 10px auto;clear: both;}
.top_change .form-inline {display: inline-block;}
.from_top,.agree { width:50%; margin:0 auto!important;}
.agree{ text-align:center; padding:2% 0; color:#009d96;}
.from_top label {margin:0 10px;}
.from_top,.from_top label{ font-size: 25px;}
.from_top .check_size { margin-top:10px}
.check_size,.check_size2 {width: 20px;height: 20px;}
.application h6 { font-size: 110%;background: rgba(237, 235, 236, 0.34); padding: 2% 1% 1% 2%;}
.application h6:after {content: '';display: block;border-bottom: 1px solid hsl(0, 0%, 83%);padding-bottom: 5px;margin-bottom: 10px;}
.text-right {text-align: right!important;}
.already ,.from_bottom li a font,.panel-body a{ color:#009d96; display:inline-block;}
.from_bottom li a,.from_bottom li {display:inline-block;}
.number_y { max-width:10%;}
.number_m { max-width:30%;}
.number_d { max-width:35%;}
.number_e { max-width:8%;}
.fa-cloud-upload:before,.form-group strong {color: #64D2C8;}

/* ----------------------------------------------------------------
	Preloaders
-----------------------------------------------------------------*/


.preloader,
.preloader2,
.form-process {
	display: block;
	width: 100%;
	height: 100%;
	background: url("images/preloader.gif") center center no-repeat #FFF;
}

.preloader2 { background-color: transparent; }

.form-process {
	display: none;
	position: absolute;
	z-index: 3;
	background-color: rgba(255,255,255,0.7);
}

/* ----------------------------------------------------------------
	allicon
-----------------------------------------------------------------*/
.iconall{ display:block; margin:0 auto;}
.iconall li { list-style:none;}
.iconall li a {
    width: 180px;
	height: 180px;
    background-size: cover;
    background-position: 0px;
    border-radius: 50%;
    z-index: 10;
    color: #FFF;
    text-decoration: none;
    box-sizing: border-box;
    line-height: 250px;
    font-size: 150%;
	display: block;
    text-align: center;
    letter-spacing: 0px;
    transition: all 0.3s;
	white-space: nowrap;
	margin: 0 auto;
}
.food a {display: block;}
.write-events li {display: block;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    line-height: 2rem;
    text-align: center;
    background-color: #009E96;
    margin-left: 1rem;
    position: relative;
    z-index: 10;
    cursor: pointer;
    margin: 0 auto;}
.write-events .play {font-size: 160%;}
.related .write-events li { width: 150px;height: 150px;}
.write-events .write_search {background-color: #9FA0A0;}
.write-events li a { display: block;height: 50%;
    color: #fff;
	margin:0 auto;
	text-align:center;padding-top: 22%;line-height: 160%;font-size: 100%;}
.write-events li a:after {content: ''; display: block; border-bottom: 4px solid hsl(0, 0%, 100%);padding-bottom: 5px;margin-bottom: 0px;max-width: 60px;text-align:center;margin:0 auto;}
.download_btn li a {padding-top: 20%;line-height: 160%;}
.main_a {padding-top: 25%!important;}
.form-horizontal .form-group {margin-left: 0;padding-left: 2%;}
/* ----------------------------------------------------------------
	組織圖
-----------------------------------------------------------------*/

.big_chart {position: relative;padding-bottom: 15%;display: block!important;width: 92%!important;margin: 0 auto!important;}
.big_chart .first {width: 200px;height: 200px; overflow:hidden;border: #bf9c5a 10px solid;}
.xs {width: 300px!important;height: 300px!important;}
.big_chart li .management a { height: 50%;font-weight: lighter;font-size: 120%;}
.big_chart .xs a {height: 34%;font-weight: lighter;padding-top: 10%;font-size: 120%;}
.convener {padding-bottom: 5%;}
.convener .xs a {height: auto;padding-top: 5%;}
.convener li a:after {
    content: '';
    display: block;
    border-bottom: 5px solid #BF9D5A;
    padding-bottom: 5px;
    margin: 5% auto;
    max-width: 100px;
    text-align: center;
}
.convener .xs .smaller {border-radius: 25px;line-height: 100%;margin-top: 5%;}
.convener2 sub,.substyle {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: inherit;
    bottom: inherit;
}

.convener2 .xs a{height: 50%;}
.convener2 .xs .positive {padding-top: 20%;}
.board:after {content: "";
    display: block;
    position: absolute;
    height: 0px;
    width: 40%;
    border-top: 10px solid #bf9c5a;
    left: 30%;
    top: 95px;}
.dottedstyle:after { 
    content: "";
    top: 55px;
    display: block;
    position: absolute;
    height: 0px;
    width: calc(40% - 130px);
    max-width: 530px;
    left: 25%;}
.dottedstyle .btn01 {top: 0%;right: 68%;}	
.dottedstyle .btn02 {top: 20%;left: 68%;}
.dottedstyle .btn03 {top: 150%;}

.board:before {
    content: "";
    display: block;
    position: absolute;
    height: 95%;
    width: 0px;
    border-left: 10px solid #bf9c5a;
    margin-left: 49.5%;
    top: 25px;
}
.dottedstyle:before {
    content: "";
    display: block;
    position: absolute;
    height: 95%;
    width: 0px;
    border-left: 10px dotted #bf9c5a;
    margin-left: 48.95%;
    top: 30px;
}
.board2:before {
   content: "";
    display: block;
    position: absolute;
    height: 80%;
    width: 0px;
    border-left: 10px solid #bf9c5a;
    margin-left: 45%;
    top: 70%;
}
.board3 { position:relative;}
.board3:before {
	content: "";
    display: block;
    position: absolute;
    height: 0px;
    width: 250px;
    border-top: 10px solid #bf9c5a;
    left: -190px;
    top: -40px;}
.btn01 {position: absolute; right: 65%;top: 10%;}
.btn02 {position: absolute; left: 65%;top: 10%;}
.btn03 {position: absolute;top: 110%;}
.blackbg { background:#000;}
.blackbg2 { background:#595757;	position:relative;}
.blackbg2 span {
    font-size: 180%;
    padding: 1% 2%;
    color: #fff;
	text-align:center;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	margin-bottom: 58px;
}
.blackbg2:before {
    content: "";
    display: block;
    position: absolute;
    height: 95%;
    width: 0px;
    border-left: 8px dotted #bf9c5a;
    margin-left: 48.95%;
    top: 60px;
}
.org-chart .departments {
  width: 100%;
  display: block;
  clear: both;
}
.org-chart .departments:before {
content: "";
    display: block;
    width: calc(95% - 53px);
    height: 25px;
    border-top: 10px solid #bf9c5a;
    margin-left: 4.25%;
    max-width: 1157px;
    overflow: hidden;
}
.en .departments:before {
    content: "";
    display: block;
    width: calc(95% - 54px);
    height: 25px;
    border-top: 10px solid #bf9c5a;
    margin-left: 4.53%;
    max-width: 1157px;
    overflow: hidden;
}
.org-chart .xs_line:before {
    content: "";
    display: block;
    width: calc(100% - 215px);
    height: 25px;
    border-top: 10px solid #bf9c5a;
    margin-left: 9.4%;
    max-width: 967px;
    overflow: hidden;
}
.download_btn li a:after,.nounder:after {border-bottom: 0px solid hsl(0, 0%, 100%)!important;}
@media (min-width: 1200px){ .org-chart .xs_line:before {
width: calc(100% - 221px);
}}
.org-chart .xxs:before {
content: "";
    display: block;
    width: calc(90% - 112px);
    height: 25px;
    border-top: 10px solid #bf9c5a;
    margin-left: 9.4%;
    max-width: 1031px;
    overflow: hidden;
}
.org-chart .department {
     display: inline-block;
    width: 9.5%;
    position: relative;
}
.org-chart .circle_style {width: 19.5%;}
.org-chart .department span:after {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 25px;
    border-left: 10px solid #bf9c5a;
    left: 45%;
    top: -25px;
}
.org-chart .department .management:after {
    left: 48%;
}
.org-chart .department .big:after {
	 content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 22px;
    border-left: 10px solid #bf9c5a;
    left: 48%;
    top: -22px;
}
.org-chart .department:first-child:after {
  display: none;
}
.org-chart .department:last-child:after {
  display: none;
}
.org-chart .department.central {
  background: #F5EEC9;
}
.org-chart .department.central:after {
  display: none;
}
.org-chart .department span {
  width: 100px;
    height: 100px;
    display: block;
    background: #bf9c5a;
    border-radius: 100%;
    margin: 0 auto;
	overflow: hidden;
}

.org-chart .department span:hover {background: #009E96;}
.org-chart .department span a:hover { color:#fff;}
.org-chart .department li {
  padding-left: 25px;
  border-bottom: 10px solid #bf9c5a;;
  height: 80px;
}
.org-chart .department li span {
  background: #92D4A8;
  top: 38px;
  position: absolute;
  z-index: 1;
  width: 95%;
  height: auto;
  vertical-align: middle;
  right: 0px;
  line-height: 14px;
  border: 3px solid orange;
}
.org-chart .department .sections {
  margin-top: -20px;
}


/*--------- TO BE REMOVED FROM YOUR CSS --*/
/* this is just to display the behaviour of responsive on codepen */
.responsive-content {
  width: 767px;
  margin: 0px auto;
}
.responsive-content .org-chart .board {
  margin: 0px;
  width: 100%;
}
.responsive-content .org-chart .departments:before {
  border: none;
}
.responsive-content .org-chart .department {
  float: none;
  width: 100%;
  margin-left: 0;
  background: #F5EEC9;
  margin-bottom: 40px;
}
.responsive-content .org-chart .department:before {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 60px;
  border-left: 10px solid #bf9c5a;;
  z-index: 1;
  top: -45px;
  left: 0%;
  margin-left: -2px;
}
.responsive-content .org-chart .department:after {
  display: none;
}
.responsive-content .org-chart .department:first-child:before {
  display: none;
}
.padingbtn {padding: 45px 0!important;}
.padingbtn2{padding-top: 35%; display: block;text-align: center; color: white;}
@media all and (max-width: 1200px) {
	.org-chart .department span {
    width: 80px;
    height: 80px;
    display: block;
    background: #bf9c5a;
    border-radius: 100%;
    margin: 0 auto;
}
.padingbtn2 {
    text-align: center;
    color: white;
    font-size: 80%;
    /* white-space: nowrap; */
}
.org-chart .departments:before {
    width: calc(95% - 35px);
}
.org-chart .xs_line:before {
    width: calc(90% - 80px);
}
.news_text { padding-left:30px;}
}

/* ----------------------------------------------------------------
	END
-----------------------------------------------------------------*/

.positive { background:#009e96!important;}
.deputy {background:#3fb6b0!important;}
.deputy2 {background:#65d1c9!important;}
.download_btn li a i {/*font-size: 150%;*/}
.btn_hover li { background:#9fa0a0;}
.btn_hover li:hover {background:#009E96;} 
.right { float:right!important;}
.left { float:left!important;}
.noborder {border:0!important;}
.noborderight {border-right:0!important;}
.line_go {background: url(../images/icon/service_icon03.jpg) center center no-repeat;background-color: #009d96;}
.country,.know_presidential,.space2 {padding-bottom: 2%;}
.country li,.know_presidential li { width: 200px;height: 200px;}
.country li a {font-size: 150%;}
.country li a p,.know_presidential li a p { min-height: 2em;font-size: 120%;}
.know_presidential li a{font-size: 150%;padding-top: 17%;}
.big_circle li {width: 180px;height: 180px;}
.big_circle li a {line-height: 150%;font-size: 150%;}
.big_circle_sup li {width: 250px;height: 250px;}
.big_circle_sup li a{line-height: 150%;font-size: 150%;padding-top: 18%;}
sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: text-top;
	bottom: inherit; 
}
.alignposit {vertical-align: middle;}
.form-horizontal .control-label {text-align: left;}
.accounting li { float:none;}
.accounting span { display:inline-block; float:left; margin:0 1%;}
/* ----------------------------------------------------------------
end
-----------------------------------------------------------------*/
#news >.date_green { font-size:80%;}
.news_img img{ padding:3%;}
.golden2 {background-color: #bf9c5a!important;}
.golden {border-top: 25px solid #BF9D5A;}
.golden3 {border-top: 10px solid #BF9D5A;max-height: 250px;}
.red_color{ color: #E40077; display: inline-block;vertical-align: middle;position: absolute;left: -8px;}
.red_color2{ color: #E40077;display: block;}
.red_color3{color: #E40077;}
.red {border-top: 25px solid #E40077;}
.red2 {border-top: 10px solid #E40077;max-height: 250px;}
.org {border-top:25px solid  #009E96;}
.org2 {border-top:10px solid  #009E96;max-height: 250px;}
.usuallya {color:#009E96;}
.btn-outline-boder {position: absolute; color: white;display: block;padding: 0px 10px; border: 1px solid #ffffff;z-index: 100;background: rgba(0,0,0,0.1);}
.issues_title {right: 20px;bottom: 20px;font-weight: 700;font-size: 400%;text-shadow: 2px 2px #434a54;}
.glyphicon{  color:#898989; padding-top: 5%;}
.breadcrumb {background: none; font-size: 120%; padding: 1% 0 0 0;color: #898989; }
.breadcrumb a { color:#898989;}
.breadcrumb a:hover { color:#009E96;}
.breadcrumb>li+li:first-child:before { padding-right: 1%;content: "";}
.breadcrumb>li+li:before {
    padding: 0 5px;
    content: ">";
	float:left;
}
.h1_icon { float:right;}
.h1_icon ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.h1_icon ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.h1_icon ul li a {
    text-align: center;
    background: #b99758;
	margin: 0 2px;
    color: #fff;
    height: 35px;
    width: 35px;
    line-height: 32px;
    font-size: 16px;
    border-radius: 100%;
	text-indent: -999999px;
    transition: all 0.8s ease-in-out;
}
h4 {font-size: 150%;}
h5 {font-size: 130%;}
h6 {font-size: 110%;}
.twitter {background:url(../images/icon/twitter.svg) no-repeat!important; }
.plurk {background:url(../images/icon/plurk.svg) no-repeat!important;}
.facebook { background:url(../images/icon/facebook.svg) no-repeat!important;}
.lineicon { background:url(../images/icon/line.svg) no-repeat!important;}
.ig { background:url(../images/icon/ig.svg)!important;}
.h1_icon ul li .print { background:#fff url(../images/icon/print.svg) no-repeat!important; border-radius:0!important;height: 35px;width: 40px;}
.media { padding-top: 10%; clear: both;font-size: 120%;}
.media a { display:block; color:#4C4948;padding: 4% 2%;}
.media a:hover { background:#f5f5f5;}
.media a:hover > .media-body h3 { color: #009E96;}
.other {/* padding:0 0 5% 0;*/}
.other .overlay span { font-size: 150%; font-weight: bold;}
#about_show { font-size:120%}
#about_show .overlay span {
    min-width: inherit;
    bottom: 2%;
    font-size: 150%;
    left: 2%;
    background-color: transparent;
    padding: 0;
    border: 0px;
	max-width: 100%;
}
.more { float:right; background:#009E96; color:#fff;}
.panel-body .more,.panel-body .btn {color:#fff;}
.food { padding:5% 0; border-bottom: 1px solid hsl(0, 0%, 91%);}
.food li { line-height: 200%;font-size: 100%;}
.food li h5 { font-size:140%;}
.place { color:#848484;}
.food_btn {color:#000;display: inline-block; background: none; border: 1px solid #ccc;border-radius: 4px; padding: 1px 2px;text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;margin-bottom: 0;font-size: 80%;font-weight: 400;
    line-height: 1.42857143;margin-right: 1%;}
.counties a { margin:2% 0}
.food li a:hover > .food_btn,.counties a:hover{
	background:#009E96; 
	color:#fff;
   }
.place span:after {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.normal { padding-top:2%;}
.normal p,.normal ul{ line-height:250%}
.food_img img{ float:right;}
.alluser {margin: 0 5px;border-radius: 50px; font-size:80%; }
.check { font-size: 40%;padding: 1px 0 0 10px;width: 60px; height: 30px;line-height: 14px; border-radius: 10px; margin: 0 10px;}
.floatnone {float: none!important; display: inline-block;vertical-align: middle;}
.whitebg { background:white!important;}
.whitebg tr { background:white!important;}
.all h1 span{ color:#009d96; margin-left:2%; display:inline-block;}
.all h2 font{ font-size:80%;margin-left:2%; color:#009E96;}
.all h3 { color:#009d96;clear: both;}
.all h2 { font-size: 250%;color: #878988;border-left: 5px solid #7fcec9; text-indent:1%; margin-bottom: 2%;clear: both;	}
.index_new h2 {font-size: 350%;color:#878988;display: block;padding: 1% 0 0 0;margin: 0;border-left: 0px;}
.people_title h3 {font-size: 200%;color: #878988;border-left: 5px solid #9E7D48; padding-left:2%; margin-bottom: 3%;clear: both;}
.all h2 span {font-size: 60%;display: inline-block; }
.main_people { margin: 5% 0;min-height: 300px;}
.main_people a {font-size: 150%;border-left: 5px solid #9E7D48; text-indent:1%; margin-bottom: 3%;display: inline-block; float:left;}
.people_imgboder {border: 1px solid #ccc;}
.panel-heading2{padding: 0px; background:none!important;}
.visitstyle,.visitstyle:hover {background:#009E96;width: 100%;}
.date_color { color:#fff;padding: 10px 15px 15px 15px;font-size: 150%;font-weight: lighter;display: block; }
.date_color2 { color:#fff;padding: 10px 15px 15px 15px;font-size: 150%;font-weight: lighter; }
.date_color > span > font {  font-size:120%; margin-left:2%;}
.years { width: 200px; display:block;float: left;}
.twocut { width: calc(100% - 60px);display: block;}
.threecut { width:calc(100% - 280px);display:block; float: left;padding-bottom: 15px;}
.plusstyle{border: 3px solid #fff;border-radius: 50%;display: inline-block; float: right;font-size: 22px; }
.vistit_menu .plusstyle {float: left; font-size: 70%; width: 35px;height: 35px;line-height: 1.5em; margin-top: 0.8%;margin-right: 1%;}
.vistit_menu .plusstyle span {color: white;padding: 0 4px 0;}
.collapsed .plusstyle {border: 3px solid #83CCC3;border-radius: 50%; display:inline-block;float: right;}
.plusstyle > i { color:#83CCC3;}
.visit01 .plusstyle >.fa-plus,.input-none {display:none; }
.visit01 .collapsed .plusstyle  > .fa-minus { display:none;}
.visit01 .collapsed .plusstyle  > .fa-plus {display: inline-block;}
.fa-minus:before,.fa-plus:before  { padding: 0 6px;}

.panel-default2 >.panel-heading2 { background:#EFEFEF;}
.collapsed .date_color { color:#009E96; }
.collapsed .date_color > span {color:#595757;}
.collapsed .date_color .years {color:#009E96;}
.collapsed .date_color > span > font { color:#4C4948;}
.visit01 .collapsed {background:#EFEFEF;width: 100%;}
.visit01 {clear: both;}
.visit01 .panel {margin-bottom: 4px;clear: both;}
.visit01 .panel-body div { line-height:200%;}
.visit01 .panel-body p {color:#4C4948;line-height: 200%;}
.visit_purpose h4,.visit_purpose2 h4{ color:#009E96;}
.visit_purpose ul,.visit_purpose2 ul {margin-left: 3%;}
.visit_purpose li,.visit_purpose2 li { position:relative;}
.visit_purpose2 *:before {content: attr(data-th); position:absolute; margin-left:-40px;}
.list-spec:before{content: attr(data-th); position:absolute; margin-left:-60px;}
.main_people2 .panel-body:first_child  > div{ padding:2%;}
.organization .date_color { text-align:center;}
.organization .date_color span { color:#fff;font-size: 120%;}
.organization .collapsed {background:#b5b5b6;}
.organization .collapsed .plusstyle {border: 3px solid #ffffff;}
.organization .panel-body {border-bottom: 0px solid #bf9c5a;}
.organization .plusstyle > i { color: #ffffff;font-size: 25px;}
.organboder { margin-top:55px!important; position:relative;}
.organboder2 { margin-top:35px!important; position:relative;}
.organboder3 { margin-top:35px!important; position:relative;}
.organboder4 { margin-top:55px!important; position:relative;}
.organboder5 { margin-top:55px!important; position:relative;}
.organboder:after {
    content: "";
    display: block;
    position: absolute;
    height: 57px;
    width: 0px;
    border-left: 8px solid #bf9c5a;
    margin-left: 48.95%;
    top: -57px;
}

.convener2 { max-width: 600px;}
.posi_left{position:relative; float:left;}
.posi_right {position:relative; float:right;}
.posi_left:after {
    content: "";
    display: block;
    position: absolute;
    height: 0px;
    width: 250px;
    border-top: 10px solid #bf9c5a;
    left: 200px;
    top: 95px;}
.convener2:after {
    content: "";
    display: block;
    position: absolute;
    height: 57px;
    width: 0px;
    border-left: 10px solid #bf9c5a;
    margin-left: 48.95%;
    top: -57px;
}
.convener2:before {
    content: "";
    display: block;
    position: absolute;
    height: 100px;
    width: 0px;
    border-left: 10px solid #bf9c5a;
    margin-left: 48.95%;
    top: 300px;
}
.convener2 .convenergd{ width: 200px;
    height: 200px;
    display: block;
    background: #bf9c5a;
    border-radius: 100%;
    margin: 0 auto;
	}
.big_chart .convenergd a {line-height: 180%;}
.organboder2:after {
    content: "";
    display: block;
    position: absolute;
    height: 37px;
    width: 0px;
    border-left: 8px solid #b5b5b6;
    margin-left: 48.95%;
    top: -35px;
}
.organboder3:after {
    content: "";
    display: block;
    position: absolute;
    height: 37px;
    width: 0px;
    border-left: 8px solid #BF9D5A;
    margin-left: 48.95%;
    top: -37px;
}
.organboder4:after {
    content: "";
    display: block;
    position: absolute;
    height: 95%;
    width: 0px;
    border-left: 8px dotted #bf9c5a;
    margin-left: 48.95%;
    top: -57px;
}
.organboder5:after {
    content: "";
    display: block;
    position: absolute;
    height: 57px;
    width: 0px;
    border-left: 8px dotted #bf9c5a;
    margin-left: 48.95%;
    top: -57px;
}
.organization { display:none;}
.organbtn { display:block; text-align:center; color:#fff;padding: 10px 15px 15px 15px;font-size: 180%; }
.smaller{width: 60%;margin: 0 auto 5px auto;}
.smaller2 {width: 40%;
    margin: 0 auto;
    background: #cbccce;}
.organbtn:hover { color:#fff;}
.usuallyul ul {list-style:decimal!important;}
.usuallyul li ul li{list-style: lower-roman!important;}
.usuallyul {list-style:decimal!important;}
.visit_purpose ul li ul,.visit_purpose2 ul li ul { list-style:none;list-style-type: none;}

.visit_purpose p,.visit_purpose2 p,.visit_purpose ul li,.visit_purpose2 ul li {line-height: 200%;}
.accounting li {line-height: 300%!important;}
.goldencolor { color:#9E7D48!important;clear: both;}
.goldencolorbg { background:#9E7D48!important;}
.gray {background:#767d83!important;}
.tab_color {background: #eee!important;}
.gray2 {background: rgba(247, 246, 246, 0.68)!important;}
.gray3 {background:#b6b6b8!important;}
.white {color:#fff!important;}
.import { background: #9E7D48;color: #fff; border-radius: 20px;padding: 3px 12px;vertical-align: initial;margin: 0 5px;}
.issuse_down {padding-top: 2%;clear: both;}
.maintitle .h1_icon { display:none;}
.presidenticon .h1_icon{ display:block;}
.president .h1 { color: #009E96;clear: none;}
.president .h1:after {border-bottom: 0px;}
.movie {background: #000;}
.movie2 {background: #000; margin:2% 0 5% 0;}
.movie2 iframe { display: block; min-height:750px; width:100%; margin:0 auto;}
.movie iframe { display: block; min-height:600px; width:100%; margin:0 auto;}
.seal_style {padding-top: calc(15% - 10px)!important;}
.president_main {padding: 2%;}
.president_main a { display: block; }
.president_main:hover {background: #f7f7f7;; color:#009E96;}
.president_word {border-left: 8px solid #9FA0A0;min-height: 223px;}
.president_main span {display: table-cell;vertical-align: middle;}
.president_img_main span { text-align: center;float: right; color: #000; font-weight: bolder;padding-top: calc(45% - 10px)!important;}
.president_img_main span font {color:#ccc;}
.president_img img {width: 100%;max-width: 400px; min-width: 200px;float: left;padding: 2%;}
.president_img_main img {width: 50%; float:right;padding-right: 5%;}
.flag_img {}
.fontauto {font-size: 120%;}
.president_main:hover .president_word{border-left: 8px solid #009E96;}
.president p {line-height: 180%;margin-bottom: 2%; font-size:120%;}
.fontstyle {font-size: 120%; font-weight:bolder;}
.president_tab table,.meeting_tab {border: 1px solid #EEE;margin: 0 auto 2% auto;}
.meeting_tab  {max-width: 100%;}
.president_tab th,.meeting th { text-align:center; background:#009E96; color:#fff; font-size:150%;}
.meeting th {font-size:120%;}
.president_tab .table>tbody>tr>td,.president_tab .table>thead>tr>th,.president_tab .table>tfoot>tr>td,.president_tab .table>tfoot>tr>th,.president_tab .table>thead>tr>td,.president_tab .president_tab .table>thead>tr>th,.meeting .table>tbody>tr>td,.meeting .table>thead>tr>th,.meeting .table>tfoot>tr>td,.meeting .table>tfoot>tr>th,.meeting .table>thead>tr>td,.meeting .meeting .table>thead>tr>th {border-top: 0px;padding: 0.5em 1em;line-height: 180%;}
.meeting_tab {background-color: #eeeeee;margin-top: 2%;}
.table-striped>tbody>tr:nth-of-type(odd) {background-color: #ffffff;}
.tab_spec { margin-left: calc(12% - 10px);}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding:1em;line-height: 180%;font-size: 120%;vertical-align: middle;}
.president_tab_2 { padding:0; }
.president_tab_2 .table{ margin-bottom:0;color:#000;}
.president_tab_2 .table > tbody>tr>td {border:0px;padding:1em 0.5em;}
.president_tab .table>thead:first-child>tr:first-child>th,.meeting .table>thead:first-child>tr:first-child>th {padding: 0.8em 1em 0.5em 1em;font-size: 160%;}
.president_color {color: #009E96; font-weight:bolder;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #009E96;border-color: #009E96;}
.president_tab_2_main .collapsed .date_color  span {color:#009E96;}
.house { padding:1% 0;}
.ceremony { clear: both; padding: 5% 0;}
.ceremony_tab th { background:#e8fffe; text-align:center;padding: 0.7em 1em 0.3em 1em!important;font-size:130%; font-weight:bolder; color:#595757;}
.ceremony_tab td { padding-left:2%}
.ceremony span { display:block; width:50%; margin:0 auto;}
.ceremony span font { color: #009E96; font-weight: bolder;font-size: 130%;display: block; margin: 2% 0;}
.topbanner { position: relative;}
.topbanner .btn-outline-boder {top: 50%;right: 5%;font-size: 500%;padding: 0.5% 2%;font-weight: bolder;}
.human_rights {margin: 2% 0;}
.president_bg2 {padding: 0; padding-bottom:calc(50% - 40px)}
.build h4 { display:none;}
.clocks .build .header_contact {border: #109590 5px solid;}
.build .header_contact .content > p ,.build .header_contact .content > .date,.build .header_contact .content > font { color:#109590;}
.build .left-boderline {border-left: #109590 5px solid;}
.human_rights_main .vistit_menu ul {margin: 0 auto;}
.abgne-frame {
	position: relative;
	overflow: hidden;
	text-align: center;
	overflow: hidden;
}
.abgne-frame a{ display:block;}
.other .abgne-frame,.human_rights .abgne-frame { margin-top:2%;}
.abgne-frame.effect img {
	transition: 0.5s;
	width: 100%;
}
.abgne-frame.effect:hover img {
	transform: scale(1.1);
}
.overlay span {
    font-size: 200%;
    bottom: 15%;
    right: 0;
    left: 0;
    margin: auto;
	width: 70%;
	background:rgba(0,0,0,0.1);
}
.Write_president { width:100%; max-width:1200px; margin:0 auto; border:1px solid #ccc; margin-bottom:10%;clear: both;}
.Write_people { width:100%; margin:0 auto; border:1px solid #ccc; margin-bottom:2%;clear: both;}
.Write_people .content p{ }
.Write_people h6 { font-size:120%; color:#000; display: block;padding-top: 2%;}
.Write_people h6:after { content: '';display: block;border-bottom: 1px solid hsl(0, 0%, 43%);padding-bottom: 5px;}
.Write_people h6 font { display: inline-block;float: left;}
.noafter:after {display: none!important;}
.chbefore:before {content: '';display: block;border-bottom: 1px solid hsl(0, 0%, 43%);margin-bottom: 10px;}
.top {width: 450px;margin: 0 0 0 auto;}
.flag {border-bottom:1px solid #ccc; margin-bottom:2%;}
.law_top { width:100%; max-width:1200px; margin:0 auto;}
.law_top a { display:inline-block; color:#9fa0a0; font-size:150%;}
.law_top a:hover { color:#009E96;}
.content {padding: 2% 5%;position: relative;min-height: 150px; clear:both;}
.content2 {padding: 0 5% 2% 0; position: relative;}
.content3 {padding: 2% 0 2% 5%;position: relative;}
.content4 {padding: 0 0 2% 15%;position: relative;}
.content:after,.content:before,.content2:after,.content2:before,.content3:after,.content3:before,.content4:after,.content4:before {display: table;content: " "; clear:both;}
.usuallyspan { display: block;line-height: 200%;margin: 0;text-align: left;}
.people th,.people td { background:#e2e6e6;white-space:nowrap;text-align:center;padding:5px 0 0 0!important;border: 0px solid #ddd!important;} 
.people td{background:#fff;border: 0px solid #ddd!important; font-size: 80%!important; }
.click { text-align: right;display: block;font-size: 120%;}
.bottom_people {width: auto;text-align: right; margin: 0 0 0 auto;}
.icon_people i { color:#009E96; font-size:200%;vertical-align: inherit;}
.usuallycolor {color:#009E96;}
.people_btn {padding: 2px 5px;margin-bottom: 0; font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center; white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;background-image: none;border: 2px solid #009E96; border-radius: 4px;}
.icon_people span { display:inline-block; vertical-align:middle;}
.icon_people span:after {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.text_date { font-weight:bolder;}
.borderbottom {border-bottom: 1px solid #ddd!important;}
.nopaddingtop { padding-top:0px!important;}
.chartpading {padding-top: 18%!important;}
/* ----------------------------------------------------------------
	Document Wrapper
-----------------------------------------------------------------*/
#wrapper {
 position: relative;
 float: none;
 margin: 0 auto;
 background-color: #FFF;
}
.content-wrap{
    position: relative;
    background: white;
}
/* ----------------------------------------------------------------
	Top Bar
-----------------------------------------------------------------*/
#top-social, #top-social ul {
margin: 0;
}
#top-social li, #top-social li a, #top-social li .ts-icon, #top-social li .ts-text {
	display: block;
	position: relative;
	float: left;
	width: auto;
	overflow: hidden;
	height: 44px;
	line-height: 44px;
	font-size: 12px;
}
#top-social li {
	border-left: 1px solid #EEE;
	text-align: center;
}
#top-social li:first-child {
	border-left: 0 !important;
}
#top-social li a {
	float: none;
	width: 40px;
	font-weight: bold;
	color: #666;
	-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
	-o-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
	transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
}
#top-social li a:hover {
	color: #FFF !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#top-social li .ts-icon {
	width: 40px;
	text-align: center;
	font-size: 14px;
}
.postcontent, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth {
	display: block;
    width: 100%;
	position: relative;
	float: left;
}
#top-bar {
	border-bottom: 0px;
	position: relative;
	height: 45px;
}
#top-bar .col_half {
	width: auto;
}
.col_last {
	margin-right: 0 !important;
	clear: right;
}
#top-social li:first-child {
	border-left: 0 !important;
}
.si-facebook:hover, .si-colored.si-facebook {
	background-color: #3B5998 !important;
}
.si-flickr:hover, .si-colored.si-flickr {
	background-color: #FF0084 !important;
}
.si-youtube:hover, .si-colored.si-youtube {
	background-color: #C4302B !important;
}
.si-email3:hover, .si-colored.si-email3 {
	background-color: #6567A5 !important;
}
.si-rss:hover, .si-colored.si-rss {
	background-color: #EE802F !important;
}
.fb:before {content:url("../images/icon/fb.svg");}
#top-social li:hover .fb:before {content:url("../images/icon/fb_hover.svg");}
.flickr:before {content:url("../images/icon/flickr.svg");}
#top-social li:hover .flickr:before{content:url("../images/icon/flickr_hover.svg");}
.youtube:before {content:url("../images/icon/youtube.svg");}
#top-social li:hover .youtube:before{content:url("../images/icon/youtube_hover.svg");}
.smallfont:before {content: "";background-image:url('../images/icon/A-_tw.svg');background-size: 100% 100%;display: inline-block;height: 20px;width:20px;position:relative;}
.en .smallfont:before {content: "";background-image:url('../images/icon/A-.svg');display: inline-block;height: 20px;width:20px;position:relative;}
#top-social li:hover .smallfont:before,.smallfont.ative:before  {content: "";background-image:url('../images/icon/A-_tw_t.svg');}
#top-social .en li:hover  .smallfont:before,.en .smallfont.ative:before  {content: "";background-image:url('../images/icon/A-_t.svg');}
.font:before {content: "";background-image:url('../images/icon/A_tw.svg');background-size: 100% 100%;display: inline-block;height: 20px;width:20px;position:relative;}
.en .font:before {content: "";background-image:url('../images/icon/A.svg');background-size: 100% 100%;display: inline-block;height: 20px;width:20px;position:relative;}
#top-social li:hover .font:before,.font.ative:before {content: "";background-image:url('../images/icon/A_tw_t.svg');}
#top-social .en li:hover .font:before,.en .font.ative:before {content: "";background-image:url('../images/icon/A_t.svg');}
.bigfont:before {content: "";background-image:url('../images/icon/A_plus_tw.svg');background-size: 100% 100%;display: inline-block;height: 20px;width:20px;position:relative;}
#top-social li:hover .bigfont:before,.bigfont.ative:before  {content: "";background-image:url('../images/icon/A_plus_tw_t.svg');}
.en .bigfont:before {content: "";background-image:url('../images/icon/A_plus.svg');background-size: 100% 100%;display: inline-block;height: 20px;width:20px;position:relative;}
#top-social .en li:hover .bigfont:before,.en .bigfont.ative:before  {content: "";background-image:url('../images/icon/A_plus_t.svg');}
.email:before {content:url("../images/icon/email.svg");}
#top-social li:hover .email:before{content:url("../images/icon/email_hover.svg");}
.rss:before {content:url("../images/icon/rss.svg");}
#top-social li:hover .rss:before{content:url("../images/icon/rss_hover.svg");}
.searcha:before {content:url("../images/icon/search.svg")!important;}
#top-search .search_hover:before {content:url("../images/icon/delete.svg")}
.fa-search:before {content:url("../images/icon/search2.svg");vertical-align: sub;}
.btn_upload:hover .fa-search:before {content:url("../images/icon/search2_hover.svg");}
.world:before {content:"EN";}
.world:hover:before {content:"EN"; color:#009E96;}
.en .world:before {content:"中文";white-space: nowrap; font-family: 'Microsoft JhengHei';font-size:12px;}
.en .world:hover:before {content:"中文"; color:#009E96;white-space: nowrap;}
.sitemap_img:before {content:url("../images/icon/sitemap.svg");}
.sitemap_img:hover:before {content:url("../images/icon/sitemap_green.svg");}
.menu:before  {content:url("../images/icon/menu.svg");}
.glyphicon-th-list:before {content:url("../images/icon/menu2.png");}
.glyphicon-home:before { content:url("../images/icon/house.svg");}
.fa-commenting:before { content:url("../images/icon/commenting.png");}
.content .fa-commenting:before,.top .fa-commenting:before { content:url("../images/icon/commenting2.png");}
.fa-plus:before {content:url("../images/icon/plus.png");}
.organization .fa-plus:before {content:url("../images/icon/plus01.png");}
.fa-minus:before{  content:url("../images/icon/less.png");color:#fff;}
.organization .fa-minus:before{  content:url("../images/icon/less01.png");color:#fff;}
.fa-chevron-right:before {content:url("../images/icon/arrow3.png");}
.flex-direction-nav a:before {content:url("../images/icon/arrow4.png")!important;}
.flex-direction-nav a.flex-next:before { content:url("../images/icon/arrow5.png")!important;}
.fa-play:before {content:"►"!important;}
.import i {font-size: 1em;
    vertical-align: middle;}
.play i {font-size: 2em;
    vertical-align: middle;line-height: 50%;}
.icon-line-plus:before {
    content: "+"!important;
	font-size: 50px;
	line-height: 30px;
}
.icon-line-minus:before {
    content: "-"!important;
    font-size: 50px;
}

.portfolio-overlay a .icon-line-plus:before {
    content:url("../images/icon/plus02.png")!important;
	font-size: 42px!important;
}
.portfolio-overlay a:hover .icon-line-plus:before {
    content:url("../images/icon/plus02_hover.png")!important;
}

.icon-angle-up:before {content:url("../images/icon/gotop.png")!important;}
.icon-smile:before {content:url("../images/icon/smile.png")!important;}
.icon-frown:before{content:url("../images/icon/cry.png")!important;}
.fa-eye:before {content:url("../images/icon/look.png")!important;}
.fa-user:before {content:url("../images/icon/user.png")!important;}
.fa-mail-reply:before, .fa-reply:before {content:url("../images/icon/response.png")!important;}
.icon-line-ellipsis:before {content:url("../images/icon/more.png")!important;}
.portfolio-overlay a:hover .icon-line-ellipsis:before {content:url("../images/icon/more_hover.png")!important;}
.icon-caret-down:before {content:url("../images/icon/arrow7.png")!important;}
.right .icon-line-inbox:before {content:url("../images/icon/download02.png")!important;}
.content .icon-line-inbox:before,td .icon-line-inbox:before,.from_bottom .icon-line-inbox:before  {content:url("../images/icon/download01.png")!important;}
.from_bottom .fontauto .icon-line-inbox:before {content:url("../images/icon/download.png")!important;}
.from_bottom .fontauto:hover .icon-line-inbox:before{content:url("../images/icon/download.png")!important;}
.content a:hover .icon-line-inbox:before,td a:hover .icon-line-inbox:before,.from_bottom a:hover .icon-line-inbox:before{content:url("../images/icon/download01_hover.png")!important;}
.icon-line-cross:before {content:url("../images/icon/delete.png")!important;}
.icon-table:before {content:url("../images/icon/date.png")!important;vertical-align: middle;}
.fa-calendar:before {content:url("../images/icon/date01.png")!important;vertical-align: middle;}
.fa-cloud-upload:before {content:url("../images/icon/upload.png")!important;}

/* ----------------------------------------------------------------
	Sticky Header
-----------------------------------------------------------------*/
#header, #header-wrap, #logo img ,#logo object{
	height: 100px;
	-webkit-transition: height .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, opacity .3s ease;
	transition: height .4s ease, opacity .3s ease;
}
#logo { padding:0;}
#logo:after {
    content: '';
    display: block;
    border-bottom: 0px solid hsl(0, 0%, 83%);
    padding-bottom: 0px;
    margin-bottom: 0px;
}
body:not(.top-search-open) #header-wrap #logo, body:not(.top-search-open) #primary-menu > ul, body:not(.top-search-open) #primary-menu > .container > ul, body:not(.top-search-open) #top-cart, body:not(.top-search-open) #side-panel-trigger, body:not(.top-search-open) #top-account,body:not(.top-search-open) #sitemap  {
	opacity: 1;
	-webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	-o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
}
body.top-search-open #header-wrap #logo, body.top-search-open #primary-menu > ul, body.top-search-open #primary-menu > .container > ul, body.top-search-open #top-cart, body.top-search-open #side-panel-trigger, body.top-search-open #top-account,body.top-search-open #sitemap  {
	opacity: 0;
}
#header.sticky-header.semi-transparent {
	background-color: transparent;
}
#header-wrap {
	position: relative;
	z-index: 8000;
	-webkit-backface-visibility: hidden;
}

#header.semi-transparent.sticky-header #header-wrap {
	background-color: rgba(255,255,255,0.8)
}


#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
	height: 60px;
}
#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo object {
	height: 60px;
}
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
	padding-top: 19px;
	padding-bottom: 19px;
}
#header.sticky-header:not(.static-sticky).sticky-style-2, #header.sticky-header:not(.static-sticky).sticky-style-3 {
	height: 161px;
}
#header.sticky-header:not(.static-sticky).sticky-style-2 #primary-menu, #header.sticky-header:not(.static-sticky).sticky-style-3 #primary-menu {
	border-top: 0;
}
#header.sticky-header:not(.static-sticky) #top-search, #header.sticky-header:not(.static-sticky) #top-cart, #header.sticky-header:not(.static-sticky) #side-panel-trigger ,#header.sticky-header:not(.static-sticky) #sitemap{
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
#header.sticky-header:not(.static-sticky) #top-account {
	margin-top: 12px !important;
	margin-bottom: 13px !important;
}
#header.sticky-header:not(.static-sticky) #top-cart .top-cart-content {
	top: 40px;
}
#header.sticky-header.sticky-style-2 #primary-menu {
	border-top: 0;
}
body.stretched #header.full-header .container {
    width: 100%;
    padding: 0 3em;
}
#header.sticky-style-2 {
	height: 161px;
}
#header.sticky-style-3 {
	height: 181px;
}
#header.sticky-style-2 #header-wrap {
	height: 60px;
}
#header.sticky-style-3 #header-wrap {
	height: 80px;
}
#primary-menu > ul > li > ul, #primary-menu > ul > li > .mega-menu-content, #primary-menu > ul > li.mega-menu > .mega-menu-content {
	-webkit-transition: top .4s ease;
	-o-transition: top .4s ease;
	transition: top .4s ease;
}
#top-search, #top-cart {
	-webkit-transition: margin .4s ease, opacity .3s ease;
	-o-transition: margin .4s ease, opacity .3s ease;
	transition: margin .4s ease, opacity .3s ease;
}
#header .container {
	position: relative;
	padding: 0;
}
#header.full-header {
  border-bottom: 1px solid #EEE;   
}
#header.transparent-header.full-header #header-wrap {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
#header.sticky-header #header-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
/* ----------------------------------------------------------------
	Logo
-----------------------------------------------------------------*/
#logo {
	position: relative;
	float: left;
	line-height: 100%;
	margin-right: 40px;
	top: -25px;
	display:block;
}
#logo a {
	display: block;
}
#logo img {
	display: block;
	max-width: 100%;
}
#logo a.standard-logo {
	display: block;
}
#logo a.retina-logo {
	display: none;
}
body.top-search-open #header-wrap #logo {
	opacity: 1;
}
.sticky-header #logo { top:0;}
/* ----------------------------------------------------------------
	Primary Menu
-----------------------------------------------------------------*/
#primary-menu {
	float: right;
}
#primary-menu ul.mobile-primary-menu {
	display: none;
}
#header.full-header #primary-menu > ul {
	float: left;
	padding-right: 15px;
	margin-right: 15px;
}
#header.transparent-header.full-header #primary-menu > ul {
	border-right-color: rgba(0,0,0,0.1);
}
#primary-menu-trigger, #page-submenu-trigger {
	opacity: 0;
	pointer-events: none;
	cursor: pointer;
	font-size: 14px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
#primary-menu ul {
	list-style: none;
	margin: 0;
}
#primary-menu > ul {
	float: left;
}
#primary-menu ul li {
	position: relative;
}
#primary-menu ul li.mega-menu {
	position: inherit;
}
#primary-menu ul > li {
	float: left;
	margin-left: 2px;
}
#primary-menu > ul > li:first-child {
	margin-left: 0;
}
#primary-menu ul li > a {
	display: block;
	line-height: 22px;
	cursor:pointer;
	padding: 39px 15px;
	color: #444;
	font-weight: bold;
	font-size: 110%;
	letter-spacing: 1px;
	-webkit-transition: margin .4s ease, padding .4s ease;
	-o-transition: margin .4s ease, padding .4s ease;
	transition: margin .4s ease, padding .4s ease;
}
#primary-menu ul li > a span {
	display: none;
}
#primary-menu ul li > a i {
	position: relative;
	top: -1px;
	font-size: 14px;
	width: 16px;
	text-align: center;
	margin-right: 6px;
	vertical-align: top;
}
#primary-menu ul li > a i.icon-angle-down:last-child {
	font-size: 12px;
	margin: 0 0 0 5px;
}
#primary-menu ul li:hover > a, #primary-menu ul li.current > a {
	color: #009E96;
}
#primary-menu > ul > li.sub-menu > a > div {
}
body.no-superfish #primary-menu li:hover > ul:not(.mega-menu-column), body.no-superfish #primary-menu li:hover > .mega-menu-content {
	display: block;
}
#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
	display: none;
	position: absolute;
	width: 220px;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
	border: 1px solid #EEE;
	border-top: 2px solid #009E96;
	height: auto;
	z-index: 199;
	top: 100%;
	left: 0;
	margin: 0;
}
#primary-menu ul ul:not(.mega-menu-column) {
	width: 240px!important;
}
#primary-menu ul ul:not(.mega-menu-column) ul {
	top: -2px !important;
	left: 218px;
}
#primary-menu ul ul.menu-pos-invert:not(.mega-menu-column), #primary-menu ul li .mega-menu-content.menu-pos-invert {
	left: auto;
	right: 0;
}
#primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert {
	right: 218px;
}
#primary-menu ul ul li {
	float: none;
	margin: 0;
}
#primary-menu ul ul li:first-child {
	border-top: 0;
}
#primary-menu ul ul li > a {
	font-weight: 600;
	color: #666;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0;
	letter-spacing: 0;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#primary-menu ul ul li > a i {
	vertical-align: middle;
}
#primary-menu ul ul li:hover > a {
	background-color: #F9F9F9;
	padding-left: 18px;
	color: #009E96;
}
#primary-menu ul ul > li.sub-menu > a, #primary-menu ul ul > li.sub-menu:hover > a {
	background-position: right center;
	background-repeat: no-repeat;
}
.bnews {background: #E40077;padding: 0.7em 1em 0.5em 1.5em;margin-bottom: 1em;}
.bnews-title {font-size: 1.8em;color: white;display: inline-block;float: left; padding-right: 0.5em;width: 18%;min-width: 120px;}
.slide a {color: white;font-size: 1.8em;padding-left: 0.5em;}
.carousel-inner { width: 70%;background: #e83392;border-left: 5px solid #fff;}
/* ----------------------------------------------------------------
	產品加減
-----------------------------------------------------------------*/
body:not(.device-touch) .portfolio {
-webkit-transition:height .4s linear;
-o-transition:height .4s linear;
transition:height .4s linear
}
.portfolio-item {
	float:left;
	position:relative;
	width:100%;
	height:auto;
	
}
.portfolio-item .portfolio-image {
	position:relative;
	overflow:hidden
}

.portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img {
	display:block;
	width:100%;
	height:auto
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-image img {
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.portfolio-desc {
	z-index:3;
    padding: 15px 0px 10px;
}
.portfolio-desc p { min-height:200px}
.portfolio-desc h3 {
	margin:0;
	padding:0;
	font-size:19px
}
.portfolio-desc h3 a {
	color:#222;
	min-height: 100px;
}
.portfolio-desc h3 a:hover {
	color:#009E96
}
.portfolio-desc span {
	display:block;
	margin-top:3px;
	color:#888
}
.portfolio-desc span a {
	color:#888
}
.portfolio-desc span a:hover {
	color:#000
}
.portfolio-notitle .portfolio-desc {
	position:absolute;
	display:block!important;
	width:100%;
	height:78px;
	padding:15px 5px;
	top:auto;
	bottom:-79px;
	left:0;
	background-color:#FFF;
	border-bottom:1px solid #EEE
}
.bothsidebar .portfolio-desc, body.device-touch.device-xs .portfolio-notitle .portfolio-desc, body.device-touch.device-xxs .portfolio-notitle .portfolio-desc {
	display:none!important
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-desc {
-webkit-transition:bottom .2s ease-in-out;
-o-transition:bottom .2s ease-in-out;
transition:bottom .2s ease-in-out
}
.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-nomargin.portfolio-notitle .portfolio-desc {
	bottom:-78px;
	border-bottom:0
}
.portfolio-notitle .iportfolio:hover .portfolio-desc, .portfolio-notitle .portfolio-item:hover .portfolio-desc {
	bottom:0!important
}
.bothsidebar .portfolio-notitle .portfolio-item:hover .portfolio-image img {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0)
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .iportfolio:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-item:hover .portfolio-image img {
-webkit-transform:translateY(-20px);
-moz-transform:translateY(-20px);
-ms-transform:translateY(-20px);
-o-transform:translateY(-20px);
transform:translateY(-20px)
}
.portfolio.portfolio-full, .portfolio.portfolio-nomargin {
	margin:0!important
}
.portfolio-full .portfolio-item, .portfolio-nomargin .portfolio-item {
	padding:0!important
}
.portfolio-nomargin .portfolio-desc {
	padding:15px 10px
}
.portfolio.portfolio-full {
	margin:0!important;
	width:100.4%
}
.portfolio-full .portfolio-item {
	overflow:hidden!important
}
.portfolio-full .portfolio-desc {
	padding:15px
}
.postcontent .portfolio-desc h3 {
	font-size:17px
}
.postcontent .portfolio-desc span {
	font-size:12px
}
.postcontent .portfolio-notitle .portfolio-desc {
	height:70px;
	bottom:-71px
}
.postcontent .portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-nomargin.portfolio-notitle .portfolio-desc {
	bottom:-70px
}
.postcontent .portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
	margin-top:-50px!important
}
.bothsidebar .portfolio {
	margin:0
}
.bothsidebar .portfolio-item {
	padding:0
}
.portfolio.portfolio-3 {
	margin:0 -15px -15px 0
}
.portfolio-3 .portfolio-item {
	width:33.33333333%;
	padding:0 15px 15px 0
}
.postcontent .portfolio-3 .portfolio-desc h3 {
	font-size:18px
}
.postcontent .portfolio-3 .portfolio-desc span {
	font-size:13px
}
.postcontent .portfolio-3.portfolio-notitle .portfolio-desc {
	height:72px;
	bottom:-73px
}
.postcontent .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc {
	bottom:-72px
}
.postcontent .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
	margin-top:-40px!important
}
.bothsidebar .portfolio.portfolio-3 {
	margin:0 -11px -11px 0
}
.bothsidebar .portfolio-3 .portfolio-item {
	padding:0 11px 11px 0
}
.bothsidebar .portfolio-3 .portfolio-desc {
	display:block!important
}
.bothsidebar .portfolio-3 .portfolio-desc h3 {
	font-size:15px
}
.bothsidebar .portfolio-3 .portfolio-desc span {
	font-size:12px
}
.bothsidebar .portfolio-3.portfolio-notitle .portfolio-desc {
	height:68px;
	bottom:-69px
}
.bothsidebar .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc, .bothsidebar .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc {
	bottom:-68px
}
.bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
	margin-top:-50px!important
}
.portfolio.portfolio-2 {
	margin:0 -20px -20px 0
}
.portfolio-2 .portfolio-item {
	width:50%;
	padding:0 20px 20px 0
}
.portfolio-2 .portfolio-desc {
	padding:20px 5px 10px
}
.portfolio-2 .portfolio-desc h3 {
	font-size:21px
}
.portfolio-2 .portfolio-desc span {
	margin-top:4px;
	font-size:14px
}
.bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a, .postcontent .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
	margin-top:-40px!important
}
.portfolio-2.portfolio-nomargin .portfolio-desc {
	padding:20px 15px
}
.portfolio-2.portfolio-notitle .portfolio-desc {
	height:90px;
	bottom:-91px
}
.portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc {
	bottom:-90px
}
.postcontent .portfolio-2 .portfolio-desc h3 {
	font-size:21px
}
.postcontent .portfolio-2 .portfolio-desc span {
	font-size:14px
}
.postcontent .portfolio-2.portfolio-nomargin .portfolio-desc {
	padding-bottom:20px
}
.postcontent .portfolio-2.portfolio-notitle .portfolio-desc {
	height:90px;
	bottom:-91px
}
.postcontent .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc {
	bottom:-90px
}
.bothsidebar .portfolio-2 .portfolio-desc {
	display:block!important;
	padding-top:15px;
	padding-bottom:0
}
.bothsidebar .portfolio-2 .portfolio-desc h3 {
	font-size:19px
}
.bothsidebar .portfolio-2 .portfolio-desc span {
	font-size:13px
}
.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-desc {
	padding-bottom:15px
}
.bothsidebar .portfolio-2.portfolio-notitle .portfolio-desc {
	height:75px;
	bottom:-76px
}
.bothsidebar .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc, .bothsidebar .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc {
	bottom:-75px
}
.portfolio.portfolio-5 {
	margin:0 -10px -10px 0
}
.portfolio-5 .portfolio-item {
	width:20%;
	padding:0 10px 10px 0
}
.portfolio-5 .portfolio-desc h3 {
	font-size:17px
}
.portfolio-5.portfolio-notitle .portfolio-desc {
	height:71px;
	bottom:-72px
}
.portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc {
	bottom:-71px
}
.portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
	margin-top:-30px!important
}
.postcontent .portfolio.portfolio-5 {
	margin:0
}
.postcontent .portfolio-5 .portfolio-item {
	padding:0
}
.postcontent .portfolio-5 .portfolio-desc h3 {
	font-size:15px
}
.postcontent .portfolio-5 .portfolio-desc span {
	font-size:12px
}
.postcontent .portfolio-5 .portfolio-desc {
	padding:15px 10px
}
.postcontent .portfolio-5.portfolio-notitle .portfolio-desc {
	height:68px;
	bottom:-69px
}
.postcontent .portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc {
	bottom:-68px
}
.postcontent .portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
	margin-top:-50px!important
}
.portfolio.portfolio-6 {
	margin:0 -6px -6px 0
}
.portfolio-6 .portfolio-item {
	width:16.66666667%;
	padding:0 6px 6px 0
}
.portfolio-6 .portfolio-desc h3 {
	font-size:15px
}
.portfolio-6 .portfolio-desc span {
	font-size:12px
}
.portfolio-6.portfolio-notitle .portfolio-desc {
	height:68px;
	bottom:-69px
}
.portfolio-6.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-6.portfolio-nomargin.portfolio-notitle .portfolio-desc {
	bottom:-68px
}
.portfolio-6.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
	margin-top:-40px!important
}
.portfolio.portfolio-1 {
	margin:0 0 -40px
}
.portfolio-1 .portfolio-item {
	float:none;
	width:100%;
	margin:0 0 40px;
	padding-bottom:40px;
	padding-right:0;
	border-bottom:1px solid #EEE
}
.portfolio-1 .portfolio-item .portfolio-image {
	float:left;
	margin-right:40px
}
.portfolio-1 .portfolio-item.alt .portfolio-image {
	float:right;
	margin:0 0 0 40px
}
.portfolio-1 .portfolio-item .portfolio-image, .portfolio-1 .portfolio-item .portfolio-image a, .portfolio-1 .portfolio-item .portfolio-image img {
	display:block;
	width:720px;
	height:400px
}
.portfolio-1 .portfolio-desc {
	float:left;
	width:380px;
	padding:10px 0
}
.portfolio-1 .alt .portfolio-desc {
	float:right
}
.portfolio-1 .portfolio-desc h3 {
	font-size:22px
}
.portfolio-1 .portfolio-desc span {
	margin-top:6px;
	font-size:14px
}
.portfolio-1 .portfolio-desc p {
	margin:20px 0 25px;
	font-size:14px
}
.portfolio-1 .portfolio-desc li {
	margin:3px 0
}
.postcontent .portfolio-1 .portfolio-item .portfolio-image, .postcontent .portfolio-1 .portfolio-item .portfolio-image a, .postcontent .portfolio-1 .portfolio-item .portfolio-image img {
	width:540px;
	height:300px
}
.postcontent .portfolio-1 .portfolio-desc {
	width:280px
}
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image {
	margin-right:20px
}
.bothsidebar .portfolio-1 .portfolio-item.alt .portfolio-image {
	margin:0 0 0 20px
}
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image, .bothsidebar .portfolio-1 .portfolio-item .portfolio-image a, .bothsidebar .portfolio-1 .portfolio-item .portfolio-image img {
	width:320px;
	height:178px
}
.bothsidebar .portfolio-1 .portfolio-desc {
	display:block!important;
	width:240px;
	padding:0
}
.bothsidebar .portfolio-1 .portfolio-desc h3 {
	font-size:19px
}
.bothsidebar .portfolio-1 .portfolio-desc span {
	margin-top:5px;
	font-size:13px
}
.bothsidebar .portfolio-1 .portfolio-desc p {
	margin:15px 0 0;
	font-size:13px
}
.bothsidebar .portfolio-1 .portfolio-desc .btn, .bothsidebar .portfolio-1 .portfolio-desc ul {
	display:none
}
.portfolio.portfolio-1.portfolio-fullwidth {
	margin:0 0 -60px
}
.portfolio-1.portfolio-fullwidth .portfolio-item {
	margin-bottom:60px;
	padding:0;
	border-bottom:0;
	overflow:hidden
}
.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {
	float:none;
	margin:0!important
}
.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image, .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a, .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
	width:1140px;
	height:500px
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
	-webkit-transform:translateX(-60px);
	-moz-transform:translateX(-60px);
	-ms-transform:translateX(-60px);
	-o-transform:translateX(-60px);
	transform:translateX(-60px)
}
.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
	-webkit-transform:translateX(60px);
	-moz-transform:translateX(60px);
	-ms-transform:translateX(60px);
	-o-transform:translateX(60px);
	transform:translateX(60px)
}
.portfolio-1.portfolio-fullwidth .portfolio-desc {
	position:absolute;
	float:none;
	width:380px;
	height:100%;
	padding:30px;
	background-color:#F9F9F9;
	top:0;
	left:auto;
	right:-380px
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .portfolio-desc {
-webkit-transition:right .3s ease-in-out;
-o-transition:right .3s ease-in-out;
transition:right .3s ease-in-out
}
.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-desc {
	right:0
}
.portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
	left:-380px;
	right:auto
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
-webkit-transition:left .3s ease-in-out;
-o-transition:left .3s ease-in-out;
transition:left .3s ease-in-out
}
.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-desc {
	left:0
}
.portfolio-1.portfolio-fullwidth .portfolio-overlay a {
	left:33%
}
.portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
	left:auto;
	right:33%
}
.postcontent .portfolio.portfolio-1.portfolio-fullwidth {
	margin:0 0 -40px
}
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item {
	margin-bottom:40px
}
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image, .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a, .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
	width:860px;
	height:377px
}
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
	-webkit-transform:translateX(-40px);
	-moz-transform:translateX(-40px);
	-ms-transform:translateX(-40px);
	-o-transform:translateX(-40px);
	transform:translateX(-40px)
}
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
	-webkit-transform:translateX(40px);
	-moz-transform:translateX(40px);
	-ms-transform:translateX(40px);
	-o-transform:translateX(40px);
	transform:translateX(40px)
}
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-desc {
	width:320px;
	padding:25px;
	right:-320px
}
.postcontent .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
	left:-320px;
	right:auto
}
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-overlay a {
	left:32%
}
.postcontent .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
	left:auto;
	right:32%
}
.bothsidebar .portfolio.portfolio-1.portfolio-fullwidth {
	margin:0 0 -40px
}
.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item {
	margin-bottom:40px
}
.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image, .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a, .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
	width:580px;
	height:254px
}
.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
	-webkit-transform:translateX(-20px);
	-moz-transform:translateX(-20px);
	-ms-transform:translateX(-20px);
	-o-transform:translateX(-20px);
	transform:translateX(-20px)
}
.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
	-webkit-transform:translateX(20px);
	-moz-transform:translateX(20px);
	-ms-transform:translateX(20px);
	-o-transform:translateX(20px);
	transform:translateX(20px)
}
.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-desc {
	width:240px;
	padding:15px 20px;
	right:-240px
}
.bothsidebar .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
	left:-240px;
	right:auto
}
.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-overlay a {
	left:29%
}
.bothsidebar .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
	left:auto;
	right:29%
}
.portfolio.portfolio-parallax {
	margin:0!important
}
.portfolio.portfolio-parallax .portfolio-item {
	float:none;
	width:100%!important;
	height:500px!important;
	margin:0!important
}
.portfolio.portfolio-parallax .portfolio-item .portfolio-image {
	width:100%!important;
	height:500px!important;
	background-attachment:fixed
}
.portfolio.portfolio-parallax .portfolio-desc {
	position:absolute;
	top:50%;
	left:0;
	margin-top:-57px;
	width:100%;
	text-align:center;
	text-shadow:1px 1px 1px rgba(0, 0, 0, .15);
	padding:0;
	opacity:0
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio.portfolio-parallax .portfolio-desc {
-webkit-transition:opacity .15s ease-in-out;
-o-transition:opacity .15s ease-in-out;
transition:opacity .15s ease-in-out
}
.portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc {
	opacity:1
}
.portfolio.portfolio-parallax .portfolio-desc h3 {
	font-size:44px;
	font-weight:300;
	letter-spacing:-1px
}
.entry-link, .entry-title h2 {
	text-transform:uppercase;
	letter-spacing:1px
}
.portfolio.portfolio-parallax .portfolio-desc h3 a {
	color:#FFF
}
.portfolio.portfolio-parallax .portfolio-desc h3 a:hover {
	color:#DDD
}
.portfolio.portfolio-parallax .portfolio-desc span {
	margin-top:12px;
	font-size:16px;
	color:#CCC
}
.portfolio.portfolio-parallax .portfolio-desc span a {
	color:#DDD
}
.portfolio.portfolio-parallax .portfolio-desc span a:hover {
	color:#BBB
}
.portfolio.portfolio-parallax .portfolio-desc .portfolio-divider {
	width:100%;
	text-align:center;
	margin:15px 0 0
}
.portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {
	display:inline-block;
	width:50px;
	height:0;
	border-bottom:1px solid #FFF
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {
-webkit-transition:width .5s ease-in-out;
-o-transition:width .5s ease-in-out;
transition:width .5s ease-in-out
}
.portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc .portfolio-divider div {
	width:120px
}
.portfolio.portfolio-parallax .portfolio-overlay {
	background-color:rgba(0, 0, 0, .4)
}
.portfolio-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	z-index:2;
	text-align:center;
	background-color:rgba(0, 0, 0, .5)
}
.medal .portfolio-item .portfolio-image,.medal .portfolio-item .portfolio-image a,.medal .portfolio-item .portfolio-image img,.medal .portfolio-overlay{ border-radius: 500%;max-width: 300px;
max-height: 300px;}
.medal .portfolio-item .portfolio-image {border: 5px solid #bf9c5a;margin: 0 auto;}
.medal .portfolio-desc {margin: 0 auto;max-width: 300px;}
.medal .portfolio-desc h3 {font-size: 200%;text-align: center;}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay {
-webkit-transition:opacity .4s ease-in-out;
-o-transition:opacity .4s ease-in-out;
transition:opacity .4s ease-in-out
}
.iportfolio:hover .portfolio-overlay, .portfolio-item:hover .portfolio-overlay {
	opacity:1
}
.portfolio-overlay a {
	position:absolute;
	top:50%;
	left:50%;
	background-color:#F5F5F5;
	width:40px!important;
	height:40px!important;
	margin:-28px 0 0 -44px;
	font-size:18px;
	line-height:40px;
	text-align:center;
	color:#444;
	border-radius:50%
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay a {
-webkit-transition:color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
-o-transition:color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
transition:color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear
}
.portfolio-overlay a.right-icon {
	left:auto;
	right:50%;
	margin-left:0;
	margin-right:-44px
}
.portfolio-overlay a.center-icon {
	display:block;
	margin:-20px 0 0 -20px;
	opacity:0
}
.iportfolio:hover a.center-icon, .portfolio-item:hover a.center-icon {
	opacity:1
}
.portfolio-overlay a:hover {
	color:#009E96;
	background-color:#EEE
}
.iportfolio:hover .portfolio-overlay a.left-icon, .iportfolio:hover .portfolio-overlay a.right-icon, .portfolio-item:hover .portfolio-overlay a.left-icon, .portfolio-item:hover .portfolio-overlay a.right-icon {
	margin-top:-18px
}
.portfolio-overlay a i.icon-line-play {
	position:relative;
	left:2px
}
.portfolio-overlay .portfolio-desc {
	position:relative;
	padding:0!important;
	margin:0;
	text-align:center
}
.masonry-thumbs .overlay, .masonry-thumbs img {
	padding:0 1px 1px 0
}
.portfolio-overlay .portfolio-desc a {
	display:inline;
	position:relative;
	top:0;
	left:0;
	margin:0;
	font-size:inherit;
	width:auto!important;
	height:auto!important;
	line-height:1;
	background-color:transparent!important;
	text-shadow:1px 1px 1px rgba(0, 0, 0, .15)
}
.entry-link:hover, .overlay-icon i, .product-overlay a:hover, .sale-flash {
	text-shadow:1px 1px 1px rgba(0, 0, 0, .2)
}
.portfolio-overlay .portfolio-desc h3 {
	font-weight:600;
	color:#F5F5F5!important;
	line-height:1
}
.portfolio-overlay .portfolio-desc h3 a {
	color:#F5F5F5!important
}
.portfolio-overlay .portfolio-desc span {
	margin-top:7px;
	color:#DDD!important
}
.portfolio-overlay .portfolio-desc span a {
	color:#DDD!important;
	font-size:inherit
}
.portfolio-overlay .portfolio-desc~a {
display:inline-block;
position:relative;
top:0;
left:0;
margin:20px 0 0!important
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay .portfolio-desc~a {
-webkit-transition:color .2s linear, background-color .2s linear, opacity .2s linear;
-o-transition:color .2s linear, background-color .2s linear, opacity .2s linear;
transition:color .2s linear, background-color .2s linear, opacity .2s linear
}
.portfolio-overlay .portfolio-desc~a.right-icon {
left:0;
right:0;
margin-left:5px!important;
margin-right:0!important
}
.portfolio-overlay .portfolio-desc a:hover {
	background:0 0
}
body.device-touch.device-xs .portfolio-notitle .portfolio-overlay, body.device-touch.device-xxs .portfolio-notitle .portfolio-overlay {
	display:none!important
}
.portfolio-single-image .slide a, .portfolio-single-image iframe, .portfolio-single-image img, .portfolio-single-image video, .portfolio-single-image>a {
	display:block;
	width:100%
}
.portfolio-single-image-full {
	position:relative;
	height:600px;
	overflow:hidden;
	margin:-80px 0 80px!important
}
.portfolio-single-video {
	height:auto!important
}
.portfolio-single-image-full .swiper-container {
	width:100%;
	height:600px;
	background-color:#333
}
.portfolio-single-image-full .swiper-nested-1, .portfolio-single-image-full .swiper-nested-2 {
	width:100%
}
.portfolio-single-image-full .swiper-slide {
	overflow:hidden
}
.portfolio-single-image-full .swiper-slide img {
	width:100%;
	height:auto
}
.masonry-thumbs {
	position:relative
}
.masonry-thumbs a {
	position:relative;
	float:left;
	width:25%;
	max-width:100%!important;
	overflow:hidden
}
.masonry-thumbs.col-2 a {
	width:50%
}
.masonry-thumbs.col-3 a {
	width:33.3%
}
.masonry-thumbs.col-4 a {
	width:25%
}
.masonry-thumbs.col-5 a {
	width:20%
}
.masonry-thumbs.col-6 a {
	width:16.6%
}
.masonry-thumbs a, .masonry-thumbs img {
	display:block;
	height:auto!important
}
.masonry-thumbs img {
	width:100%;
	border-radius:0!important
}
.entry-image img, .entry-link {
	border-radius:3px
}
.portfolio-single-content {
	font-size:14px
}
.portfolio-single-content h2 {
	margin:0 0 20px;
	padding:0;
	font-size:20px;
	font-weight:600!important
}
.portfolio-ajax-modal {
	width:1000px!important
}
.modal-padding {
	padding:40px
}
.ajax-modal-title {
	background-color:#F9F9F9;
	border-bottom:1px solid #EEE;
	padding:25px 40px
}
.ajax-modal-title h2 {
	font-size:26px;
	margin-bottom:0
}
#portfolio-ajax-wrap {
	position:relative;
	max-height:0;
	overflow:hidden;
-webkit-transition:max-height .4s ease;
-o-transition:max-height .4s ease;
transition:max-height .4s ease
}
#portfolio-ajax-wrap.portfolio-ajax-opened {
	max-height:1200px
}
#portfolio-ajax-container {
	display:none;
	padding-bottom:60px
}
#portfolio-ajax-single h2 {
	font-size:26px
}
.portfolio-meta, .portfolio-share {
	list-style:none;
	font-size:14px
}
.portfolio-meta li {
	margin:10px 0;
	color:#666
}
.portfolio-meta li:first-child {
	margin-top:0
}
.portfolio-meta li span {
	display:inline-block;
	width:150px;
	font-weight:700;
	color:#333
}
.portfolio-meta li span i {
	position:relative;
	top:1px;
	width:14px;
	text-align:center;
	margin-right:7px
}
.well .line {
	margin:20px 0;
	border-color:#E5E5E5
}
#portfolio-navigation {
	position:absolute;
	top:50%;
	left:auto;
	right:10px;
	max-width:96px;
	height:24px;
	margin-top:-12px
}
.page-title-right #portfolio-navigation {
	left:10px;
	right:auto
}
.page-title-center #portfolio-navigation {
	position:relative;
	top:0;
	left:0;
	margin:20px auto 0
}
#portfolio-navigation a {
	display:block;
	float:left;
	margin-left:12px;
	width:24px;
	height:24px;
	text-align:center;
	color:#444;
transition:color .3s linear;
-webkit-transition:color .3s linear;
-o-transition:color .3s linear
}
.page-title-dark #portfolio-navigation a {
	color:#EEE
}
.page-title-parallax #portfolio-navigation a {
	color:#FFF
}
#portfolio-navigation a i {
	position:relative;
	top:-1px;
	font-size:24px;
	line-height:1
}
#portfolio-navigation a i.icon-angle-left, #portfolio-navigation a i.icon-angle-right {
	font-size:32px;
	top:-6px
}
#portfolio-navigation a i.icon-angle-right {
	left:-1px
}
#portfolio-navigation a:first-child {
	margin-left:0
}
#portfolio-navigation a:hover {
	color:#009E96
}
.entry-title h2 a, .ipost .entry-title h3 a, .ipost .entry-title h4 a {
	color:#333
}
#portfolio-ajax-show #portfolio-navigation {
	top:0;
	margin-top:0
}
.iportfolio {
	position:relative;
	float:none;
	width:100%;
	margin:0;
	padding:0
}
.iportfolio .portfolio-image {
	position:relative;
	overflow:hidden
}
.iportfolio .portfolio-image, .iportfolio .portfolio-image a, .iportfolio .portfolio-image img {
	display:block;
	width:100%;
	height:auto
}
.iportfolio .portfolio-overlay {
	height:100%!important
}
#posts {
	position:relative
}
.entry {
	position:relative;
	margin:0 0 50px;
	padding:0 0 50px;
	border-bottom:2px solid #F5F5F5
}
.entry-image {
	margin-bottom:30px
}
.entry-image, .entry-image .slide a, .entry-image img, .entry-image>a {
	display:block;
	position:relative;
	width:100%;
	height:auto
}
.entry-image iframe {
	display:block
}
.entry-title h2 {
	margin:0;
	font-size:24px;
	font-weight:600
}
.entry-title h2 a:hover {
	color:#009E96
}
.entry-meta {
	margin:10px -10px -15px 0;
	list-style:none
}
.single-post .entry-meta {
	margin-bottom:20px
}
.entry-meta li {
	float:left;
	font-size:13px;
	line-height:14px;
	margin:0 10px 15px 0;
	color:#999;
	font-family:'Crete Round', serif
}
.entry-meta li:before {
	content:'/';
	display:inline-block;
	margin-right:10px;
	opacity:.5
}
.entry-meta li i {
	position:relative;
	top:1px;
	font-size:14px;
	margin-right:3px
}
.entry-meta li a {
	color:#999
}
.entry-meta li a:hover {
	color:#009E96
}
.entry-meta li:first-child:before {
	display:none
}
.entry-meta li ins {
	font-weight:600;
	text-decoration:none
}
.entry-c {
	position:relative;
	overflow:hidden
}
#posts .entry-content {
	margin-top:30px
}
.single-post .entry-content .entry-image {
	max-width:350px
}
.entry-content {
	position:relative
}
.entry-link {
	display:block;
	width:100%;
	background-color:#F5F5F5;
	padding:30px 0;
	text-align:center;
	color:#444;
	font-family:Raleway, sans-serif;
	font-size:24px;
	font-weight:700
}
.entry blockquote p, .entry-link span {
	font-weight:400;
	font-family:'Crete Round', serif;
	font-style:italic
}
body:not(.device-touch) .entry-link {
-webkit-transition:background-color .3s ease-in-out;
-o-transition:background-color .3s ease-in-out;
transition:background-color .3s ease-in-out
}
.entry-link:hover {
	color:#FFF;
	background-color:#009E96
}
.entry-link span {
	display:block;
	margin-top:5px;
	text-transform:none;
	letter-spacing:0;
	font-size:14px;
	color:#AAA
}
.entry-link:hover span {
	color:#EEE
}
.ievent .entry-image, .small-thumbs .entry-image {
	float:left;
	width:300px;
	margin:0 30px 0 0
}
.ievent .entry-image img, .small-thumbs .entry-image img {
	border-radius:0
}
.ievent .entry-c .entry-image, .small-thumbs .entry-c .entry-image {
	float:none;
	width:100%;
	margin:0 0 20px
}
.ievent .entry-c .entry-image img, .small-thumbs .entry-c .entry-image img {
	border-radius:5px
}
.ievent .entry-title h2, .small-thumbs .entry-title h2 {
	font-size:20px;
	font-weight:600
}
.small-thumbs.alt .entry-image {
	float:right;
	margin:0 0 0 30px
}
.small-thumbs.alt .entry-c .entry-image {
	float:none;
	margin:0 0 20px
}
.bothsidebar .small-thumbs .entry-image {
	width:200px;
	margin:0 25px 0 0
}
.bothsidebar .small-thumbs.alt .entry-image {
	margin:0 0 0 25px
}
.bothsidebar .small-thumbs .entry-c .entry-image {
	width:100%;
	margin:0 0 20px
}
.bothsidebar .small-thumbs .entry-title h2 {
	font-size:18px
}
.post-grid {
	margin-right:-28px
}
.post-grid .entry {
	float:left;
	width:264px;
	margin-right:28px
}
.post-grid .entry-image img {
	border-radius:0
}
.post-grid .entry-title h2 {
	font-size:17px;
	font-weight:600
}
.post-grid .entry-link {
	font-size:24px
}
.post-grid .entry-link span {
	font-size:13px
}
.post-grid.grid-3 {
	margin-right:-30px
}
.post-grid.grid-3 .entry {
	width:360px;
	margin-right:30px
}
.post-grid.grid-3 .entry-title h2 {
	font-size:18px
}
.postcontent .post-grid.grid-3 {
	margin-right:-25px
}
.postcontent .post-grid.grid-3 .entry {
	width:270px;
	margin-right:25px
}
.postcontent .post-grid.grid-3 .entry-title h2 {
	font-size:16px
}
.post-grid.grid-2 {
	margin-right:-40px
}
.post-grid.grid-2 .entry {
	width:550px;
	margin-right:40px
}
.post-grid.grid-2 .entry-title h2 {
	font-size:20px
}
.postcontent .post-grid.grid-2 .entry {
	width:410px
}
.postcontent .post-grid.grid-2 .entry-title h2 {
	font-size:18px
}
.bothsidebar .post-grid.grid-2 .entry {
	width:270px
}
.bothsidebar .post-grid.grid-2 .entry-title h2 {
	font-size:16px
}
.post-masonry .entry-image, .post-masonry .entry-image img {
	height:auto!important
}
.post-masonry-full {
	margin:-80px 0 -80px -1px!important
}
.post-masonry-full .entry {
	width:24.9%!important;
	margin:0!important;
	padding:40px 30px;
	border-bottom:1px dashed;
	border-left:1px dashed;
	border-color:#E5E5E5
}
.post-masonry-full.grid-3 .entry {
	width:33.3%!important
}
.timeline-border {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-71px;
	width:0;
	border-left:1px dashed #CCC;
	height:100%
}
.post-timeline {
	margin-right:-140px!important
}
.post-timeline .entry {
	width:500px!important;
	margin-right:140px!important
}
.entry.entry-date-section {
	width:100%!important;
	margin:50px -70px 80px;
	padding:0;
	border:0;
	text-align:center
}
.entry.entry-date-section span {
	display:inline-block;
	padding:10px 15px;
	background-color:#FFF;
	border:2px solid #EEE;
	font-size:18px;
	font-weight:700;
	letter-spacing:1px;
	text-transform:uppercase;
	font-family:Raleway, sans-serif
}
.post-timeline .entry-timeline {
	display:none;
	position:absolute;
	border:2px solid #CCC;
	background-color:#FFF;
	padding-top:0;
	text-indent:-9999px;
	top:40px;
	left:auto;
	right:-76px;
	width:13px;
	height:13px;
	border-radius:50%;
	font-size:26px;
	font-weight:700;
	color:#AAA;
	text-align:center;
	line-height:1;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.entry.entry-date-section+.entry .entry-timeline {
	top:70px
}
.post-timeline .entry-timeline div.timeline-divider {
	position:absolute;
	top:4px;
	left:-58px;
	width:50px;
	height:0;
	border-top:1px dashed #CCC;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.post-timeline .alt .entry-timeline {
	right:auto;
	left:-77px
}
.post-timeline .alt .entry-timeline div.timeline-divider {
	left:auto;
	right:-58px
}
.post-timeline .entry-timeline span {
	display:block;
	margin-top:3px;
	font-size:13px;
	font-weight:400
}
.post-timeline .entry:hover .entry-timeline, .post-timeline .entry:hover .timeline-divider {
	border-color:#009E96;
	color:#009E96
}
.postcontent .timeline-border {
	left:32px;
	margin-left:0
}
.postcontent .post-timeline {
	padding-left:100px;
	margin-right:0!important
}
.postcontent .post-timeline .entry {
	width:100%!important;
	margin-right:140px!important
}
.postcontent .post-timeline .entry-timeline {
	display:block;
	border:3px solid #CCC;
	background-color:#FFF;
	padding-top:10px;
	text-indent:0;
	top:20px;
	left:-100px;
	right:auto;
	width:64px;
	height:64px;
	font-size:24px
}
.postcontent .post-timeline .entry-timeline div.timeline-divider {
	top:29px;
	left:64px;
	width:32px
}
.overlay-icon, .spost .entry-image, .spost .entry-image a, .spost .entry-image i, .spost .entry-image img {
	width:48px;
	height:48px
}
.ipost .entry-image img {
	border-radius:0
}
.ipost .entry-title h3, .ipost .entry-title h4 {
	margin:0;
	font-size:16px;
	font-weight:600
}
.ipost .entry-content, .mpost, .spost {
	margin-top:20px
}
.ipost .entry-title h4 {
	font-size:15px
}
.ipost .entry-title h3 a:hover, .ipost .entry-title h4 a:hover {
	color:#009E96
}
.ipost .entry-meta {
	margin-right:-10px
}
.ipost .entry-meta li {
	font-size:13px;
	margin-right:10px
}
.ipost .entry-content p {
	margin-bottom:0
}
.more-link {
	display:inline-block;
	border-bottom:1px solid #009E96;
	padding:0 2px;
	font-family:'Crete Round', serif;
	font-style:italic
}
.more-link:hover {
	border-bottom-color:#555
}
.overlay-icon {
	position:absolute;
	left:auto;
	right:0;
	top:auto;
	bottom:0;
	background-color:rgba(0, 0, 0, .2);
	text-align:center
}
.overlay-icon i {
	line-height:48px;
	font-size:28px;
	color:#FFF
}
.mpost, .spost {
	padding-top:20px;
	border-top:1px dashed #E5E5E5
}
.mpost {
	margin-top:25px;
	padding-top:25px
}
.mpost:first-child, .spost:first-child {
	margin-top:0;
	padding-top:0;
	border-top:0
}
.mpost .entry-image, .spost .entry-image {
	float:left;
	margin:0 15px 0 0;
	text-align:center
}
.mpost .entry-image a i, .spost .entry-image a i {
	font-size:28px;
	line-height:48px;
	color:#666;
	background-color:#EEE
}
.mpost .entry-title h4, .spost .entry-title h4 {
	margin:0;
	font-size:14px;
	font-weight:600
}
.mpost .entry-title h4 a, .spost .entry-title h4 a {
	color:#333
}
.mpost .entry-title h4 a:hover, .spost .entry-title h4 a:hover {
	color:#009E96
}
.spost .entry-meta {
	margin:8px -10px 0 0
}
.mpost .entry-meta li, .spost .entry-meta li {
	font-size:13px;
	margin:0 10px 0 0
}
.mpost .entry-image {
	margin-right:20px
}
.mpost .entry-image, .mpost .entry-image a, .mpost .entry-image i, .mpost .entry-image img {
	width:170px;
	height:128px
}
.author-image, .author-image img {
	width:84px;
	height:84px
}
.mpost .entry-image a, .mpost .entry-image img {
	border-radius:2px
}
.mpost .entry-image a i {
	font-size:42px;
	line-height:128px
}
.mpost .entry-title h4 {
	margin:0;
	font-size:17px;
	font-weight:600
}
.mpost .entry-meta {
	margin-top:5px
}
.mpost .entry-meta li i {
	margin-right:2px
}
.mpost .entry-content {
	margin-top:15px
}
.post-navigation+.line {
	margin:40px 0 50px
}
.author-image {
	float:left;
	margin-right:15px
}
#comments {
	position:relative;
	margin-top:50px;
	padding-top:50px;
	border-top:1px solid #EEE
}
.commentlist {
	list-style:none;
	padding-bottom:50px;
	margin:0 0 50px;
	border-bottom:1px solid #EEE
}
#reviews .commentlist {
	padding-bottom:30px;
	margin:0 0 20px
}
.commentlist ul {
	list-style:none
}
.commentlist li, .commentlist li ul, .commentlist li ul li {
	margin:30px 0 0
}
.commentlist ul:first-child {
	margin-top:0
}
.commentlist li {
	position:relative;
	margin:30px 0 0 30px
}
#reviews .commentlist li {
	margin-top:20px
}
.comment-wrap {
	position:relative;
	border:1px solid #E5E5E5;
	border-radius:5px;
	padding:20px 20px 20px 35px
}
.commentlist ul .comment-wrap {
	margin-left:25px;
	padding-left:20px
}
#reviews .comment-wrap {
	border:0;
	padding:10px 0 0 35px
}
#reviews .commentlist>li:first-child, .commentlist>li:first-child {
	padding-top:0;
	margin-top:0
}
.commentlist li .children {
	margin-top:0
}
.commentlist li li .children {
	margin-left:30px
}
.commentlist li .comment-content, .pingback {
	position:relative;
	overflow:hidden
}
.commentlist li .comment-content p, .pingback p {
	margin:20px 0 0
}
.commentlist li .comment-content {
	padding:0 0 0 15px
}
.commentlist li .comment-meta {
	float:left;
	margin-right:0;
	line-height:1
}
.comment-avatar {
	position:absolute;
	top:15px;
	left:-35px;
	padding:4px;
	background:#FFF;
	border:1px solid #E5E5E5;
	border-radius:50%
}
.comment-avatar img {
	display:block;
	border-radius:50%
}
.commentlist li .children .comment-avatar {
	left:-25px
}
.comment-content .comment-author {
	margin-bottom:-10px;
	font-size:16px;
	font-weight:700;
	color:#555
}
.comment-content .comment-author a {
	border:none;
	color:#333
}
.comment-content .comment-author a:hover {
	color:#009E96
}
.comment-content .comment-author span {
	display:block
}
.comment-content .comment-author span, .comment-content .comment-author span a {
	font-size:12px;
	font-weight:400;
	font-family:'Crete Round', serif;
	font-style:italic;
	color:#AAA
}
.comment-content .comment-author span a:hover {
	color:#888
}
.comment-reply-link, .review-comment-ratings {
	display:block;
	position:absolute;
	top:4px;
	left:auto;
	text-align:center;
	right:0;
	width:14px;
	height:14px;
	color:#CCC;
	font-size:14px;
	line-height:1
}
.review-comment-ratings {
	width:auto;
	color:#333
}
.comment-reply-link:hover {
	color:#888
}
#respond, #respond form {
	margin-bottom:0
}
.commentlist li #respond {
	margin:30px 0 0
}
.commentlist li li #respond {
	margin-left:30px
}
#respond p {
	margin:10px 0 0
}
#respond p:first-child {
	margin-top:0
}
#respond label small {
	color:#999;
	font-weight:400
}
#respond input[type=text], #respond textarea {
	margin-bottom:0
}
#respond .col_full, #respond .col_one_third {
	margin-bottom:20px
}
.fb-comments, .fb-comments>span, .fb-comments>span>iframe, .fb_iframe_widget, .fb_iframe_widget>span, .fb_iframe_widget>span>iframe {
	display:block!important;
	width:100%!important;
	margin:0
}
div.alignleft, img.alignleft {
	float:left;
	margin:5px 20px 13px 0;
	max-width:100%
}
div.aligncenter>img, div.alignleft>img, div.alignnone>img, div.alignright>img {
	display:block;
	float:none
}
div.aligncenter, div.alignnone, img.aligncenter, img.alignnone {
	display:block;
	margin:10px 0;
	float:none
}
div.aligncenter, div.aligncenter img, img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	clear:both
}
div.alignright, img.alignright {
	float:right;
	margin:5px 0 13px 20px
}
.wp-caption {
	text-align:center;
	margin:10px 20px 13px;
	font-family:Lato, Georgia, "Times New Roman", Times, serif;
	font-style:italic
}
.wp-caption img, .wp-caption img a {
	display:block;
	margin:0
}
p.wp-caption-text {
	display:inline-block;
	margin:10px 0 0;
	padding:5px 10px;
	background-color:#EEE;
	border-radius:50px
}
.wp-smiley {
	max-height:13px;
	margin:0!important
}
#infscr-loading, #portfolio-ajax-loader {
	position:fixed;
	z-index:20;
	top:50%;
	left:50%;
	width:48px;
	height:48px;
	margin:-24px 0 0 -24px;
	background-color:rgba(0, 0, 0, .7);
	border-radius:3px;
	line-height:48px;
	font-size:24px;
	color:#FFF;
	text-align:center
}
.product, .product-image, .shop {
	position:relative
}
#infscr-loading img, #portfolio-ajax-loader img {
	display:none;
	width:24px;
	height:24px;
	margin:12px
}
#portfolio-ajax-loader {
	display:none
}
#portfolio-ajax-loader img {
	display:block
}
.shop {
	margin:0 -20px -20px 0
}
.shop .product {
	float:left;
	padding:0 20px 20px 0;
	width:25%
}
.product-image {
	width:100%;
	height:auto;
	overflow:hidden
}
.product-image .slide a, .product-image img, .product-image>a {
	display:block;
	width:100%;
	height:100%
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .product-image>a {
-webkit-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease
}
.product-image>a:nth-of-type(2) {
opacity:0;
position:absolute;
z-index:-1;
top:0;
left:0
}
.product-image:hover>a:nth-of-type(2) {
opacity:1;
z-index:2
}
.product-desc {
	padding:15px 0;
	font-size:14px
}
.product-title {
	margin-bottom:7px
}
.product-title h3 {
	margin:0;
	font-size:20px
}
.product-title h3 a, .single-product .product-title h2 a {
	color:#333
}
.product-title h3 a:hover, .single-product .product-title h2 a:hover {
	color:#009E96
}
.product-price {
	font-size:18px;
	font-weight:600;
	color:#444;
	margin-bottom:4px
}
.product-price del {
	font-weight:400;
	font-size:90%;
	color:#888
}
.product-price ins {
	text-decoration:none;
	color:#009E96
}
.product-overlay {
	position:absolute;
	width:100%;
	height:44px;
	line-height:44px;
	top:auto;
	bottom:-44px;
	left:0;
	z-index:6
}
body:not(.device-touch):not(.device-xs):not(.device-xxs) .product-overlay {
-webkit-transition:bottom .3s ease-in-out;
-o-transition:bottom .3s ease-in-out;
transition:bottom .3s ease-in-out
}
.product:hover .product-overlay {
	bottom:0
}
.product-overlay a {
	display:block;
	float:left;
	width:50%;
	font-size:13px;
	color:#333;
	background-color:#F5F5F5;
	text-align:center;
	border-right:1px solid rgba(0, 0, 0, .1)
}


/* ----------------------------------------------------------------
	END
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Top Search
-----------------------------------------------------------------*/
#top-search, #top-cart, #side-panel-trigger, #top-account,#sitemap {
	float: right;
	margin: 40px 0 40px 15px;
}
#top-cart {
	position: relative;
}
#top-search a, #top-cart a, #side-panel-trigger a, #top-account a,#sitemap a {
	display: block;
	position: relative;
	width: 14px;
	height: 14px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #333;
	-webkit-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}
#top-search a {
	z-index: 11;
}
#top-search a i {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
body.top-search-open #top-search a i.icon-search3, #top-search a i.icon-line-cross {
	opacity: 0;
}
body.top-search-open #top-search a .icon-search3, #top-search a .icon-line-cross {
	opacity: 0;
	display: none;
}
body.top-search-open #top-search a i.icon-line-cross {
	opacity: 1;
	z-index: 11;
	font-size: 16px;
}
body.top-search-open #top-search a .icon-line-cross {
	opacity: 1;
	z-index: 11;
	display: block;
}
#top-cart a:hover {
	color: #009E96;
}
#top-search .search {
	opacity: 0;
	z-index: -2;
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	padding: 0 15px;
	margin: 0;
	top: 0;
	left: 0;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}
body.top-search-open #top-search .search {
	opacity: 1;
	z-index: 10;
}
#top-search .search input {
	box-shadow: none !important;
	pointer-events: none;
	border-radius: 0;
	border: 0;
	outline: 0 !important;
	font-size: 32px;
	padding: 10px 80px 10px 0;
	height: 100%;
	background-color: transparent;
	color: #333;
	font-weight: 700;
	margin-top: 0 !important;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 2px;
}
body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.full-header #top-search .search input {
	padding-left: 40px;
}
body:not(.device-sm):not(.device-xs):not(.device-xxs) .container-fullwidth #top-search .search input {
	padding-left: 60px;
}
body.top-search-open #top-search .search input {
	pointer-events: auto;
}
body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) #top-search .search input {
	border-bottom: 2px solid rgba(0,0,0,0.1);
}
#top-search .search input::-moz-placeholder {
 color: #555;
 opacity: 1;
 text-transform: uppercase;
}
#top-search .search input:-ms-input-placeholder {
 color: #555;
 text-transform: uppercase;
}
#top-search .search input::-webkit-input-placeholder {
 color: #555;
 text-transform: uppercase;
}
#top_search_input {
	width: 50%;
	float: right;
}
#primary-menu .container #top-search .search input, .sticky-header #top-search .search input {
	border: none !important;
}
#top-cart.top-cart-open .top-cart-content {
	opacity: 1;
	z-index: 11;
	margin-top: 0;
}
#top-cart .top-cart-content {
	width: 80px;
}
#top-cart .top-cart-content {
	opacity: 0;
	z-index: -2;
	position: absolute;
	width: 80px;
	background-color: #FFF;
	box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05);
	border: 1px solid #EEE;
	border-top: 2px solid #009E96;
	top: 60px;
	right: -15px;
	left: auto;
	margin: -10000px 0 0;
	-webkit-transition: opacity .5s ease, top .4s ease;
	-o-transition: opacity .5s ease, top .4s ease;
	transition: opacity .5s ease, top .4s ease;
}
.top-cart-items {
	padding: 15px;
}
.top-cart-item {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #F5F5F5;
}
.top-cart-item:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: 0;
}
.top-cart-item-desc {
	position: relative;
	overflow: hidden;
}
.top-cart-item-desc a {
	text-align: left !important;
	font-size: 13px !important;
	width: auto !important;
	height: auto !important;
	font-weight: 600;
	letter-spacing: 0;
}
/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/
#footer {
	position: relative;
	background-color: #EEE;
	border-top: 5px solid rgba(0,0,0,0.2);
}
#footer .togglet:hover,#mainfooter a:hover,#copyrights div a:hover{color: #64D2C8;}
#footer .togglet *:before,#footer .togglec *:before {
    position: absolute;
    margin-left: -25px;
    /*margin-top: 5px;*/
}

#footer .icon-line-minus:before { margin-left: -20px;margin-top: -5px;}
#footer .togglec ul a:before {
  content: url(../images/icon/arrow.png);
}
#copyrights div a:before {
  content:"►"!important;
  
}
#footer .togglet{
	color: #fff;
    font-size: 120%;
    font-weight: bolder;
    letter-spacing: 2px;
}
#footer .toggle li:after {
    content: "";
    display: block;
    width: 120%;
    border-bottom: 1px solid rgba(224, 224, 224, 0.25);
    margin-left: -18%;
    max-width: 1157px;
    overflow: hidden;}
address {
   text-align: center;
    margin: 10px 0 0 0;
    color: #fff;
    font-size: 110%;
}
address a { font-size:100%; color:#fff;}
#footer .togglet:after {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(224, 224, 224, 0.25);
    margin-left: 0%;
    max-width: 1157px;
    overflow: hidden;}
#footer .togglet:after { padding-bottom:10px;}
.togglec ul a {color: #fff; font-size: 90%;}

#mainfooter a {
	color: #fff;
}
.togglec ul a:hover {
	color: #999;
}
#footer .togglec ul a:hover {
	color: #64D2C8;
}
#footer.dark, .dark #footer {
	background-color: rgb(119, 118, 118);
	color: #CCC;
	border-top-color: rgba(0,0,0,0.2);
}
#footer .footer-widgets-wrap {
	position: relative;
	padding: 7em 0 0 0;
}
#copyrights {
	background-color: rgba(0,0,0,0.2);
	color: rgba(255,255,255,0.25);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	padding: 15px 0;
}
#copyrights div a {
font-size: 110%; display:inline-block;color: #ffffff;
    margin: 0 5px;
}
#copyrights a:first-child {
	margin-left: 0;
}
/* ----------------------------------------------------------------
	Toggle
-----------------------------------------------------------------*/

.toggle {
	display: block;
	position: relative;
	margin: 0 0 5em 0;
	letter-spacing: 0;
}
.toggle .togglet, .toggle .toggleta {
	display: block;
	position: relative;
	margin: 0;
	color: #444;
	cursor: pointer;
}

.toggle .togglet i {
	position: absolute;
	top: 10%;
	width: 30px;
	text-align: center;
	font-size: 25px;
	line-height: 24px;
}
.toggle .toggleta {
	font-weight: bold;
}
.toggle i {
	display: none;
}
.toggle .togglec {
	position: relative;
    padding: 10px 0 0 30px;
    line-height: 35px;
}
#mainfooter .toggle-border {margin-bottom: 0.35em;}
.vistit_menu .toggle .togglet,.vistit_menu .toggle .toggleta {
    color: #fff;
    font-size: 200%;
    padding: 5px 20px;
    font-weight: lighter;
}
.vistit_menu_2 .toggle .togglet,.vistit_menu_2 .toggle .toggleta {
    font-size: 150%;
    font-weight: lighter;
	padding: 5px 20px;
}
@media (min-width:992px) {
.toggle {display: block;position: relative;margin: 0 0 1px 0;letter-spacing: 0; min-height: 300px; float: left;}
.vistit_menu .toggle { min-height:inherit;}
.vistit_menu .togglet { display:none;}
.vistit_menu .toggle .togglec { padding:0;}
.vistit_menu_2 .toggle { min-height:inherit;}
.vistit_menu_2 .togglet { display:none;}
.vistit_menu_2 .toggle .togglec { padding:0;}
}
/* ----------------------------------------------------------------
	27. Go To Top
-----------------------------------------------------------------*/

#gotoTop {
	display: none;
	z-index: 299;
	position: fixed;
	width: 40px;
	height: 40px;
	background-color: #333;
	background-color: rgba(0,0,0,0.3);
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	top: auto;
	left: auto;
	right: 30px;
	bottom: 50px;
	cursor: pointer;
	border-radius: 2px;
}
body:not(.device-touch) #gotoTop {
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
}
.tab_smallmax { max-width:1000px; margin:0 auto;}
.stretched #gotoTop { bottom: 30px; }
.position_main {position: relative;}
.position_left {position: absolute;left: 0; top: 30px;}
#gotoTop:hover { background-color: #009E96; }
.law_bottom span{ display:inline-block; }
/* ----------------------------------------------------------------
	NEWS
-----------------------------------------------------------------*/

.hoverbox {
	padding: 0;
	margin-left: 1.5em;
	width: 98%;
}
.line {
	position: relative;
}
.line:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 3px;
	background: #c4c4d0;
	left: 45px;
}
.mobile_date {
	position: relative;
}
.scroltit .updown {
	float: left;
	width: 33px;
	height: 48px;
	margin-left: 50px;
}
#but_up {
	background: url(../images/index/up.png) no-repeat 0 0;
	text-indent: -9999px;
}
#but_down {
	background: url(../images/index/down.png) no-repeat 0 0;
	text-indent: -9999px;
}
.mask { position: absolute;
    top: 80%;
    left: 20%;
    font-size: 140%;
    color: white;
    font-weight: bold;}
.human {top: calc(35% - 10px);left: calc(50% - 400px)!important; max-width: 800px;text-align: center;text-shadow: 2px 2px #434a54;background: rgba(0, 0, 0, 0.04);}
.index .human {top: calc(40% - 10px)}
.human .h1 { font-size:300%; color:#fff;text-align: center;text-shadow: 2px 2px #434a54;}
.human .h1:after {
    border-bottom: 0px solid hsl(0, 0%, 83%);

}
.human span {text-align: left;display: block;}
.header_contact {
	background-color: #fff;
    border: #bf9c5a 5px solid;
    text-align: center;
    width: 88px;
    margin-top: 10px;
    height: 88px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 5;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 2%;
}
.header_contact .content {
	display: block;
}
.header_contact .content p {
    font-size: 14px!important;
    line-height: 0px;
    margin: 18px 0 10px 0;
    color: #9f9f9f;
	text-align: center;
}
.header_contact .content font {
    font-size: 18px!important;
    line-height: 0px;
    margin: 10px 0 0 0;
    display: block;
    color: #9f9f9f;
}
.header_contact .content .date {
    font-size: 14px!important;
    font-weight: bolder;
    white-space: nowrap;
}
.panel-group{
	max-height: 800px;
	overflow: hidden;
	margin-bottom: 0;
	overflow:hidden;
	overflow-y:auto;
   -webkit-overflow-scrolling: touch;
}
.index_new .panel-group, .othernews,.scrollstyle {max-height: 568px;
	overflow: hidden;
	margin-bottom: 0;
	overflow:hidden;
	overflow-y:auto;
   -webkit-overflow-scrolling: touch;}
.nopadding { padding-left:0;padding-right: 5px;}
.panel-group .panel {
	border: 0px;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	padding: 0;
}
.panel-group .row {
    margin: 0;
    padding: 0em 0 1em 0;
    min-height: 100px;
}
.panel-group a {
	color: #878988;
	text-decoration: none;
	display: block;
}
.panel-group a:focus, .panel-group a:active, .panel-group a:hover {
	color: #009E96;
	background: #bf9c5a;
}
.panel-group a:focus > .news_text, .panel-group a:active > .news_text, .panel-group a:hover > .news_text {
	color: #FFF;
	/*border-left: 5px solid #009d96;*/
}
.panel-body {
	background: #bf9c5a;
}
.news_text {
	font-size: 120%;
   /*border-left: 5px solid;*/
    margin-top: 10px;
    min-height: 80px;
   
}
.othernews .news_text {font-size: 120%;/*border-left: 5px solid;*/margin-top: 10px; min-height: 80px;line-height: 100%; }
/* ----------------------------------------------------------------
	Morepoint
-----------------------------------------------------------------*/
.moreword { text-align:center; color:#000; font-weight:bold;}
.entry-meta {
    margin: 10px -10px -15px 0;
	margin-right: -10px;
    list-style: none;
	margin-left: calc(50% - 90px)
}
.entry-meta li {
	float: left;
    font-size: 80%;
    line-height: 14px;
    margin: 0 10px 15px 0;
    color: #878888;
}
.entry-meta li i {
    position: relative;
    top: 1px;
    font-size: 14px;
    margin-right: 3px;
}
.entry-meta li:first-child:before { display: none; }
.entry-meta li:before {
    content: '/';
    display: inline-block;
    margin-right: 10px;
    opacity: 0.5;
}
.entry-image, .entry-image > a, .entry-image .slide a, .entry-image img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}
/* ----------------------------------------------------------------
	issues main
-----------------------------------------------------------------*/
.visit h1 {padding-bottom: 0;margin-bottom: 0;}
.mainimg {padding-top: 15%;display: block;}

.clocks {position: relative;overflow:hidden;}
.clocks .header_contact { border: #9E9F9F 5px solid;}
.clocks .date {color: #9f9f9f;}
.clocks .header_contact { margin-left: 0; position: relative; left: 0%;background:#fff;}
.vistit_menu { background:#009E96; position:relative;margin: 0;clear: both;}
.vistit_menu_2 {background:#f1f0f0;position:relative;margin: 0;clear: both;}
.vistit_menu ul,.vistit_menu_2 ul{margin: 0 auto;}
.content_issues {padding: 0 0 5% 0;clear: both;}
.vistit_menu li,.vistit_menu_2 li{ display: inline-block; margin:auto;margin: 4px;}
.vistit_menu li a { padding: 5px 10px;color: #fff;border-radius: 20px;font-size: 120%; white-space: nowrap; font-weight:bolder;} 
.vistit_menu_2 li a { padding: 5px 40px;color:#585252;font-size: 120%;margin: 2%; white-space: nowrap; font-weight:bolder;} 
.vistit_menu li a:hover,.vistit_menu li .ative{ background:#fff;border-radius: 20px; color:#009E96;}
.vistit_menu_2 li a:hover,.vistit_menu li .ative,.vistit_menu_2 .ative{ color:#009E96;}
.onlycolor { color:#4C4948;}
.levelline{ position: absolute;border-bottom: 1px dashed #999; height: 1px; width: 10000px;top: 50%;z-index: 0; left: 80px;}
.nocontent .levelline {width: 0px;}
.verticalline {position: absolute; border-left: 1px dashed #999; width: 1px;height: 10000px;z-index: 0;left: 75px;}
.clocks_line { overflow:hidden;}
.clocks_line a { color:#4C4948}
.clocks .onlycolor {padding-left: 3.1%;}
.clocks a:hover > .clocks h4 { color:#009E96;}
.clocks a:hover > .clocks_line .header_contact {border: #158a81 5px solid;}
.clocks a:hover > .clocks_line .header_contact .date { color:#158a81;}
.clocks_img img { margin-left: 0;max-height: 225px;}
.issues_img img { width:100%; max-width:500px; min-height:200px;}
.left-boderline {border-left: #9FA0A0 5px solid; margin: 1em 0 3em 0;}
.left-boderline h4,.left-boderline p { margin:0;}
.left-boderline p { margin-left:20px;}
.blank { display: block;clear: both;padding: 1em 0;}
.notop { padding:0;}
.goldencolor h4,.inline { display:inline-block}
.haved { color:#9FA0A0;}
.issues_say { margin-top: 5%;}
.issues_word { padding: 1% 2%;max-width: 500px; margin: 0 auto;}
.issues_word h4{ color:#595757;}
.issues_about {border-top: #e5e6e6 1px solid;margin-top: 5%;}
.about .abgne-frame {margin: 1em 0.5em;}
.president_bg {background: #fff url(../images/index/presidential_palace.jpg) no-repeat;}
.visit_tab  >.Write_president { text-align:center;}
.visit_tab th { color:#fff; font-size:120%;}
.write_title2  {background:#9fa0a0;}
.map { background:none;margin: 5% 0;}
.img_usually { float:right; padding:2%}
.form-horizontal .control-label {
    max-width: 218px;
	position: relative;
}
.something_say {background: url(../images/icon/service_icon08.jpg) center center no-repeat;background-color: #009d96;}
.form-control2 {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.top_bar_main { float: right;margin: 10px 0 0 0;}
.top_bar_group { float:left;}
.top_bar0,.top_bar1,.top_bar2{display: inline-block;margin: 0 5px;}
.top_bar {display: inline-block;margin: 5px 0;vertical-align: middle;}
.main_photo { width:75%;}

.revo-slider-emphasis-text {
	font-size: 48px;
	font-weight: 700;
	letter-spacing: -1px;
	font-family: 'Microsoft JhengHei', sans-serif;
	padding: 15px 20px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}
.revo-slider-desc-text {
	font-size: 20px;
	font-weight: 700;
	font-family: 'Microsoft JhengHei', sans-serif;
	width: 650px;
	text-align: center;
	line-height: 1.5;
	color: #EEE;
}
.revo-slider-caps-text {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 3px;
	font-family: 'Microsoft JhengHei', sans-serif;
}
.tp-video-play-button {
	display: none !important;
}
.tp-caption {
	white-space: nowrap;
}
.tp-simpleresponsive img {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
body:not(.side-header) .slider-parallax .slider-parallax-inner {
	left: 0;
}
.slider-parallax, .slider-parallax .swiper-container {
	visibility: visible;
	-webkit-backface-visibility: hidden;
}
#slider {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.slider-parallax .slider-parallax-inner {
	position: fixed;
	width: 100%;
	height: 100%;
}
.slider-parallax .slider-parallax-inner, .slider-parallax .slider-caption, .slider-parallax .ei-title {
	will-change: transform;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: transform 0s linear;
	-webkit-backface-visibility: hidden;
}
.overlay span {
/*	font-size: 300%;  bottom: inherit;
	background:rgba(0,0,0,0.1);*/
}
.golden span {
	top: 0.4em;
	right: 5%;
	left: inherit;
	background:rgba(0,0,0,0.1);
}
.red span, .org span {
	bottom: 5%;
	right: 5%;
	left: inherit;
	background:rgba(0,0,0,0.1);
}
.iconall li a {
   float: left;
    width: 180px;
    height: 180px;
    background-size: cover;
    background-position: 0px;
    border-radius: 50%;
    z-index: 10;
    color: #FFF;
    text-decoration: none;
    box-sizing: border-box;
    line-height: 270px;
    font-size: 20px;
    font-size: 1.8vh;
    text-align: center;
    letter-spacing: 0px;
    transition: all 0.3s;
    white-space: nowrap;
    margin: 5% 0;
}
.line_go {background: url(../images/icon/service_icon01.jpg) center center no-repeat;background-color: #009d96;}
.qa {background: url(../images/icon/service_icon02.jpg) center center no-repeat;background-color: #be9c59;}
.write_to {background: url(../images/icon/service_icon03.jpg) center center no-repeat;background-color: #009d96;}
.visit_icon {background: url(../images/icon/service_icon04.jpg) center center no-repeat;background-color: #be9c59;}
.paper {background: url(../images/icon/service_icon05.jpg) center center no-repeat;background-color: #009d96;}
.announcement {background: url(../images/icon/service_icon06.jpg) center center no-repeat;background-color: #be9c59;}
.index_style .container{width: 85%;max-width: 1700px;}
/*issues custom*/
.visit_begin { padding:1%; }
.list_members { font-size: 150%;padding: 0 5%; line-height: 180%;}
.human_rights .overlay span {}
/*.btn-outline-boder { background-color: hsla(0, 0%, 35%, 0.5);padding: 2.5%;}*/
.hoverbox { margin-left: 0;}
.scroltit .updown { margin-left: 30px;}
.header_contact {
    border: #9E9F9F 5px solid;
}
.panel-group a:focus, .panel-group a:active, .panel-group a:hover {
	color: #009E96;
	background: #F2F2F3;
}
.panel-group a:focus .header_contact, .panel-group a:active .header_contact, .panel-group a:hover .header_contact {
	border: #009E96 5px solid!important;}
.panel-group a:focus div, .panel-group a:active  div, .panel-group a:hover  div { color:#009E96!important;}
.panel-body {
    background: #F2F2F3;
	border-bottom: 5px solid #009E96;
}	

/*end*/
/* news css */
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.grid {
	list-style: none;
	margin: 30px auto;
	padding: 0;
}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
	clear:both;
}
.clearfix:after {
	clear: both;
}
/* Header Style */
.container > header {
	margin: 0 auto;
	padding: 2em;
}
.grid li {
	display: block;
	float: left;
	padding: 7px;
	width: 33%;
	opacity: 0;
    min-height: 630px!important;
}
.clocks li.shown, .no-js .clocks li, .no-cssanimations .grid li {
	opacity: 1;
}
.gridstyle .clocks li a {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
    color: #9e9f9f;
}

.grid li span img,.grid span img { padding-top:5%;}
.grid2 li span img,.grid2 span img { padding-top:5%;}
.gridstyle .clocks li a:hover,#grid li:hover {
	color: #158e87;
	background-color: #ebebed;
}

#item {padding: 5%;}
#item .portfolio-image {margin: 5% 0;}
/*#news_title {display:inline-block;float:right;margin-top: 6%;}*/
#news_title {
    /* display: block; */
    /* float: right; */
    position: absolute;
    margin-top: 6%;
    right: 18px;
    top: 25px;
}

#news_title span { display:block;padding: 10% 1%;white-space:nowrap;}
#news_title span:after {
    content: '';
    display: block;
    border-bottom: 2px solid hsl(180, 1%, 62%);
    padding-bottom: 3px;
    margin-bottom: 0px;
}
.photo >#news_title,.photo_main h5{ display:none;}
.clocks .news_date .header_contact { float:left;}
.opening { width:calc(100% - 80px); display:inline-block;}
#item h4 { color:#595758;}
#grid li a:hover > #item h4,#grid li:hover > #item h4  { color:#158a81;}
#grid li a:hover > #item .header_contact,#grid li:hover > #item .header_contact {border: #158a81 5px solid;}
#grid li a:hover > #item .header_contact .date,#grid li:hover > #item .header_contact .date { color:#158a81;}
#grid li a:hover #news_title >  span:after,#grid li:hover #news_title >  span:after  { content: ''; border-bottom: 2px solid hsl(177, 100%, 31%);}
/* Effect 1: opacity */
.grid.effect li.animate {
	-webkit-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}
 @-webkit-keyframes fadeIn {
 0% {
}
 100% {
opacity: 1;
}
}
 @keyframes fadeIn {
 0% {
}
 100% {
opacity: 1;
}
}

#item .text {
	color: #000;
}
.photo_main .photo::after {
	content: "";
	position: absolute;
	border: 1px #9f9f9f;
	border-style: dashed;
	top: 13%;
	right: 100%;
	left: 25%;
	width: 58%;
	left: 25%\0/;
	width: 50%\0/;
	z-index: 0;
}
.movie_main .photo::after {width: 70%;}

#photo_number {
	position: absolute;
	right: 20px;
	top: 60px;
}
.movie_main .movie_style #photo_number { display:none;}
#photo_number img {
	display: inline-block;
	z-index: 5;
	padding: 0;
}
#photo_number span {
	text-align: right;
}
.img-responsive iframe {width: 100%;}
#item .img-responsive iframe {margin: 5% 0 1% 0;}
.accesskey {position: absolute;z-index: 1000000;}
.u { left: 10px;top: -40px;color: #fff;}
.c,.r {color: #fff;}
.index_style .c { color: #222126;}
.bigfont,.font,.smallfont { padding-top:5px;}

/* highlight.css */
div.search span,
div.search input[name="keyword"] {display: block;}
div.search input[name="keyword"] { margin-top: 4px;}
.mark, mark { padding: .2em;background-color: #ff0;}
#top-social li:focus,#primary-menu ul > li:focus,#top-search a:focus,#top-cart a:focus,.breadcrumb a:focus,.h1_icon ul li a:focus {background-color: #ff0;}
/* end */
@media screen and (max-width: 850px) {.grid li {width: 50%;}}
@media screen and (max-width: 480px) {.grid li {width: 100%;}}
/*end*/
/*7-1*/
.write_title { background:#009E96;}
.write_title  span {font-size: 180%;
    padding: 1% 2%;
    color: #fff;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.Write_president h4 { color:#9E7D48;}
.Write_president p { text-justify:inter-ideograph;}
.sign { font-weight:bolder; font-size:130%; text-align:right;}
/*.write-events {display: inline-block; width:100%;padding-bottom: 5%;}*/
.write_start {padding-top: 2em;}
.form-horizontal {font-size: 140%;}
.form-inline input,.inlie {display: inline-block;}
.content-word {font-size:70%}
#captcha {width: 30%;}
#music {background: none;}
.send li {margin-left: calc(50% - 120px)!important;width: 12rem;height: 12rem;}
.send li a{font-size: 80%;padding-top: 30%; line-height: 140%;}
.send li a:after {border-bottom:none;}
.send li a img {max-width: 80%;}
.search_w{ max-width: 50%;margin-left: auto!important; margin-right: auto!important;}
.search_w .control-label {text-align: left!important;}
.result {background-color:#EEEEEE;margin-bottom: 0px;}
.reply_begin a{ font-size:100%!important;}
.reply input {width: 80%;}
.reply_begin { padding:5% 0;}
.main_reply { background:#fff;}
.main_reply td { border-top:0!important;}
.main_reply td font span {margin: 0 auto;}
.spec_number {font-size: 120%;}
.spec_number dt{width: inherit;line-height: 200%; font-weight:lighter;}
.spec_number dd{line-height: 200%;}
.embed-responsive { clear: both;}
/*end*/
@media (min-width: 992px) {
/* effect css */
.index_style .abgne-frame {
	float: left;
	position: relative;
	overflow: hidden;
	text-align: center;
	overflow: hidden;
}
.index_style .abgne-frame.effect img {
	transition: 0.5s;
}
.index_style .abgne-frame.effect:hover img {
	transform: scale(1.1);
}
.index_style .container{ width:100%;}

}
@media (min-width: 1115px) and (max-width:1240px) {
.iconall li a {
    width: 150px;
    height: 150px;
    line-height: 230px;
}
}
@media (min-width: 992px) and (max-width: 1115px) {
.iconall li a {width: 140px;height: 140px;line-height: 210px;font-size: 15px;}
}
@media (max-width: 810px) {
.iconall li a {width: 140px;height: 140px;line-height: 210px;font-size: 15px;}
}
@media (min-width:992px) {
.widget {padding-left: 10%;padding-right: 10%;} 
}
@media (max-width: 810px) {
.iconall li a {width: 140px;height: 140px;line-height: 210px;}
}
@media (min-width:481px) {.container{position: relative;} .spec_number dd{margin-left: 35px;}}

/* tableRWD css */
.rwd-table tr:nth-of-type(2n){background: #eee;}
.rwd-table th,.rwd-table td {margin: 0.5em 1em;}
.rwd-table td {display: block;}
.rwd-table td:before {content: attr(data-th);font-weight: bold;padding-right: 10px;display: block;}
.rwd-table th, .rwd-table td:before {font-weight: bold;}
@media (min-width: 480px) {
.rwd-table td:before {display: none;}
.rwd-table th, .rwd-table td {display: table-cell;padding: 0.25em 0.5em;}
.rwd-table th, .rwd-table td:before {font-weight: bold;}
.president_tab .table>tbody>tr>td, .president_tab .table>thead>tr>th, .president_tab .table>tfoot>tr>td, .president_tab .table>tfoot>tr>th, .president_tab .table>thead>tr>td, .president_tab .president_tab .table>thead>tr>th, .meeting .table>tbody>tr>td, .meeting .table>thead>tr>th, .meeting .table>tfoot>tr>td, .meeting .table>tfoot>tr>th, .meeting .table>thead>tr>td, .meeting .meeting .table>thead>tr>th{border-right: 1px solid #ddd;}
/*.rwd-table th:first-child,.rwd-table td:first-child {padding-left: 0;}
.rwd-table th:last-child,.rwd-table td:last-child {padding-right: 0;}*/
}
@media (max-width: 480px) {
.rwd-table td:before {color: #009E96;}
.rwd-table th {display: none!important;}
.rwd-table th, .rwd-table td {text-align: left!important;}
}