/* -------------------------------------------------------------------首頁 */
header {
  background: #ffa801;
}


header #logo a{
  float: left;
  width:83px;
  height:83px;
  background:url('../images/logo.jpg') no-repeat;
  margin:15px 15px 15px 0;
  
}
header #logo img{ padding:20px 10px 10px 0;}

header #sitename {
	padding-top:10px;
  color: #fff;
  font-family:"微軟正黑體",Arial,Helvetica,sans-serif;
  text-shadow:3px 3px 3px #bd4b00, 2px 2px 4px #d55500;
}
header #sitename h2{ line-height:0.5; font-family:"微軟正黑體",Arial, Helvetica, sans-serif; font-size:36px; letter-spacing:2px;text-indent: -9999px;margin-top: -10px;}
header #sitename h3{ font-size:28px;}
header #search {
	margin:20px -10px 0 0;
  padding: 0;
}
header #search form {
  padding: 15px 0 0 0;
}
header #language{ padding-left:50px;}
header #language ul{ margin:1 auto;}
header #language ul li:first-child { margin-right:10px;}
header #language ul li:last-child { margin-right:-10px;}
header #language ul li {/*  float: left;*/ display: block; margin: 20px auto; width: 50%; height: 50px; background: #fff; border-radius:3px; text-align: center;
 opacity:0.8; line-height:50px;}
header #language ul li:hover {opacity: 0.6;}
.navbar .navbar-nav { display: inline-block; float: none; vertical-align: top;}
.navbar .navbar-collapse { text-align: center;}

#responseCountry { height:420px; border: 1px solid #ccc; padding: 0 8px 0 12px; overflow:hidden;}
#responseCountry ul{ margin:0 auto;}
#responseCountry ul li { margin: 5px 0; overflow:hidden;}
#responseCountry ul li img { margin-right: 5px; float:left;}
#responseCountry ul li .countryName{ display:block; height:57px; margin-left:55px; font-size:12px; line-height:1.1; padding-top:15px;}
#marquee{ height:330px; overflow:hidden;}

#hand{
  display: none;
}
#gotoTop {
  display: none;
  position: fixed;
  bottom: 110px;
  right: 50px;
  background: url("../images/go.png") no-repeat;
  width: 100px;
  height: 100px;
  z-index:1000;
}

#gotoTop:hover{
  background: url("../images/go_rollover.png") no-repeat;
}

#accumulatedCountry{
	font-size:140%;
}
/*#responseCountryHome { height:536px; border: 1px solid #ccc; padding: 0 8px 0 12px; overflow:hidden;}*/
#result{ height:0px; border: 1px solid #ccc; padding: 0 8px 320px 12px; overflow:hidden; margin-top:-1px; border-top:1px solid #fff;}
#result .resultDetail {  margin: -5px auto;  text-align: center;}
#result .resultDetail h3{text-align: left; font-size:130%; line-height:0.5;}
#result .resultDetail p{text-align: left; font-size:80%; }

#responseCountryHome { height:0px; border: 1px solid #ccc; padding: 0 8px 100% 12px; overflow:hidden;}
#responseCountryHome h3, #responseCountry h3{ font-size:21px;}
#responseCountryHome ul{ margin:0 auto;}
#responseCountryHome ul li { margin: 5px 0; overflow:hidden;}
#responseCountryHome ul li img { margin-right: 5px; float:left;}
#responseCountryHome ul li .countryName{ display:block; width:200px; height:57px; margin-left:55px; font-size:12px; line-height:1.1; padding-top:15px;}
#responseCountryHome #marquee{ height:450px; overflow:hidden;}

/* */
#quickLink { border: 1px solid #ccc; padding: 0 8px 0 12px; height:420px; min-width:210px;}
#quickLink a{ display:block; width:100%; height:78px; margin-bottom:13px; padding:13px 5px 5px 66px; font-size:20px; color:#FFFFFF; text-decoration:none; 
 }
#quickLink .Link1 .quickLinkText{ font-size:17px;}
#quickLink .Link2 .quickLinkText{ padding:10px 0 0 0; display:block;}
.Link1{background: #00a2f2;}
.Link1:hover{background: #0071f1;}
.Link2{background: #7dbb00;}
.Link2:hover{background: #699e01;}
.Link3{background: #ffb900;}
.Link3:hover{background: #ff9000;}
.Link4{background: #f44f0c;}
.Link4:hover{background: #d83f01;}
.Link5{background: #9a77d0;}
.Link5:hover{background: #9a77ff;}
#quickLink img{ float:left; margin:-12px 0 0 -69px;}
#quickLink a.human-endorse {
	margin:0 0 10px 0 ;
	padding:0px;
	clear:both;
	display:none;
}
#quickLink .human-endorse img{
	display: block;
	float:none;
	margin:0;
	width:100%;
}

/* */
/*#quickLinkHome { border: 1px solid #ccc; padding: 0 8px 0 12px; height:536px; min-width:165px;}
#quickLinkHome a{ display:block; width:100%; height:108px; margin-bottom:13px; padding:13px 5px 5px 66px; font-size:28px; color:#FFFFFF; text-decoration:none; 
 }*/
 #quickLinkHome { border: 1px solid #ccc; padding: 0 8px; min-width:210px;}
#quickLinkHome a{ display:block; width:100%; height:0px; margin-bottom:13px; padding:10px 5px 36% 40%; text-decoration:none;
 }
#quickLinkHome .quickLinkText{ font-family:Georgia, "Times New Roman", Times, serif; display:block; width:100%; height:50px; color:#FFFFFF; text-decoration:none; font-weight:500; }
#quickLinkHome .Link1 .quickLinkText{ padding-top:5px; font-size:12px; }
#quickLinkHome .Link2 .quickLinkText{ padding-top:15px; font-size:20px; }
#quickLinkHome .Link3 .quickLinkText{ padding-top:0px; font-size:22px; }
#quickLinkHome .Link4 .quickLinkText{ padding-top:0px; font-size:22px; }
#quickLinkHome .Link5 .quickLinkText{ padding-top:5px; font-size:14px; }
#quickLinkHome .Link1{background: #00a2f2;}
#quickLinkHome .Link1:hover{background: #0071f1;}
#quickLinkHome .Link2{background: #7dbb00;}
#quickLinkHome .Link2:hover{background: #699e01;}
#quickLinkHome .Link3{background: #ffb900;}
#quickLinkHome .Link3:hover{background: #ff9000;}
#quickLinkHome .Link4{background: #f44f0c;}
#quickLinkHome .Link4:hover{background: #d83f01;}
#quickLinkHome img{ float:left; margin:-8px 0 0 -78px; width:68%;}
/*#quickLinkHome img{ float:left; margin:3px 0 0 -69px;}*/
#quickLinkHome a.human-endorse {
	margin:0 0 95px 0;
	padding:0px;
	clear:both;
	display:none;
}
#quickLinkHome .human-endorse img{
	display: block;
	float:none;
	margin:0;
	width:100%;
}

ul { padding: 0;}
ul li { list-style: none;}
#language ul li { float: left;}
#goodWordText, #goodWordVideo{ border-bottom:1px #eee solid;}

#newsCenter, #eventProcast, #featureStory{ position:relative;}
.more{ border: 1px solid #428bca;border-radius: 3px;padding: 1px 5px; font-size:12px; position:absolute; top:23px; right:1px;}
.more:hover{ border: 1px solid #428bca; background:#428bca; color:#FFF; text-decoration:none; }
#copromoter .more{ border: 1px solid #428bca;border-radius: 3px;padding: 1px 5px; font-size:12px; position:absolute; top:56px; right:14px;}
.cycle-slideshow{ height:280px; overflow:hidden;}
#copromoter img, #featureStory img{ margin-bottom:10px; width:100%;}
#copromoter .center{ margin-top:10px;}
#newsCenter .newsDetail, #featureStory .newsDetail{ border:#cccccc 1px solid; height:87px;
padding:5px; margin:0 0 10px 0; overflow:hidden;}
.newsDetail img {
  float: left; margin-right:10px; width:100px;
}
.newsDetail h4{ 
	font-size: 14px;
    line-height: 1.4;
/*  max-height: 5.6rem;
    overflow: hidden;*/
    padding: 0;
    position: relative;
    top: -13px;
}
.newsDetail p{ font-size:13px; line-height:1.4;}
.newsDetail{ border-top:#cccccc 1px solid; height:130px;
padding:11px 0 0 0; margin:20px 0; overflow:hidden;}
#newsList{ border:#cccccc 1px solid; border-radius:3px; padding:10px; margin-bottom:20px;}
#container .newsDetail{ height:195px; overflow:hidden;}
#container .newsDetail a{ font-size:18px; line-height:1.65;}
#container .newsDetail img{ width:190px; height:auto;}
#container .newsDetail p{ font-size:15px; line-height:1.65;}
#siteMap {
  font-family:"微軟正黑體",Arial,Helvetica,sans-serif;
  padding:15px 0;
  margin-top:20px;
}
#siteMap h5{font-family:"微軟正黑體",Arial,Helvetica,sans-serif; color:#000; font-size:16px; font-weight:bold; border-bottom:1px solid #ffbe28; line-height:45px;}
#siteMap li a{font-family:"微軟正黑體",Arial,Helvetica,sans-serif; color:#000; font-size:13px; padding-left:10px;}
footer {
  padding:20px;
}
    
#Copyright{padding:8px 5px; display:block;}
#contactus{}
#contactus ul{}
#contactus ul li a{display:block; padding:0 5px; line-height:40px; font-family:"微軟正黑體",Arial,Helvetica,sans-serif; color:#000; font-size:13px; float:left; position:relative; }
#bottom{ background:url("../images/footer_bg.png") no-repeat scroll center bottom #ffa800; }
/* -------------------------------------------------------------------首頁結束 */
/* -------------------------------------------------------------------活動說明開始 */
#goodWord h2, #result h2, #newsCenter h2, #eventProcast h2, #backgound h2, #organizer h2, #Emblem h2, #responseWay h2, #copyRight h2, #featureStory h2{font-family:"微軟正黑體",Arial,Helvetica,sans-serif; color:#5f8bca;
line-height:60px; border-bottom:#5f8bca 3px solid; margin:30px 0;}
#copromoter h2{font-family:"微軟正黑體",Arial,Helvetica,sans-serif; color:#5f8bca;
line-height:60px; border-bottom:#5f8bca 3px solid; margin:30px 0; font-size:20px; }

#contactus{ position:relative;}
#contactus img{position: absolute; left: 0px; top: 36px; height: 36px; width: auto; }
#qrcode img {
	margin-top:25px;
  width: 100px;
  height: 100px;
  float:right;
  position:relative;
}
#goodWord h5{font-family:"微軟正黑體", Arial,Helvetica, sans-serif; color:#5f8bca; font-size:16px; line-height:1.4; margin-top:8px;}
#goodWord p{ text-align:left; font-size:13px;}
#result{color:#666666;}
#Emblem { }
.listItme{ border:#cccccc 1px solid; border-radius:3px; box-shadow:0 1px 4px rgba(0, 0, 0, 0.2); margin:20px 0;word-wrap:break-word; }
.listItme h2{word-wrap:break-word; padding:0 8px; color:#5f8bca;}
.listItme p{ padding:5px 8px; text-align:left;}
.listItme h5{ padding:0 8px; line-height:1.65; font-size:18px;color:#5f8bca; }
#goodword h2{ font-size:30px; line-height:1.1; color:#333; border:none;}

#container .listItme h2, #others .listItme h2{word-wrap:break-word; padding:0 8px; color:#5f8bca; margin-top:6px; line-height:1.5; font-size:18px;}
#container .listItme h2, #others .listItme p{ padding:0 8px;}

#goodwordContent .col-md-5{ display:block; height:363px; overflow: auto;}
/*#main .video{ height:420px; border:#cccccc 1px solid; margin:0 -10px; padding:10px;}
.masonry{height:420px; border:#cccccc 1px solid; margin:0 -10px; padding:10px;}*/

#goodword{ background:#eee; height:420px; padding:15px;}
#goodword img{}
#goodwordContent{ background:#eee; height:420px; padding:15px;}
#organizer h3, #organizer h5{ padding-left:0px;}
#fowpal{ border-bottom:#CCC 1px solid; padding:0 0 80px 0;}
#awc{ border-bottom:#CCC 1px solid; padding:20px 0 70px 0;}
#tjm{ padding:20px 0;}
#fowpal .col-md-2, #awc .col-md-2, #tjm .col-md-2{ vertical-align:middle; }
#fowpal a{ padding:5px 10px; border:#428bca 1px solid; border-radius:3px; float:right; margin-top:20px;}
#fowpal a:hover{ background:#428bca; color:#FFF; text-decoration:none;}
#awc a{ padding:5px 10px; border:#428bca 1px solid; border-radius:3px; float:right; margin-top:0px;}
#awc a:hover{ background:#428bca; color:#FFF; text-decoration:none;}
#tjm a{ padding:5px 10px; border:#428bca 1px solid; border-radius:3px; float:right; margin-top:20px;}
#tjm a:hover{ background:#428bca; color:#FFF; text-decoration:none;}
/*#Emblem .col-md-2, #Emblem .col-md-3{ margin-top:30px;}*/
#personal { border-bottom:#CCC 1px solid; padding:20px 0 80px 0;}
#personal .rs{padding:5px 10px; border:#428bca 1px solid; border-radius:3px; float:right; margin-top:20px;}
#personal .rs:hover{ background:#428bca; color:#FFF; text-decoration:none;}
#group{padding:20px 0 30px 0;}
#group .rs{padding:5px 10px; border:#428bca 1px solid; border-radius:3px; float:right; margin-top:20px;}
#group .rs:hover{ background:#428bca; color:#FFF; text-decoration:none;}
#group .col-md-3{ margin-top:60px;}
#copyRight .container{ margin:10px -15px;}
#copyright ol{border-right: 1px solid #ccc; color: #666;line-height: 1.6; margin-left: -38px; padding-right: 15px; font-family: '微軟正黑體',Arial,Helvetica,sans-serif;}
#copyright ol li{ font-size:13px; padding-bottom:15px;}
/* -------------------------------------------------------------------活動說明結束 */
/* -------------------------------------------------------------------成果分享　良心話漫畫　開始 */
#headCopromoterResult, #headComic{background: none repeat scroll 0 0 #eee; height: 420px; padding: 15px;}
#headComic img{ max-width:100%; max-height:390px; overflow:hidden; transform-origin: 50% 50% 0; transition: all 0.3s ease-out 0s; margin:0 auto;}
#headComic img:hover { transform:scale(1); overflow:auto; z-index:100;}
#headComic h5, #headCopromoterResult h5{ font-size:15px; line-height:1.8; font-weight:500;}
#headComic .col-md-3, #headCopromoterResult .col-md-3, #headText .col-md-4 { height:390px; overflow: auto; }

#headCopromoterResult img{ max-height:390px; overflow:hidden; transform-origin: 50% 50% 0; transition:  all 0.3s ease-out 0s; margin:0 auto;}
#headCopromoterResult img:hover { transform:scale(1); overflow:auto; z-index:100;}
#headCopromoterResult a{
	display:block;
	width:100%;
	word-wrap:break-word;
}
/* -------------------------------------------------------------------成果分享　良心話漫畫　結束 */
/* -------------------------------------------------------------------良心話文字 開始 */

#headText{background: none repeat scroll 0 0 #eee; height: 420px; padding: 15px;}
#headText img{ margin:20px auto; max-height:340px;}
/* -------------------------------------------------------------------良心話文字 結束 */

/* -------------------------------------------------------------------良心話影音 開始 */
/*#headVideo { background: none repeat scroll 0 0 #eee; height: 0;text-align:center;padding-top:0;padding-bottom:56.25%;position:relative;}*/
#headVideo { background: none repeat scroll 0 0 #eee; height:420px;text-align:center;padding-top:0;/*padding-bottom:56.25%;*/position:relative;}
#headVideo h2{ text-align:center; font-size:18px;color:#5f8bca; margin-top:10px;}

/* -------------------------------------------------------------------良心話影音 結束 */

/* -------------------------------------------------------------------影音精選 影音新聞 友好影音 開始 */
/*#headYoutubeVideo {background: none repeat scroll 0 0 #eee;height:0;text-align:center;padding-top:0; padding-bottom:56.25%;position:relative; }*/
#headYoutubeVideo {background: none repeat scroll 0 0 #eee;width:0;text-align:center;padding-left:0; padding-right:100%;position:relative; height:420px; }
#headYoutubeVideo iframe{height: 100%;left: 0; position: absolute; top: 0; width: 100%;}

/* -------------------------------------------------------------------影音精選 影音新聞 友好影音 結束 */

/* -------------------------------------------------------------------廣播選集 開始 */
#headAudio{ background:#000;}
#headAudio img{ max-width:100%; margin:0 auto; border:none; max-height:342px;}
#headAudio h2{ color: #5f8bca;font-size: 18px;margin-top: 10px;text-align: center; background:#eee; line-height:40px;}
/* -------------------------------------------------------------------廣播選集 結束 */

/* -------------------------------------------------------------------新聞中心 專題報導 開始 */
#headNewsCenter .col-md-6,#headFeatureStory .col-md-6{height:420px; border:#cccccc 1px solid; overflow:hidden; padding:10px; margin:0 auto; background:#FFF;}
/*#headNewsCenter h2, #headFeatureStory h2{ margin-top:10px; font-size:18px; line-height:1.5; color:#5f8bca;}*/
#headNewsCenter h2, #headFeatureStory h2{display:block; width:100%; padding:8px; color:#fff; font-size:1.3em; background:#fff; position:absolute; left:0px; bottom:0px; /*height:90px;*/}
#headNewsCenter .col-md-3 h2, #headFeatureStory .col-md-3 h2{ margin-top:3px; font-size:1em; line-height:1.4; color:#5f8bca; display:block; height:45px; overflow:hidden; margin-bottom:10px; padding:2px 10px;}
#headNewsCenter p, #headFeatureStory p{ margin-top:6px; font-size:15px; line-height:1.5; background:#fff; padding:10px; display:none;}
#headNewsCenter .col-md-3, #headFeatureStory .col-md-3{ padding:10px 10px 15px 10px; height:210px;border:#cccccc 1px solid; overflow:hidden; margin:0 auto;background:#FFF;}
.Right{ background:none repeat scroll 0 0 rgba(254, 254, 254, 0.8); box-shadow:0 0 40px #e8e8e8 inset; border:1px solid #eee; border-radius:6px; padding:30px 15px; }
#news_imp{ position:relative;}
#news_imp .more{ border: 1px solid #428bca;border-radius: 3px;padding: 1px 5px; font-size:12px; position:absolute; top:-30px; right:0px;}
#news_imp .more:hover{ border: 1px solid #428bca; background:#428bca; color:#FFF; text-decoration:none; }
table{ color:#F90; font-size:15px; line-height:1.6; width:40%; margin-right:15px;}
table img {
	width:100%;
	height:auto;
    border: 3px solid #fff;
    box-shadow: 0 0 5px #999999;
    transform-origin: 5px 50% 0;
    transition: all 0.3s ease-out 0s;
}
table img:hover {
    transform:scale(1.3); z-index:100;
}
/* -------------------------------------------------------------------新聞中心 專題報導 結束 */

/* -------------------------------------------------------------------新聞中心 友好報紙 開始 */
#headFriendNewspaper{background: none repeat scroll 0 0 #eee; height: 420px; padding: 15px;}
#headFriendNewspaper a{ background:#000;}
#headFriendNewspaper img{ margin:20px auto; }
#headFriendNewspaper p{margin-top:6px; font-size:15px; line-height:1.5; text-align:center;}
/* -------------------------------------------------------------------新聞中心 友好報紙 結束 */
#player{ margin:0 auto;}
#container .masonry{width:100%;}
#Co-promoters form p{position:absolute; top:25px; right:230px; color:#333;}
#Co-promoters form .form-control{ position:absolute; width:200px; top:25px; right:15px;}
#Co-promoters h2{ margin-bottom:20px;}
#pager{ margin:0 auto; text-align:center;}
#pager .pagination{}
.photo_text{ color:#F90; line-height:1.5;}


#mainContent {
    background: none repeat scroll 0 0 #eee;
    height: 420px;
}

.container-fluid .search{ padding:12px 10px 0 0; min-height:50px; text-align:right; background:#eee; border-radius:6px; margin-top:20px; overflow:auto;}
.container .search{ padding:15px 0 0 0;}
.search h2{ text-align:left; padding-left:20px;}
.search li {text-align:left; padding-left:20px;}
#pager input{ margin:0 10px;}



#headContent{background: none repeat scroll 0 0 #eee; height: 420px; padding: 15px;}
#main p{ text-align:left;}



#event-cover {
  margin-bottom: 30px;
}

#event .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

#event .title {
  text-align: center;
  border-bottom: 1px solid #ffffff7d;
}

#event-cover {
  padding: 20px 0;
}

#event-speech {
  background-color: #ffece8;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#event-news {
  background-color: #fef2cc;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#event-video {
  background-color: #f6e6cc;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#event-report {
  background-color: #ededed;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#event-gallery {
  background-color: #e5f2e8;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
}


@media screen and (min-width: 1061px) and (max-width: 1600px) {
#responseCountryHome { height:0; border: 1px solid #ccc; padding: 0 8px 70% 12px; overflow:hidden;}
#responseCountryHome  h3{ font-size:18px;}
#result .resultDetail {  margin: -2px auto;  text-align: center;}
#result .resultDetail h3{text-align: left; font-size:130%; line-height:0.4;}
#result .resultDetail p{text-align: left; font-size:73%; }
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
header #sitename h2{ line-height:0.5; font-size:32px; letter-spacing:2px;}
header #sitename h3{ font-size:21px;}
	/* 首頁兩側 */
#responseCountryHome { height:0px; border: 1px solid #ccc; padding: 0 8px 52% 12px; overflow:hidden;}
#responseCountryHome ul{ margin:0 auto;}
#responseCountryHome ul li { margin: 5px 0; overflow:hidden;}
#responseCountryHome ul li img { margin-right: 5px; float:left;}
#responseCountryHome ul li .countryName{ display:block; width:90px; height:57px; margin-left:55px; font-size:12px; line-height:1.1; padding-top:15px;}
#marquee{ height:330px; overflow:hidden;}
#responseCountryHome h3, #responseCountry h3{ font-size:13px;}
#quickLinkHome { border: 1px solid #ccc; padding: 0 8px; min-width:160px;}
#quickLinkHome a{ text-indent:0px; display:block; width:100%; height:73px; margin-bottom:8px;color:#FFF; font-size:16px;font-family:"微軟正黑體",Arial,Helvetica,sans-serif; line-height:1.6; text-decoration:none; padding:10px 5px 35% 40%;}
#quickLinkHome .Link1 .quickLinkText { font-size: 12px; padding-top: 5px;}
#quickLinkHome .Link2 .quickLinkText { font-size: 15px; padding-top: 15px;}
#quickLinkHome .Link3 .quickLinkText { font-size: 16px; padding-top: 0;}
#quickLinkHome .Link4 .quickLinkText { font-size: 16px; padding-top: 0;}
#quickLinkHome .quickLinkText{ padding:0 5px 0 0; display: block; width:78px;}
#responseCountryHome span, #responseCountry span{ font-size:22px;}
#quickLinkHome .Link1{background: #00a2f2;}
#quickLinkHome .Link1:hover{background: #0071f1;}
#quickLinkHome .Link2{background: #7dbb00;}
#quickLinkHome .Link2:hover{background: #699e01;}
#quickLinkHome .Link3{background: #ffb900;}
#quickLinkHome .Link3:hover{background: #ff9000;}
#quickLinkHome .Link4{background: #f44f0c;}
#quickLinkHome .Link4:hover{background: #d83f01;}
#quickLinkHome img{ float: left; margin:0px 0 0 -53px; width:66%;}
/* 首頁兩側end */
#gotoTop {
  display: none;
  position: fixed;
  bottom: 120px;
  right: 50px;
  background: url("../images/go.png") no-repeat;
  width: 100px;
  height: 100px;
  z-index:1000;
}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
header #language{ padding-left:0px;}
	table{ color:#F90; font-size:15px; line-height:1.6; text-align:justify; width:40%; margin-right:15px;}
table img {
	width:100%;
	height:auto;
    border: 3px solid #fff;
    box-shadow: 0 0 5px #999999;
    transform-origin: none;
    transition: none;
}
table img:hover {
    transform:none
}
#container .newsDetail p{ font-size:15px; line-height:1.65;}
header #logo {
  float: left;
}
header #logo img{ padding:20px 10px 0 0;}

header #sitename {
  padding-top:10px;
  color: #fff;
  font-family:"微軟正黑體",Arial,Helvetica,sans-serif;
  text-shadow:3px 3px 3px #bd4b00, 2px 2px 4px #d55500;
}
/* 首頁兩側 */
#responseCountryHome { height:250px; border: 1px solid #ccc; padding: 0 8px 0 12px; overflow:hidden; margin-top:15px;}
#responseCountryHome ul{ margin:0 auto;}
#responseCountryHome ul li { margin: 5px 0; overflow:hidden;}
#responseCountryHome ul li img { margin-right: 15px; float:left; width:80px;}
#responseCountryHome ul li .countryName{ display:block; width:250px; height:57px; margin-left:75px; font-size:18px; line-height:1.1; padding-top:30px;}
#marquee{ height:300px; overflow:hidden;}

#quickLinkHome { border: 1px solid #ccc; padding: 0 8px; min-width:210px; margin-top:15px;}
#quickLinkHome a{ display:block; width:100%; height:90px; margin-bottom:13px; padding:10px 0 0 66px; text-decoration:none; 
 }
#quickLinkHome .quickLinkText{ font-family:Georgia, "Times New Roman", Times, serif; display: inline; width:100%; height:50px; color:#FFFFFF; text-decoration:none; font-weight:500; }
#quickLinkHome .Link1 .quickLinkText{ padding-top:5px; font-size:12px; }
.Link1{background: #00a2f2;}
.Link1:hover{background: #0071f1;}
.Link2{background: #7dbb00;}
.Link2:hover{background: #699e01;}
.Link3{background: #ffb900;}
.Link3:hover{background: #ff9000;}
.Link4{background: #f44f0c;}
.Link4:hover{background: #d83f01;}
#quickLinkHome img{ float: none; margin:0; width:auto;}
#result .resultDetail {
    margin: 0px auto;
    text-align: center;
}
/* 首頁兩側end */
#quickLink { border: 1px solid #ccc; padding: 0 8px 0 12px; height:400px; min-width:210px; margin-top:15px;}
#quickLink a{ text-indent:50px; display:block; width:100%; height:73px; margin-bottom:13px;color:#FFF; font-size:20px;font-family:"微軟正黑體",Arial,Helvetica,sans-serif; line-height:55px; text-decoration:none; padding:0;}
#quickLink .Link1 .quickLinkText{ font-size:20px;}
#quickLink .Link2 .quickLinkText{ padding:0; display: inline;}
.Link1{background: #00a2f2;}
.Link1:hover{background: #0071f1;}
.Link2{background: #7dbb00;}
.Link2:hover{background: #699e01;}
.Link3{background: #ffb900;}
.Link3:hover{background: #ff9000;}
.Link4{background: #f44f0c;}
.Link4:hover{background: #d83f01;}
#quickLink img{ float: none; margin:0;}
  #qrcode {
    position: relative;
  }

#responseCountry { height:400px; border: 1px solid #ccc; padding: 0 8px 0 12px; overflow:hidden; margin-top:15px;}
#responseCountry ul{ margin:0 auto;}
#responseCountry ul li { margin: 5px 0; overflow:hidden;}
#responseCountry ul li img { margin-right: 15px; float:left; width:80px;}
#responseCountry ul li .countryName{ display:block; height:57px; margin-left:75px; font-size:18px; line-height:1.1; padding-top:30px;}
#marquee{ height:300px; overflow:hidden;}

#headNewsCenter .col-md-6, #headFeatureStory .col-md-6{height:auto; border:#cccccc 1px solid; overflow:hidden; padding:10px; margin:0 0 10px 0; }
#headNewsCenter .col-md-3, #headFeatureStory .col-md-3{ padding:10px; height:auto;border:#cccccc 1px solid; overflow:hidden; margin:0 0 10px 0; }
.listItme{ border:#cccccc 1px solid; border-radius:3px; box-shadow:0 1px 4px rgba(0, 0, 0, 0.2); margin:20px 0;word-wrap:break-word; width:100%; height:auto;}
.listItme h2{word-wrap:break-word; padding:0 8px;}
.listItme p{ padding:8px;}
#container .masonry{width:100%;}
#goodword{ background:#eee; height:auto; padding:15px;}
#goodwordContent{ background:#eee; height:auto; padding:15px;}
#siteMap h5{font-family:"微軟正黑體",Arial,Helvetica,sans-serif; color:#000; font-size:18px; font-weight:bold; border-bottom:1px solid #ffbe28; line-height:45px;}
#siteMap li a{font-family:"微軟正黑體",Arial,Helvetica,sans-serif; color:#000; font-size:18px; padding-left:15px; line-height:40px;}
#backgound .img-responsive, #organizer .img-responsive, #emblem .img-responsive, #responseWay .img-responsive{margin:15px auto; transform-origin: 50% 50% 0; transition: none;}
/* hover */
#organizer .img-responsive:hover{transform:none;}
#emblem .img-responsive:hover{transform:none;}
#responseWay .img-responsive:hover {transform:none;}
.cycle-slideshow{ height:auto; overflow: auto;}
/*.masonry .item1, .item1.w2, .item1.w3  { border:1px #fff solid; transition: none;}
.masonry .item1:hover{transform:none;}
.item1.w2:hover{transform:none;}
.item1.w3:hover{transform:none;}*/
#mainContent {
    background: none;
	height:auto;}
#headNewsCenter .col-md-3, #headFeatureStory .col-md-3{ padding:10px 10px 15px 10px; height:auto;border:#cccccc 1px solid; overflow:hidden; margin:0 auto;background:#FFF;}
#headNewsCenter .col-md-3 h2, #headFeatureStory .col-md-3 h2{ margin-top:3px; font-size:18px; line-height:1.5; color:#5f8bca; display:block; height:auto; overflow:hidden; margin-bottom:0px; }
#responseCountry ul li .countryName{ display:block; width:200px; height:57px; margin-left:55px; font-size:12px; line-height:1.1; padding-top:17px;}
#headContent{background: none repeat scroll 0 0 #eee; padding: 15px;}

#headContent .col-md-3{ height:420px; overflow:auto;}
#headContent h5{ font-size:18px;}
#headText{background: none repeat scroll 0 0 #eee; height: auto; padding: 10px;}
#headText img{ margin:20px auto;}
/* -------------------------------------------------------------------成果分享　良心話漫畫　開始 */
#headCopromoterResult, #headComic{background: none repeat scroll 0 0 #eee; height: auto; padding: 0px;}
#headComic img{ max-width:100%; max-height:auto; overflow: auto; margin:0 auto; transition: none;}
#headComic img:hover { transform: none;}
#headComic h5, #headCopromoterResult h5{ font-size:18px; line-height:1.8; font-weight:500;}
#headComic .col-md-3, #headCopromoterResult .col-md-3, #headText .col-md-4 { height: auto; overflow: auto; padding:0 25px; }

#headCopromoterResult img{ max-height: none; overflow: auto; transition: none;}
#headCopromoterResult img:hover { transform: none;}
/* -------------------------------------------------------------------成果分享　良心話漫畫　結束 */
}
@media (max-width: 767px) {
header #language{ padding-left:0px;}
table{ color:#F90; font-size:15px; line-height:1.6; text-align:justify; width:100%;}
table img {
	width:100%;
	height:auto;
    border: 3px solid #fff;
    box-shadow: 0 0 5px #999999;
    transform-origin: none;
    transition: none;
}
table img:hover {
    transform:none
}
#container .newsDetail p{ font-size:15px; line-height:1.65;}
	header #logo {
  float: left;
}
header #logo img{ padding:20px 10px 0 0;}

header #sitename {
  padding-top:10px;
  color: #fff;
  font-family:"微軟正黑體",Arial,Helvetica,sans-serif;
  text-shadow:3px 3px 3px #bd4b00, 2px 2px 4px #d55500;
}

#quickLink { border: 1px solid #ccc; padding: 0 8px 0 12px; height:400px; min-width:210px; margin-top:15px;}
#quickLink a{ text-indent:18px; display:block; width:100%; height:73px; margin-bottom:13px; color:#FFF; font-size:20px;font-family:"微軟正黑體",Arial,Helvetica,sans-serif; line-height:55px; text-decoration:none; padding:0;}
#quickLink .Link1 .quickLinkText{ font-size:20px;}
#quickLink .Link2 .quickLinkText{ padding:0; display: inline;}
.Link1{background: #00a2f2;}
.Link1:hover{background: #0071f1;}
.Link2{background: #7dbb00;}
.Link2:hover{background: #699e01;}
.Link3{background: #ffb900;}
.Link3:hover{background: #ff9000;}
.Link4{background: #f44f0c;}
.Link4:hover{background: #d83f01;}
#quickLink img{ float: none; margin:0; }
  #qrcode {
    position: relative;
  }
  
#responseCountryHome { height:400px; border: 1px solid #ccc; padding: 0 8px 0 12px; overflow:hidden; margin-top:15px;}
#responseCountryHome ul{ margin:0 auto;}
#responseCountryHome ul li { margin: 5px 0; overflow:hidden;}
#responseCountryHome ul li img { margin-right: 5px; float:left; width:80px;}
#responseCountryHome ul li .countryName{ display:block; width:250px; height:57px; margin-left:75px; font-size:18px; line-height:1.1; padding-top:30px;}
#marquee{ height:300px; overflow:hidden;}

#quickLinkHome { border: 1px solid #ccc; padding: 0 8px; min-width:210px; margin-top:15px;}
#quickLinkHome a{ display:block; width:100%; height:73px; margin-bottom:13px; padding:0; text-decoration:none; text-indent:18px;
 }
#quickLinkHome .quickLinkText{ font-family:Georgia, "Times New Roman", Times, serif; display: inline; width:100%; height:50px; color:#FFFFFF; text-decoration:none; font-weight:500; }
#quickLinkHome .Link1 .quickLinkText{ padding-top:5px; font-size:12px; }
.Link1{background: #00a2f2;}
.Link1:hover{background: #0071f1;}
.Link2{background: #7dbb00;}
.Link2:hover{background: #699e01;}
.Link3{background: #ffb900;}
.Link3:hover{background: #ff9000;}
.Link4{background: #f44f0c;}
.Link4:hover{background: #d83f01;}
#quickLinkHome img{ float: none; margin:0; width:auto;}

#responseCountry { height:400px; border: 1px solid #ccc; padding: 0 8px 0 12px; overflow:hidden; margin-top:15px;}
#responseCountry ul{ margin:0 auto;}
#responseCountry ul li { margin: 5px 0; overflow:hidden;}
#responseCountry ul li img { margin-right: 15px; float:left; width:80px;}
#responseCountry ul li .countryName{ display:block; height:57px; margin-left:75px; font-size:18px; line-height:1.1; padding-top:30px;}
#marquee{ height:300px; overflow:hidden;}

#headNewsCenter .col-md-6, #headFeatureStory .col-md-6{height:auto; border:#cccccc 1px solid; overflow:hidden; padding:5px; margin:0 0 10px 0;}
#headNewsCenter .col-md-3, #headFeatureStory .col-md-3{ padding:5px; height:auto;border:#cccccc 1px solid; overflow:hidden; margin:0 0 10px 0;}
.listItme{ border:#cccccc 1px solid; border-radius:3px; box-shadow:0 1px 4px rgba(0, 0, 0, 0.2); margin:20px 0;word-wrap:break-word; width:100%; height:auto;}
.listItme h2{word-wrap:break-word; padding:0 8px;}
.listItme p{ padding:8px;}
#container .masonry{width:100%;}
#goodword{ background:#eee; height:auto; padding:15px;}
#goodwordContent{ background:#eee; height:auto; padding:15px;}
#siteMap h5{font-family:"微軟正黑體",Arial,Helvetica,sans-serif; color:#000; font-size:18px; font-weight:bold; border-bottom:1px solid #ffbe28; line-height:45px;}
#siteMap li a{font-family:"微軟正黑體",Arial,Helvetica,sans-serif; color:#000; font-size:18px; padding-left:15px; line-height:40px;}
.cycle-slideshow{ height:auto; overflow: auto;}
#backgound .img-responsive, #organizer .img-responsive, #emblem .img-responsive, #responseWay .img-responsive{margin:15px auto; transform-origin: 50% 50% 0; transition: none;}
/* hover */
#organizer .img-responsive:hover{transform:none;}
#emblem .img-responsive:hover{transform:none;}
#responseWay .img-responsive:hover {transform:none;}
.masonry .item1, .item1.w2, .item1.w3  { border:1px #fff solid; transition: none;}
.masonry .item1:hover{transform:none;}
.item1.w2:hover{transform:none;}
.item1.w3:hover{transform:none;}
#mainContent {
    background: none;
	height:auto;}
#headNewsCenter .col-md-3{ padding:10px 10px 15px 10px; height:auto;border:#cccccc 1px solid; overflow:hidden; margin:0 auto;background:#FFF;}
#headNewsCenter .col-md-3 h2{ margin-top:3px; font-size:18px; line-height:1.5; color:#5f8bca; display:block; height:auto; overflow:hidden; margin-bottom:0px; }
#headText{background: none repeat scroll 0 0 #eee; height: auto; padding: 10px;}
#headText img{ margin:20px auto;}
/* -------------------------------------------------------------------成果分享　良心話漫畫　開始 */
#headCopromoterResult, #headComic{background: none repeat scroll 0 0 #eee; height: auto; padding: 0px;}
#headComic img{ max-width:100%; max-height:auto; overflow: auto; margin:0 auto;}
#headComic img:hover { transform: none;}
#headComic h5, #headCopromoterResult h5{ font-size:18px; line-height:1.8; font-weight:500;}
#headComic .col-md-3, #headCopromoterResult .col-md-3, #headText .col-md-4 { height: auto; overflow: auto; padding: 0 25px; }

#headCopromoterResult img{ max-height: none; overflow: auto;}
#headCopromoterResult img:hover { transform: none;}
/* -------------------------------------------------------------------成果分享　良心話漫畫　結束 */
#bottom{ background:url("../images/footer_bg.gif") repeat scroll #ffa800; }
	}
@media (max-width: 460px) {
header #sitename h2{font-size: 26px;}
header #sitename h3{font-size: 17px;}
}