/**
 * PgwSlideshow - Version 2.0
 *
 * Copyright 2014, Jonathan M. Piat
 * http://pgwjs.com - http://pagawa.com
 *
 * Released under the GNU GPLv3 license - http://opensource.org/licenses/gpl-3.0
 */
 
.pgwSlideshow {
	width: 60%;
	background: #333;
	display: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.pgwSlideshow a{
    color: #fff;
}

.pgwSlideshow .ps-current {
    text-align: center;
    position: relative;
    min-height: 150px;
    overflow: hidden;
}

.pgwSlideshow .ps-current > ul  > li {
    text-align: center;
    width: 100%;
    z-index: 1;
    opacity: 0;
    display: block;
}

.pgwSlideshow .ps-current > ul  > li img {
    display: block;
    width: 100%;
    margin: auto;
}

.pgwSlideshow .ps-caption {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    text-align: left;
    font-size: 15px;
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 10px;
    display: none;
}

.pgwSlideshow .ps-caption span {
    padding: 7px;
    display: inline-block;
}

.pgwSlideshow .ps-list {
    background: #757575;
    overflow: hidden;
    position: relative;
}
.ps-current ul {
	margin-left: -40px!important;
}
.pgwSlideshow .ps-list ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    left: 0;
}
.pgwSlideshow .ps-list li {
    float: left;
}
.pgwSlideshow .ps-list li .ps-item {
    display: block;
    margin: 15px 8px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.pgwSlideshow .ps-list li img {
    display: block;
    border: 1px solid #777;
    width: 80px;
    height: auto;
}
.pgwSlideshow .ps-list li .ps-item.ps-selected {
    float: left;
    opacity: 1;
    border: 4px solid #fff;
    overflow: hidden;
}
.pgwSlideshow .ps-list li .ps-item.ps-selected img {
    margin: -4px;
}
.pgwSlideshow .ps-prevIcon {
    border-color:transparent #fff transparent;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    display: block;
}

.pgwSlideshow .ps-nextIcon {
    border-color:transparent #fff transparent;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    display: block;
}

.pgwSlideshow .ps-current .ps-prev {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    position: absolute;
    padding: 15px 20px;
    left: 0;
    top: 45%;
    cursor: pointer;
}

.pgwSlideshow .ps-current .ps-next {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    position: absolute;
    padding: 15px 20px;
    right: 0;
    top: 45%;
    cursor: pointer;
}

.pgwSlideshow .ps-list .ps-prev {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";
    padding: 15px 20px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 1000;
    display: none;
}

.pgwSlideshow .ps-list .ps-next {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";
    padding: 15px 20px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 1000;
    display: none;
}

/*
 * The media-queries are not used because IE8 doesn't support them.
 */
.pgwSlideshow.narrow .ps-list li img {
    width: 60px;
    height: auto;
}

.pgwSlideshow.narrow .ps-current .ps-prev {
    padding: 15px;
    top: 40%;
}

.pgwSlideshow.narrow .ps-current .ps-next {
    padding: 15px;
    top: 40%;
}

.pgwSlideshow.narrow .ps-list .ps-prev {
    padding: 10px 15px;
}

.pgwSlideshow.narrow .ps-list .ps-next {
    padding: 10px 15px;
}

.pgwSlideshow.narrow .ps-caption {
    padding: 8px;
}
@media(min-width:767px) {
	.pgwSlideshow {width: 100%;}
}	
@media screen and (max-width:680px){
	.pgwSlideshow {width: 100%;}
	.pgwSlideshow .ps-caption {font-size: 16px;}

}

@charset "utf-8";
/* CSS Document */
/*slidershow*/

.slider-hr .sliderContent .slider-item-group.active, .article-header ul.slider li.active {
	left: 0;
	z-index: 1;
}
.slider-hr .sliderContent .slider-item-group.ltr_in, .article-header ul.slider li.ltr_in {
	left: 0;
	-webkit-animation: slide1_ltr_in .8s linear 1 both;
	-moz-animation: slide1_ltr_in .8s linear 1 both;
	-ms-animation: slide1_ltr_in .8s linear 1 both;
	-o-animation: slide1_ltr_in .8s linear 1 both;
	animation: slide1_ltr_in .8s linear 1 both;
}
.slider-hr .sliderContent .slider-item-group.ltr_out, .article-header ul.slider li.ltr_out {
	left: 100%;
	-webkit-animation: slide1_ltr_out .8s linear 1 both;
	-moz-animation: slide1_ltr_out .8s linear 1 both;
	-ms-animation: slide1_ltr_out .8s linear 1 both;
	-o-animation: slide1_ltr_out .8s linear 1 both;
	animation: slide1_ltr_out .8s linear 1 both;
}
.slider-hr .sliderContent .slider-item-group.rtl_in, .article-header ul.slider li.rtl_in {
	left: 0;
	-webkit-animation: slide1_rtl_in .8s linear 1 both;
	-moz-animation: slide1_rtl_in .8s linear 1 both;
	-ms-animation: slide1_rtl_in .8s linear 1 both;
	-o-animation: slide1_rtl_in .8s linear 1 both;
	animation: slide1_rtl_in .8s linear 1 both;
}
.slider-hr .sliderContent .slider-item-group.rtl_out, .article-header ul.slider li.rtl_out {
	left: 100%;
	-webkit-animation: slide1_rtl_out .8s linear 1 both;
	-moz-animation: slide1_rtl_out .8s linear 1 both;
	-ms-animation: slide1_rtl_out .8s linear 1 both;
	-o-animation: slide1_rtl_out .8s linear 1 both;
	animation: slide1_rtl_out .8s linear 1 both;
}
@-webkit-keyframes slide1_ltr_in {
	  /*0%{left: -900px;}*/
	  0% {
left: -100%;
}
 100% {
left: 0;
}
}
@-webkit-keyframes slide1_rtl_in {
	  /*0%{left: 900px;}*/
	  0% {
left: 100%;
}
 100% {
left: 0;
}
}
@-webkit-keyframes slide1_ltr_out {
 0% {
left: 0;
}
	/*100%{left: 900px;}*/
	100% {
left: 100%;
}
}
@-webkit-keyframes slide1_rtl_out {
 0% {
left: 0;
}
	/*100%{left: -900px;}*/
	100% {
left: -100%;
}
}
.slider-hr .sliderContent .slider-item-group li {
	float: left;
	display: block;
	width: 300px;
	box-sizing: border-box;
	padding: 0 20px;
}
.slider-hr .sliderContent .slider-item-group li + li {
	border-left: 1px solid #e3e3e3;
}
.slider-hr .sliderContent .slider-item-group li .pic {
	float: left;
	vertical-align: middle;
	width: 80px;
}
.slider-hr .sliderContent .slider-item-group li .pic img {
	width: 100%;
	height: auto;
}
.slider-hr .sliderContent .slider-item-group li .pic img {
	vertical-align: middle;
}
.slider-hr .sliderContent .slider-item-group .txt {
	float: none;
	display: inline-block;
	padding-left: 10px;
	padding-top: 4px;
	width: 178px;
	box-sizing: border-box;
	line-height: 1.5;
}
.slider-hr .sliderContent a {
	font-size: 15px;
	color: #373737;
}
.article-header {
	position: relative;
}
.article-header ul.slider {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 61.99999%;
	margin-top: 20px;
}
.article-header ul.slider img {
	width: 100%;
	height: auto;
}
.article-header ul.slider li {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 100%;
	top: 0;
	transition: .3s;
}
.article-header ul.slider li.active {
	left: 0;
}
.article-header ul.slider p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	padding: 20px 20px;
	background-color: rgba(255,255,255,.8);
}
.article-header a.prev, .article-header a.next {
	display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	z-index: 10;
	top: 0;
	bottom: 0;
	margin: 40% 0 0 0;
	overflow: hidden;
	font-size: 0;
	z-index: 10;
	cursor: pointer;
	transition: .5s;
}
.article-header a.prev {
	left: 0;
	background: hsla(214, 4%, 39%, .8) url(http://www.cw.com.tw/assets_new/img/prev-arrow.gif) no-repeat 12px center;
}
.article-header a.next {
	right: 0;
	background: hsla(214, 4%, 39%, .8) url(http://www.cw.com.tw/assets_new/img/next-arrow.gif) no-repeat 15px center;
}
.article-header .prev:hover {
	background: #ffc601 url(http://www.cw.com.tw/assets_new/img/prev-arrow.gif) no-repeat 4px center;
}
.article-header .next:hover {
	background: #ffc601 url(http://www.cw.com.tw/assets_new/img/next-arrow.gif) no-repeat 23px center;
}
section.article .pic {
	position: relative;
	overflow: hidden;
}
.article-story-page aside {
	padding-top: 20px;
}
.slider, .sliderArticle {
	position: relative;
	overflow: hidden;
}
@media screen and (max-width:767px) {
.sliderArticle {
	height: 0;
	padding-bottom: 70%;
}
}
@media screen and (max-width:666px) {
.sliderArticle {
	height: 0;
	padding-bottom: 83.333333%;
}
}
 @-webkit-keyframes slide_ltr_in {
 0% {
left: -100%;
}
 100% {
left: 0;
}
}
@-webkit-keyframes slide_rtl_in {
 0% {
left: 100%;
}
 100% {
left: 0;
}
}
@-webkit-keyframes slide_ltr_out {
 0% {
left: 0;
}
 100% {
left: 100%;
}
}
@-webkit-keyframes slide_rtl_out {
 0% {
left: 0;
}
 100% {
left: -100%;
}
}
/*=============================================================*/
/*desktop setting*/
@media screen and ( min-width:767px ) {
.article-header ul.slider p {
	position: relative;
	top: -70px;
	padding: 10px;
	height: 70px;
	background-color: rgba(255,255,255,.8);
}
}
 @media screen and(min-device-width: 768px) and (max-device-width: 1024px) {
 .article-header a.prev, .article-header a.next {
 margin: 200px 0 0 0;
}
}
 @media (orientation:portrait) {
.article-header a.prev, .article-header a.next {
	margin: 40% 0 0 0;
}
}

.criclePic li{ list-style-type: none; }
.criclePic2 li{ list-style-type: none; }
.criclePic li img{ -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; padding: 0px 0px 0px 0px; border:7px solid #FFFFFF;}

.criclePic2 li img{ -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; padding: 0px 0px 0px 0px; margin: 0 0 10px 0;}

/*=============================================================*/
/*mobile setting*/
@media screen and ( max-width:767px ) {
.article-header ul.slider {
	padding-top: 100%;
}
.article-header ul.slider img {
	width: 100%;
	height: auto;
}
.article-header ul.slider p {
	position: relative;
	top: 0px;
	padding: 10px;
	height: 125px;
	background-color: #ddd;
}
.article-header a.prev, .article-header a.next {
	margin-top: 50%;
}


div#numberchart h2 {
	font-size: 25px;
	margin-top: 20px;
}
div#numberchart p {
	font-size: 18px;
	margin-top: 20px;
}
#chart3 {
	margin-bottom: 30px;
}
.intro2 {
	font-size: 13px;
}


/* Team Section */
#tf-team {
	background: url(../img/07.html);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #ffffff;
}
#tf-team .overlay {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(17%, rgba(0,0,0,0.73)), color-stop(35%, rgba(0,0,0,0.66)), color-stop(62%, rgba(0,0,0,0.55)), color-stop(100%, rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000', GradientType=0 ); /* IE6-9 */
	height: auto;
	background-attachment: fixed;
	padding: 80px 0;
}
.section-title.center {
	padding: 30px 0;
}
.section-title h2, .section-title.center h2 {
	font-weight: 300;
}
#tf-team h3 {
	font-size: 18px;
	line-height: 1.6;
}
#tf-team p {
	font-size: 15px;
	line-height: 1.4;
	color: #ffffff;
	font-weight: normal;
}
#team {
	margin: 0 auto
}
#team .item {
	padding: 0;
	margin: 0px 0;
	color: #FFF;
}
img.img-circle.team-img {
	width: 300px;
	border: 4px solid transparent;
	transition: all 0.5s;
}
#tf-team .item .thumbnail:hover>img.img-circle.team-img {
	border: 4px solid #ffc601;
}
#tf-team .thumbnail {
	background: transparent;
	border: 0;
}
#tf-team .thumbnail .caption {
	padding: 9px;
	color: #F2F2F2;
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	filter: Alpha(Opacity=1);
	opacity: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 50%;
	border-radius: 0;
	background: #FFFFFF;
	transition: all 0.5s;
	border-radius: 50%;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	opacity: 1;
	background: #ffc601;
}
.owl-theme .owl-controls .owl-page.active span {
	background: #ffc601;
}