@media (min-width:1920px) {
.content.bg .content-bg img {
	width: 100%
}
}
@media (max-width:1440px) {
.content.bg .content-bg img {
	width: 100%
}
.banner-content
{
    position:   absolute;
    top:        30%;
    left:       5%;
    right:      0;
    margin-top: 0px;
    text-align: left;
}
.banner-img
{  
    position:   absolute;
    top:        0;
    left:       23%;
    right:      0;
    margin-top: -260px;
}
.banner-content h1 {
	font-size: 3.5em;
}
/*main banner*/
.main-content p
{
    font-size:   36px;
    font-weight: 900;
    font-family: 'Roboto'; /*大圖字型*/
	margin-left: 320px; /*大圖文字靠左距離*/
	margin-top: 50px;
	margin-bottom: -180px;
	color:#EB5E1C; /*大圖文字顏色*/
	line-height:1.1;
}
.main-img
{
	z-index:    1019;
    position:   absolute;
    top:        0;
    left:       140px;
    right:      0;
    margin-top: -90px;/*S靠上距離*/
	margin-bottom: -90px;/*S靠下距離content.bg 設70px*/
}
.main-img img{
	width:auto;
	height:300px; /*控制S大小*/
}
}
@media (max-width:1200px) {
.content.bg .content-bg img {
	width: 100%
}
.content .content-desc {
	margin-bottom: 30px
}
.banner-content
{
    position:   absolute;
    top:        30%;
    left:       5%;
    right:      0;
    margin-top: 0px;
    text-align: left;
}
.banner-img
{  
    position:   absolute;
    top:        0;
    left:       22%;
    right:      0;
    margin-top: -260px;
}
.banner-content h1 {
	font-size: 3.5em;
}
}
@media (min-width:768px) and (max-width:992px) {
#dframe01, #dframe02, #dframe03, #dframe04{
    height: 400px;
}
#bframe01, #bframe02, #bframe03, #bframe04{
    height: 300px;
}
#rankframe {
	 height: 300px;}
.navbar-header .navbar-brand {
	float: none;
}
.container > .navbar-header {
  margin-right: 0px;
  margin-left: 0px;
}
.header.navbar .navbar-brand img
{
	height: 60px; /*LOGO*/
}
.header.navbar .navbar-nav > li > a {
	padding: 25px 10px
}
.header.navbar.navbar-small .navbar-nav > li > a {
	padding-left: 6px;
	padding-right: 6px
}
.banner-content
{
    position:   absolute;
    top:        32%;
    left:       5%;
    right:      0;
    margin-top: 0px;
    text-align: left;
}

.banner-img
{
    position:   absolute;
    top:        0;
    left:       13%;
    right:      0;
    margin-top: -160px;
}
.banner-content h1 {
	font-size: 3.5em;
}
.banner-content h1, .banner-content h2, .banner-content h3, .banner-content h4 {
	margin: 0 0 15px
}
/*---NEWS---*/
.parallax3::before {
    content: '';
    background: rgba(255, 103, 0, 0.3); /*在上面蓋一層遮罩*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.white_overlay_left{
    width:0%;     /*報告左邊底塊*/
}
.issue {
    padding: 40px 15px 40px 15px; /*報告文字區塊*/
    /*background: #fff; */
}
.newsgroup .newstitle.photo { /*新聞圖片*/
    padding: 0px 20px 30px 5px;}
.newsgroup .newstitle h3 { /*新聞大圖文字*/
    color: #ff6700;
	margin-right:10px;
}
.newsgroup .newslist .more,.newsgroup .newstitle .more {
	margin-right:15px;
}	
.newsgroup .newslist{
	border-left:#CCC 1px solid;
    padding: 20px 0px 0px 30px; /*新聞列表區塊*/
}
/*---Statistics----*/
.global {
	 margin-top:22px;
	 padding-left:60px;
	 }
.statistic-item-box{
	/*border:#999 solid 1px;*/
	padding-right:35px;
	margin-top:50px;
}
.statistic-item-box2{
	/*border:#999 solid 1px;*/
	padding-left:0px;
	margin-top:80px;
}
.statistic-item-box .title, .statistic-item-box2 .title{
    font-size:1.3em;
	font-weight:500;
	padding:0px;
	display:inline-block;/*標題不斷行*/
}
.top-20 {
    margin-top:50px;
}

/*Main statistics*/
.map_titlesub{

	display:inline-block; /*標題斷行*/
}
.chartmap {
	padding-top:0px;
	padding-bottom:0px;}
.global-content .nav-pills
{   
    float: right !important;
	margin-top:-10px;
	padding-bottom:20px;
}
.map_left{
	float:left;
	width:95%; 
	margin:5% 2.5%;
}
.map_right{
	float:left;
	width:95%; 
	margin:5% 2.5%;
	   }
.globalmap .global {
	padding:0px 5%; /*用間隔來置中*/
	}
.ruler {
	text-align:center;
	padding:0 23%;
	margin-top:-18px;}
/*Main banner*/
.main-content p
{
    font-size:   30px;
    font-weight: 900;
    font-family: 'Roboto'; /*大圖字型*/
	margin-left: 280px; /*大圖文字靠左距離*/
	margin-top: 30px;
	margin-bottom: -180px;
	color:#EB5E1C; /*大圖文字顏色*/
	line-height:1.1;
}
.main-img
{
	z-index:    1019;
    position:   absolute;
    top:        0;
    left:       140px;
    right:      0;
    margin-top: -60px;/*S靠上距離*/
	margin-bottom: -90px;/*S靠下距離content.bg 設70px*/
}
.main-img img{
	width:auto;
	height:250px; /*控制S大小*/
}
/*main_insights*/
.main_insights {
	margin: 0 0px;/*將row的負值加回*/
	padding: 30px 0;
	}
.main_insights h3 {
	padding:10px 0;
	font-size:1.4em;
	}
.insights_pic{
	padding-right:0.8em !important;
	margin-top:10px;
}
.insights_text{
	padding-left:0.8em !important;
	margin-top:10px;
}
.main_newscontent ul {
	padding:10px 50px;
	line-height:1.7em;
	}
}
@media (max-width:767px) {	
#dframe01, #dframe02, #dframe03, #dframe04{
    height: 200px;
}
#bframe01, #bframe02, #bframe03, #bframe04{
    height: 280px;
}

#rankframe {
	 height: 350px;}
.header.navbar
{   
	background-color:rgba(255, 121, 35, .9);/*防止S穿透選單*/
	
}
.header.navbar .navbar-nav > li > a {
	padding: 10px 15px; /*手機子選單設定*/
	color: #FFF;
	background-color:rgba(255, 121, 35, .1)
}
.header.navbar .navbar-brand img
{
	height: 50px; /*手機LOGO*/
}

.header.navbar-small .navbar-collapse, .navbar-collapse {

}
.header.navbar-small .navbar-collapse .navbar-nav > li > a {
	color: #FFF /*滾動手機選單設定*/
}
.header.navbar.navbar-small .navbar-nav > li > a {
	padding: 10px 15px
}
.navbar-nav > li.dropdown:focus > .dropdown-menu, .navbar-nav > li.dropdown:hover > .dropdown-menu {
	display: none
}
.navbar-nav > li.dropdown.open:hover > .dropdown-menu, .navbar-nav > li.dropdown.open > .dropdown-menu {
	display: block;
	-webkit-animation: none;
	animation: none
}
.navbar-nav > li.dropdown > .dropdown-menu {
	border-top: 1px solid #444;
	border-bottom: 1px solid #444
}
.navbar-default .navbar-nav > li.dropdown > .dropdown-menu, .navbar-default .navbar-nav > li.dropdown > .dropdown-menu > li + li {
	border-color: #e7e7e7
}
/*Main banner*/
.parallax3 {
	background-size: auto 90% ;
    background-position:0px -60px;
}
.main-content p
{
    font-size:   24px;
    font-weight: 900;
    font-family: 'Roboto'; /*大圖字型*/
	margin-left: 3%; /*大圖文字靠左距離*/
	margin-top: 50px;
	margin-bottom:-50px;
	color:#EB5E1C; /*大圖文字顏色*/
	line-height:1.1;
}
.main-img
{   display:none;
	z-index:    1019;
    position:   absolute;
    top:        0;
    left:       25%;
    right:      0;
    margin-top: 50px;/*S靠上距離*/
	margin-bottom: -90px;/*S靠下距離content.bg 設70px*/
}
.main-img img{
	width:auto;
	height:170px; /*控制S大小*/
}
/* 手機 Statistics */
.global-content .maintitle span
{   
    font-size:     1.3em;
}
.global-content .nav-pills
{   
    float: left !important;
	margin-top:10px;
	padding-bottom:10px;
	width:100%;/*年月日往下推*/
}
.globalmap .global {
	padding:0px 0%; /*用間隔來置中*/
	}
.globalmap .nav-pills
{   
    float: left !important;
	margin-top:0px;
	padding-bottom:25px;
}
.map_left{
	float:left;
	width:94%; 
	margin:6% 3%;
}
.map_right{
	float:left;
	width:94%; 
	margin:6% 3%;
	   }
.chartmap {
	padding-top:0px;
	padding-bottom:0px;}
.ruleicon { /*大地圖icon*/
	text-align:center;
	color:#888;
	margin-left:-40px;
	}
.ruleicon li {
	display:inline;
	margin-right:10px;
	font-size:14px;
	}
.ruler {
	text-align:center;
	padding:0 3%;
	margin-top:0px;}
.ruler td {
	font-size:0.9em;
	color:#666;
    padding:0 8px;}
/*iFrame*/
#dframe01, #dframe02, #dframe03, #dframe04{
    height: 370px;
}
#bframe01, #bframe02, #bframe03, #bframe04{
    height: 280px;
}

/* 手機 main_news */
.main_newslist {
	margin: 0 -10px;/*將row的負值加回*/
	padding: 30px 0;
	}
.main_newslist .newsmore {
	font-size:1.1em;
}
.main_date .date{
	font-size:0.95em;
	}
.main_date{
	border:#e4e4e4 1px solid;
	padding:2px 0px;
	margin-right:-8px;}	
.main_newscontent {
	margin: 0 0px;/*將row的負值加回*/
	padding: 30px 5px;
	}
.main_newscontent h3 {
	text-align:left;
	}
/* 手機 main_resource */	
.resource {
	margin: 0 0px;/*將row的負值加回*/
	padding: 30px 0px;
	}
.resource-table > thead > tr > th,
.resource-table > tbody > tr > th,
.resource-table > tfoot > tr > th,
.resource-table > thead > tr > td,
.resource-table > tbody > tr > td,
.resource-table > tfoot > tr > td {
  padding: 8px 5px;  
}
/*手機_insights*/
.main_insights {
	margin: 0 0px;/*將row的負值加回*/
	padding: 10px 0;
	}
.main_insights h3 {
	padding:10px 0;
	font-size:1.4em;
	}
.insights_pic{
	padding-right:5px !important;
	margin-top:10px;
	margin-bottom:20px;
}
.insights_text{
	padding-left:10px !important;
	margin-bottom:30px;
}
.main_newscontent ul {
	padding:10px 20px;
	line-height:1.7em;
	}
/* 手機 about*/
.aboutmain {
	padding:0 0px;
}
.phone_top {
	margin-top:50px;
	}
/*------------------------------------*\
    Content
\*------------------------------------*/
.content
{
    padding: 30px 5px 30px;
}
/*------------------------------------*\
    News
\*------------------------------------*/
.newsgroup .newstitle .photo { /*新聞圖片*/
    padding: 0px 5px 30px 10px;}
.newsgroup .newslist{
	border-left:hidden;
    padding: 50px 5px 10px 10px; /*新聞列表區塊*/
}
.newsgroup .newstitle  h3{ /*新聞大圖文字*/
    color: #ff6700;
	margin-right:0px;
	padding-left:10px;
}
.newsgroup .newslist .more,.newsgroup .newstitle .more {
	margin-right:5px;
}	
.parallax3::before {
    content: '';
    background: rgba(255, 103, 0, 0.3); /*在上面蓋一層遮罩*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.white_overlay_left{
    width: 0%;     /*報告左邊底塊*/
}
.issue {
    padding: 40px 5px 40px 10px; /*報告文字區塊*/
    /*background: #fff; */
}
/*------------------------------------*\
    Statistics
\*------------------------------------*/
.statistic-item-box{
	/*border:#999 solid 1px;*/
	padding-right: 0px;
	margin-top:10px;
}
.statistic-item-box2{
	/*border:#999 solid 1px;*/
	padding-left: 0px;
	margin-top:50px;
}
.statistic-item-box .title, .statistic-item-box2 .title{
    font-size:1.3em;
	font-weight:500;
	padding:0px;
	display:inline-block;/*標題不斷行*/
}
.top-20 {
    margin-top:50px;
}
/*------------------------------------*\
    Home
\*------------------------------------*/
.banner-content
{
    position:   absolute;
    top:        32%;
    left:       0;
    right:      0;
    margin-top: 0px;
    text-align: left;
}
.banner-img
{
    position:   absolute;
    top:        0;
    left:       0;
    right:      0;
    margin-top: -140px;
}
.banner-content h1 {
	font-size: 2.5em;
}
.banner-content h1, .banner-content h2, .banner-content h3, .banner-content h4 {
	margin: 0 0 15px
}
.button-scroll {
    bottom: 8vh;
}
.counters-col + .counters-col {
	border: none;
	border-top: 1px solid rgba(255, 255, 255, .2);
	margin-top: 15px;
	padding-top: 15px!important
}
.about-bg, .about-bg:before {
	background-image: none;
	background: none;
}
/*------------------------------------*\
    Insight
\*------------------------------------*/
blockquote{padding:10px 0px;margin:0 0 10px;}
.insightbox
{
    padding: 50px 5px 40px;
}
.testimonials blockquote .fa-quote-left, .testimonials blockquote .fa-quote-right
{
	display:none; /*隱藏逗號*/
}
.testimonials p
{
    font-size:  1.5em;
	font-weight:500;
	line-height:1.5;
}
.testimonials .name
{
    font-size:     0.9em;
}
.advertising .btn {
	margin-top: 15px
}
.pricing-table.col-3 > li, .pricing-table.col-4 > li {
	width: 100%
}
.pricing-table .highlight {
	margin-top: 0!important;
	padding: 10px!important
}
.filter-button {
	margin-bottom: 10px;
}
}

@media (max-width:375px) {
.banner-content
{
    position:   absolute;
    top:        40%;
    left:       0;
    right:      0;
    margin-top: 0px;
    text-align: left;
}
.banner-img
{
    position:   absolute;
    top:        0;
    left:       0;
    right:      0;
    margin-top: -140px;
}
.banner-content h1 {
	font-size: 2.2em;
}
.button-scroll {
    bottom: 16vh;
}
/*iFrame*/
#dframe01, #dframe02, #dframe03, #dframe04{
    height: 180px;
}
#bframe01, #bframe02, #bframe03, #bframe04{
    height: 250px;
}
}

@media (max-width:320px) {
.banner-content
{
    position:   absolute;
    top:        37%;
    left:       0;
    right:      0;
    margin-top: 0px;
    text-align: left;
}
.banner-img
{
    position:   absolute;
    top:        0;
    left:       0;
    right:      0;
    margin-top: -150px;
}
.banner-content h1 {
	font-size: 2.2em;
}
.button-scroll {
    bottom: 10vh;
}
}
@media (min-width:433px) and (max-width:765px) {
.banner-img
{
    position:   absolute;
    top:        0;
    left:       11%;
    right:      0;
    margin-top: -140px;
}
}
@media (max-width:431px) {
/*Main banner*/
.parallax3 {
 background-size: 200% auto  ;
    background-position:0px 0px;
}
/*iFrame*/
#dframe01, #dframe02, #dframe03, #dframe04{
    height: 200px;
}
#bframe01, #bframe02, #bframe03, #bframe04{
    height: 280px;
}
}