/*------------------------------------*\
    1.  General
\*------------------------------------*/
body
{
    background:  #fff;
    font-family: 'Roboto','Noto Sans TC';
    font-size:   16px;
    color:       #000;
	
}
::-webkit-scrollbar
{
width:10px;
height:10px;
background-color:#f4f4f4;
}
::-webkit-scrollbar-track
{
background-color:#f4f4f4;
}
::-webkit-scrollbar-thumb
{
background-color:#ddd;
}
h1, h2, h3, h4
{
    font-weight:   400;
    margin-top:    0;
    margin-bottom: 15px;
    line-height:   1.25;
    color:         #000;
    font-family: 'Roboto','Noto Sans TC';
}
p
{
    line-height: 20px;
}
a
{   font-family: 'Roboto','Noto Sans TC';
    transition:         all .2s linear; /*跟出現藍字有關*/
    -webkit-transition: all .2s linear;
    -moz-transition:    all .2s linear;
}
a:hover,a:focus{
	color: #ff6700;/*原始連結顏色*/
	text-decoration:none;
	}
.btn.focus,.btn:active:focus .btn:focus , .btn:hover, a:focus {
    color: #FFF ; /*!important*//*選單指定頁顏色相關*/
    text-decoration: none;
    outline: 0;
}
.btn, label
{
    font-weight: 400;
}
.row
{
    margin: 0 -10px;
}
.row > [class*=col-]
{
    padding: 0 10px;
}
.row.row-space-10
{
    margin: 0 -5px;
}
.row.row-space-10 > [class*=col-]
{
    padding: 0 5px;
}
.text-center
{
    text-align: center !important;
}
.text-left
{
    text-align: left !important;
}
.bg-silver
{
    background: #f4f6f7 !important;
}
.fade
{
    opacity:            0;
    -webkit-transition: opacity .3s linear;
    transition:         opacity .3s linear;
}
/*iFrame*/
#dframe01, #dframe02, #dframe03, #dframe04{
    height: 320px;
}
#bframe01, #bframe02, #bframe03, #bframe04{
    height: 320px;
}
#ipframe01, #ipframe02, #ipframe03,#ispframe01, #ispframe02, #ispframe03{
    height: 500px;
}
#rankframe {
	 height: 320px;}
/*loading*/
.load {
        position: fixed;
        background:rgba(255, 103, 0);
        width: 100%;
        height: 100vh;
        z-index: 99999;
        top: 0;
        left: 0;
    }
.loader p {
        position:relative;
        top: 25px;
        left:25px;
		color:#FFF;
    }
@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

@keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

.loader {
  position: relative;
  -webkit-transform: translateY(-25px);
          transform: translateY(-25px); 
  width: 100px;
  height: 100px;
  top: 45%;
  margin:auto;
  }
.loader > div:nth-child(0) {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }
.loader > div:nth-child(1) {
    -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s; }
.loader> div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
.loader> div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
.loader> div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 2px solid #fff;
    -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
            animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }
  
/*---loading*/
.btn{
    display:inline-block;
    position:relative;
    padding:6px 30px; /*按鈕設定*/
    cursor:pointer;
    color:#FFF; 
    z-index:0;
    border: none;
    font-size: 0.9em;
    border-radius: 0;
	border:#FFF 1px solid;
}
.btn:before {
    content: "";
    position: absolute;
    z-index:-1;
    top: 0;  
    left: 0;  
    right: 0;  
    bottom: 0;
    background: #FF6700; /*按鈕over*/
    transform: scaleX(0);
    transform-origin: 0 50%;
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
 
}
.btn:hover:before{
    transform: scaleX(1);	
}
.btn-block
{
    padding-left:  12px;
    padding-right: 12px;
}
.btn:active
{
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1);
    box-shadow:         inset 0 3px 5px rgba(0, 0, 0, .1);
}
.btn-theme
{
    margin:10px 0;
	color:#FFF;

}
.nav > li > a
{
    color: #6e7179;
}
.nav > li > a:hover /*選單over設顏色會蓋過*/
{   
    background: none;
}
.nav > li > a:focus{
    background: none;
}

.contentAnimated
{
    -webkit-animation-duration:  1.5s;
    animation-duration:          1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode:         both;
}
.finishAnimated
{
    -webkit-animation: none !important;
    animation:         none !important;
}
.content-bg {
	background-color:#f4f4f4;
}
.bottom_line {
	border-bottom:#CCC 1px solid;
}
.note{
	color:#463da8;
	font-size:0.95em;}
/*------------------------------------*\
    2.  Header
\*------------------------------------*/
.header.navbar
{   
    border-bottom:      none;
    margin-bottom:      0;
    text-align:         center;
    -webkit-transition: all .2s linear;
    transition:         all .2s linear;
}
.header.navbar .navbar-nav > li > a
{
    font-size:   20px;
    line-height: 24px; /*和點點間距*/
    color:       #FFF; /*選單文字顏色*/
    padding:     25px 15px;
    font-family: 'Roboto';
}
.header.navbar .navbar-nav > li > a:hover,a:focus{
	color:#ffc3a4/*選單指定頁顏色相關*/
	}
.header.navbar .navbar-nav > li > a::before {
    position: absolute;
    top: 60%;
    left: 50%;
    color: transparent;
    content: '•';
    text-shadow: 0 0 transparent;
    font-size:15px; /*點點大小*/
    -webkit-transition: text-shadow 0.3s, color 0.3s;
    -moz-transition: text-shadow 0.3s, color 0.3s;
    transition: text-shadow 0.3s, color 0.3s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
}
.header.navbar .navbar-brand
{
    padding: 10px 10px 15px;
}
.header.navbar .navbar-brand img
{
	height: 70px; /*LOGO*/
}
/*------------------------------------*\
    三條線設定
\*------------------------------------*/
.navbar-toggle
{
    margin-top:         18px;
    margin-bottom:      18px;
	margin-right:         0px;
    -webkit-transition: all .2s linear;
    transition:         all .2s linear;
    position: relative;
    float: right;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px;
  border-color: transparent; /*手機小選單外框線*/
}
.header.navbar.navbar-small .navbar-toggle
{
    border-color:  transparent;
    margin-top:    8px;
    margin-bottom: 8px;
	margin-right:         0px;
}

.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar { /*三條線基本設定*/
  display: block;
  width: 22px;
  height: 3px;
  border-radius: 1px;
  background-color: #FFF; /*三條線顏色*/
}
.header.navbar.navbar-small .navbar-toggle .icon-bar {
   background-color: #FFF; /*三條線顏色*/
	 }
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

/* 三條線變X動態設定*/
.navbar-toggle .top-bar{
   transform:translateY(7px) rotate(-45deg) ;
  -moz-transform:translateY(7px) rotate(-45deg);
  -webkit-transform:translateY(7px) rotate(-45deg);
  -o-transform:translateY(7px) rotate(-45deg);
 -ms-transform:translateY(7px) rotate(-45deg);

}
.navbar-toggle .middle-bar{
  opacity:0}
.navbar-toggle .bottom-bar{
	transform:translateY(-7px) rotate(45deg);
   -moz-transform:translateY(-7px) rotate(45deg);
   -webkit-transform:translateY(-7px) rotate(45deg);
   -o-transform:translateY(-7px) rotate(45deg);
  -ms-transform:translateY(-7px) rotate(45deg);}
.navbar-toggle.collapsed .top-bar{
	transform:rotate(0)
	}
.navbar-toggle.collapsed .middle-bar{
	opacity:1
	}
.navbar-toggle.collapsed .bottom-bar{
	transform:rotate(0)
	}
.top-bar,.middle-bar,.bottom-bar{ /*漸變*/
	   -o-transition:  all .20s linear;
  -webkit-transition: all .20s linear;
  -moz-transition: all .20s linear;
  transition: all .20s linear; 
}

/*------------------------------------*\
    small 縮小選單控制
\*------------------------------------*/
.header.navbar.navbar-small
{  
    border-bottom:      none;
    background:         #ff7923;/*滾動後顏色*/
    -webkit-box-shadow: 0 3px 3px rgba(77, 77, 77, .1);
    box-shadow:         0 3px 3px rgba(77, 77, 77, .1);
}
.header.navbar.navbar-small .navbar-brand
{   padding-top: 5px;
}
.header.navbar.navbar-small .navbar-nav > li > a
{
    color:   #FFF;/*滾動後選單文字*/
    padding: 15px;
}
.header.navbar.navbar-small .navbar-nav > li.active > a,
.header.navbar.navbar-small .navbar-nav > li > a:hover
{   color:#ffc3a4;/*滾動後定位文字*/
	}
.header.navbar .navbar-nav > li > a:hover::before,
.header.navbar.navbar-small .navbar-nav > li.active > a:before
{ color:#ffc3a4;/*中間圓點*/
}
.header.navbar .navbar-nav > li > a:hover::before,
.header.navbar.navbar-small .navbar-nav > li.active > a:before
{text-shadow:10px 0 #ffc3a4, -10px 0 #ffc3a4; /*兩側圓點*/
}

.header.navbar.navbar-small .navbar-brand img
{
	height: 40px; /*滾動後LOGO*/
	-webkit-transition: height 0.3s;
    transition: height 0.3s;
}
.header.navbar.navbar-small .brand-text
{
    color: #000;
}

/*------------------------------------*\
    3.  Content
\*------------------------------------*/
.content
{
    padding: 50px 0px 50px; /*跟row同值*/
}
.content .content-heading
{
    text-align:    center;
    position:      relative;
    margin-bottom: 0px;
    margin-top:    0;
    font-family: 'Roboto'; /*分隔項目標題*/
    font-weight: bold;
	font-size:2em;
}
.text-color,.title-color { 
	color:#FF6700;
}
.divider{
    margin-bottom: 20px;
    margin-top: 5px;
}
.divider .outer-title {
	font-size:1.2em;
	font-weight:300;
}
.divider .outer-title2 {
	font-size:2em;
	font-weight: bold;
	color:#FFF;
}
.divider .outer-line {
    width: 7%;
    border-bottom: 2px solid #FF6700; /*分隔線*/
	margin:auto; /*短線置中*/
}
.divider .outer-line2 {
    width: 7%;
    border-bottom: 2px solid #FFF; /*分隔線*/
	margin:auto; /*短線置中*/
}
.divider span {
    display: block;
   vertical-align: middle;
}
.divider .fa {
    font-size: 20px;
    margin: 0 15px;
    color: #000;
}
.content .content-desc
{
    text-align:    center;
    margin-bottom: 50px;
    color:         #000;
}
.content.bg
{
    padding-bottom: 70px;
    overflow:       hidden;
    position:       relative;
}
.content.bg .content-bg,
.content.bg .content-bg:before
{
    position: absolute;
    top:      0;
    bottom:   0;
    left:     0;
    right:    0;
}
.content.bg .content-bg:before
{
    content:    '';
    background: rgba(0, 0, 0, 0.6);
}
.content.bg .container
{
    position: relative;
}
.content.bg .content-bg img
{
    max-width: 100%;
}
/*------------------------------------*\
    4.  Home
\*------------------------------------*/
.parallax1 {
    background-image: url("../images/home.jpg"); /*背景大圖*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax1::before {
    content: '';
    /*background: rgba(0, 0, 0, 0.6); 在上面蓋一層遮罩*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.home
{
    height:  100vh;
}
.banner-content
{
    z-index:    1020;
    position:   absolute;
    top:        50%;
    left:       0;
    right:      0;
    margin-top: -200px;/*大圖文字靠上距離*/
    text-align: left;
}
.banner-content h1
{
    font-size:   68px;
    font-weight: 900;
    font-family: 'Roboto'; /*大圖字型*/
	margin-left:1.3em; /*大圖文字靠左距離*/
	color:#EB5E1C; /*大圖文字顏色*/
}
.banner-img
{
    z-index:    1019;
    position:   absolute;
    top:        0;
    left:       16%;
    right:      0;
    margin-top: -70px;/*S靠上距離*/
}

.text-color{
    font-weight: bold;
}
.network {              /*網絡定位*/
	position:   absolute;
    top:        30%;
    left:       0;
    right:      0;
	width: 1920px; /*寬度直接寫死*/
    height: 100%;
	}

.button-scroll {
	z-index:    1020;
    position: absolute;
    bottom: 5vh;
    left: calc(50% - 13px);
    width: 26px;
    height: 50px;
    border-radius: 15px;
    border: 2px solid #fff;
    cursor: pointer;
}
.button-scroll span {
    position: absolute;
    left: calc(50% - 4px);
    color: #fff;
    bottom: 0;
}
.button-scroll span  i { /*圖標動態設定*/
  position:relative;
    animation-name:godown;
    animation-duration:1s;
	animation-iteration-count:infinite;
}
@keyframes godown{ /*圖標位移設定*/
    from{
        left:0px;top:-25px;
    }
    to{
        left:0px;top:0px;
    }
}
/*------------------------------------*\
    5.  News
\*------------------------------------*/
.parallax2 {
    background-image: url("../images/BG_report.jpg");
    background-attachment: scroll;
    background-position: right;
    background-repeat: no-repeat;
	background-color:#F60;
}
.no-padding{
    padding: 0 !important;
}

.newsgroup{
	background-color:#f5f5f5;
}
.newsgroup .news_bg {
	padding-top:0px;
	padding-bottom:50px;/*新聞區塊和報告距離*/
}
.newsgroup .newslist{
	border-left:#CCC 1px solid;
    padding: 20px 10px 0px 50px; /*新聞列表區塊*/
	margin-left:-10px;
}
.newsgroup .newstitle  h3{ /*新聞大圖文字*/
    color: #ff6700;
	margin-right:40px;
}
.newsgroup .newstitle  h3 a{ /*新聞大圖文字*/
    color: #ff6700;
	text-decoration:none;
}
.newsgroup .newstitle  h3 a:hover{
	color:#f28e1e; /*原始連結顏色*/
	}
.newsgroup .newstitle .photo { /*新聞圖片*/
width:100%;
    text-align:center;
    padding: 10px 15px 20px 0px;}
	
.newsgroup .newslist .more,.newsgroup .newstitle .more {
	font-size:0.9em;
	text-align:right;
	margin-right:55px;
}
.newsgroup .newslist .more,.newsgroup .newstitle  i{
	color:#F60;
}
.newsgroup .newslist .more a,.newsgroup .newstitle .more a{
	text-decoration:none;	
	color:#333;
}	
.newsgroup .newslist p{ /*新聞列表文字*/
    color: #000;
	font-size:1.125em;
	font-weight:300;
	padding-bottom:8px; /*列高*/
}
.newsgroup .newslist a{
    color:#000;
}
.newsgroup .newslist a:hover, .newsgroup .newstitle a:hover{
    color:#ff6700; /*新聞列表文字over*/
}
.newsgroup .newsmore {
	font-size:0.9em;
	text-align:right;
}
.newsgroup .newsmore i{
	color:#F60;
}
.newsgroup .newsmore a{
	text-decoration:none;	
	color:#333;
}

.newslist .item-box{
    display: inline-block;
	border-bottom:#CCC dotted 1px;
	margin-bottom:22px; /*列高*/
	width:100%;
}
.newslist .item-box i{
    float: left;    /*新聞列表icn*/
    font-size: 1em;
	color:#ec5a24;
}
.newslist .item-box .item-right{
    margin-left: 20px;
}

.newslist .item-box p{
    width: 100%;
}

.white_overlay_left{
    width: 50%;     /*報告左邊底塊*/
    background: -moz-linear-gradient(left, #ee7831 0%, #fa9c55 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ee7831 0%,#fa9c55 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ee7831 0%,#fa9c55 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    position: absolute;
    left: 0;
    height: 100%;
}
.issue {
    padding: 60px 60px 50px 10px; /*報告文字區塊*/
    /*background: #fff; */
}
.issue h2{ /*報告文字*/
    color: #FFF;
	margin-bottom:50px;
}
.issue p{ /*報告文字*/
    color: #FFF;
	font-size:1.125em;
	font-weight:300;
	line-height:1.8;
}

.newsgroup .content-desc{
    margin-bottom: 0;
}
.newsgroup .topic-bg{
    padding: 0;
}

.newsgroup .topic-bg .newsmore {
	font-size:0.95em;
	text-align:right;
}
.newsgroup .topic-bg .newsmore i{
	color:#FFF;
}
.newsgroup .topic-bg .newsmore a{
	text-decoration:none;	
	color:#FFF;
}

/*------------------------------------*\
    6.  Statistics
\*------------------------------------*/

.statistic-item-box{
	/*border:#999 solid 1px;*/
	padding-right: 50px;
	margin-top:30px;
}
.statistic-item-box2{
	/*border:#999 solid 1px;*/
	padding-left: 50px;
	margin-top:30px;
}
.statistic-item-box .title, .statistic-item-box2 .title{
    font-size:1.3em;
	font-weight:500;
	padding:0px;
	line-height:24px;
	display:block; /*標題斷行*/
}
.global {
	 margin-top:10px;
	 }
.periods {
	font-size:0.9em;
	color:#666;
	padding:10px 0;
	}
.space-20 {
    margin-bottom: 20px;
}
.top-20 {
    margin-top:50px;
}
.captcha {
    margin-top:27px;
}
/*list*/
.spam-table {
  margin-top: 20px;
}
.spam-table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #f7dcd0;
  font-weight:500;
}
.spam-table > tbody > tr > td {
	color:#333;
	font-weight:400;
	font-size:0.95em;
}
.spam-table > tbody > tr:nth-of-type(odd) {
  background-color: #ffe8dc; /*表格底色ffceb8*/
}
.spam-table > thead > tr > th,
.spam-table > tbody > tr > th,
.spam-table > tfoot > tr > th,
.spam-table > thead > tr > td,
.spam-table > tbody > tr > td,
.spam-table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 0px;/*表格線*/
  text-align:center;
}

/*------------------------------------*\
    11. Insights
\*------------------------------------*/

.parallax6 {
    /*background-image: url("../images/parallax/parallax5.jpg");*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background:#F60;
	background: -moz-linear-gradient(left, #fa9c55 0%, #ee7831 32%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #fa9c55 0%,#ee7831 32%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fa9c55 0%,#ee7831 32%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */;
}
.parallax6::before {
    content: '';
  /*  background: rgba(0, 0, 0, 0.6);*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.client{
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
.insightbox
{
    padding: 50px 15px 40px;
}
.testimonials
{
    padding-bottom: 50px; /*與點的距離*/
}
.testimonials .item
{
    padding-top: 15px;
}
.testimonials .carousel-indicators
{
    bottom: 0;
}
.testimonials blockquote
{
    border:        none;
    text-align:    center;
    color:         #fff;
    position:      relative;
    font-weight:   400;
    margin-bottom: 15px;
}
.testimonials blockquote .fa-quote-left, .testimonials blockquote .fa-quote-right
{
    font-size:   16px;
    position:    absolute;
    margin-left: 15px;
    margin-top:  45px;
    color:       #FFF; /*雙逗號*/
}
.testimonials blockquote .fa-quote-left
{
    margin-left: -25px;
    margin-top:  -15px;
}
.testimonials p
{
    font-size:     2em;
	font-weight:300;
	line-height:1.5;
}
.testimonials .name
{
    color:         #fff;
    font-size:     1em;
    margin-bottom: 15px;
}
.testimonials .carousel-indicators li
{
    background: #ffc3a4; /*點點顏色*/
    border: none;
}
.carousel-indicators li, .carousel-indicators li.active
{
    width:  12px;
    height: 12px;
    margin: 1px 3px;
}
.testimonials .carousel-indicators li.active,.carousel-indicators li.active
{   
    background: #FFF; /*點點定位顏色*/
}
/*------------------------------------*\
    12.  Pricing
\*------------------------------------*/
.pricing-tables{
    padding-bottom: 0;
}
.pricing-tables .btn,
.pricing-tables .navbar > li > a.btn
{
    border:             none;
    border-radius:      3px;
    position:           relative;
    padding:            12px 30px;
    margin:             10px 1px;
    font-size:          14px;
    font-weight:        400;
    text-transform:     uppercase;
    letter-spacing:     0;
    will-change:        box-shadow, transform;
    -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition:         background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition:         box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
        background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition:         box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
        background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
}
.pricing-tables .btn
{
    border-radius: 0px;
}
.pricing-tables .btn:hover{
    color: #fff;
}
/* btn-white */
.pricing-tables .btn.btn-white
{
    color:              #000;
    background-color:   #fff;
    border-color:       #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14),
        0 3px 1px -2px rgba(153, 153, 153, 0.2),
        0 1px 5px 0 rgba(153, 153, 153, 0.12);
    box-shadow:         0 2px 2px 0 rgba(153, 153, 153, 0.14),
        0 3px 1px -2px rgba(153, 153, 153, 0.2),
        0 1px 5px 0 rgba(153, 153, 153, 0.12);
}
.pricing-tables .bs
{
    display:            inline-block;
    position:           relative;
    width:              100%;
    margin-bottom:      30px;
    border: 1px solid;
    color:              #000;
}
.pricing-tables .highlight,
.pricing-tables .highlight h3
{
    color: #fff;
}
.pricing-tables .bs-background-img:after
{
    position:         absolute;
    z-index:          1;
    width:            100%;
    height:           100%;
    display:          bs;
    left:             0;
    top:              0;
    content:          "";
    background-color: rgba(0, 0, 0, 0.5);
    border-radius:    6px;
}
.pricing-tables .bs-pricing
{
    text-align: center;
    position:   relative;
    margin-top: 5px;
}
.pricing-tables .bs-pricing .bs-caption
{
    margin-top: 30px;
    font-size:  32px;
}
.pricing-tables .bs-pricing .cotent
{
    padding:       15px;
    margin-bottom: 0px;
    z-index:       2;
    position:      relative;
}
.pricing-tables .bs-pricing ul
{
    list-style: none;
    padding:    0;
    margin:     10px auto;
}
.pricing-tables .bs-pricing ul li
{
    text-align: center;
    padding:    12px 0;
}
.pricing-tables .bs-pricing ul:not(.nav-pills) li
{
    border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.pricing-tables .bs-pricing.highlight ul:not(.nav-pills) li
{
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

/*------------------------------------*\
   main_statistics_bg
\*-----------------------------------*/
.parallax3 {
    background-image: url("../images/main.jpg"); /*背景大圖*/
    background-attachment: fixed;
    background-position:top;
    background-repeat: no-repeat;
	background-size:100% auto;
}

.main-content
{
    z-index:    1020;
    position:   absolute;
    top:        0;
    left:       0;
    right:      0;
    margin-top: 0;/*大圖文字靠上距離*/
    text-align: left;
}
.main-content p
{
    font-size:   40px;
    font-weight: 900;
    font-family: 'Roboto'; /*大圖字型*/
	margin-left: 370px; /*大圖文字靠左距離*/
	margin-top: 100px;
	margin-bottom: -180px;
	color:#EB5E1C; /*大圖文字顏色*/
	line-height:1.1;
}
.main-img
{
	z-index:    1019;
    position:   absolute;
    top:        0;
    left:       140px;
    right:      0;
    margin-top: -170px;/*S靠上距離*/
	margin-bottom: -90px;/*S靠下距離content.bg 設70px*/
}
.ruleicon { /*大地圖icon*/
	text-align:center;
	color:#888;
	}
.ruleicon li {
	display:inline;
	margin-right:15px;
	font-size:14px;
	}
.ruleicon li.i01::before {
	content:"■";
	color:#ff875f;
	margin-right:5px;
}
.ruleicon li.i02::before {
	content:"■";
	color:#ccc38f;
	margin-right:5px;
}
.ruleicon li.i03::before {
	content:"■";
	color:#877fb2;
	margin-right:5px;
}
.ruler {
	text-align:center;
	padding:0 29%;
	margin-top:-18px;}
.ruler p {
	font-size:0.9em;
}
.ruler td {
	font-size:0.9em;
	color:#666;
    padding:0 10px;}

/*------------------------------------*\
   main_news_bg
\*-----------------------------------*/
.main_newslist {
	margin: 0 30px;/*將row的負值加回*/
	padding: 30px 0;
	}
.main_newslist p {
	color:#666;
	line-height:1.8em;
	}
.main_newslist span{
	font-size:0.95em;
	display:block;
	color:#ff6700;
	text-align:center;
	}
.main_date .date{
	font-size:1.4em;
	}
.main_date{
	border:#e4e4e4 1px solid;
	padding:4px 0px;}
.main_date02{
	color:#999;
	font-size:0.9em;
	padding:4px 15px;
	text-align:right;}	
.main_newslist .newsmore {
	display:block;
	font-size:1em;
	text-align:right;
	margin-right:10px;
}
.main_newslist .newsmore a{
	text-decoration:none;	
	color:#ff6700;
}
.main_newslist .newsmore a:hover{
	text-decoration:none;	
	color:#e53b00;
}
.main_newscontent {
	margin: 0 30px;/*將row的負值加回*/
	padding: 30px 15px;
	}

.main_newscontent p {
	line-height:1.7em;
	font-size:1.05em;
	color:#666;
	padding:5px 0;
	}
.main_newscontent h3 {
	text-align:center;
	font-size:1.5em;
	}
.main_newscontent h4 {
	font-size:1.25em;
	font-weight:500;
	color:#ff6700;
	padding:20px 0 0 0;
	}
.main_newscontent h5 {
	font-size:1.1em;
	font-weight:500;
	color:#000;
	padding:5px 0 0 0;
	}
.main_newscontent h6 {
    margin:20px;
	text-align:center;
	font-size:0.95em;
	font-weight:400;
	color:#bf272d;
}
.main_newscontent ul {
	padding:10px 80px;
	line-height:1.7em;
	font-weight:400;
	color:#000;
	font-size:1em;
	}
.main_newscontent a{
	color:#463da8;
}
.main_newscontent a:hover{
	color:#837ad3;
}
.main_newscontent .newstext{
    margin-top:30px;
	line-height:1.7em;
	font-size:1.05em;
	color:#666;
}
.main_newscontent .newstext img {
  max-width: 100%;
  height: auto;
}
.pager li > a,
.pager li > span {
	color:#999;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  color:#ff6700;
  background-color:transparent;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
}
/*------------------------------------*\
   main_resource
\*-----------------------------------*/
.resource {
	margin: 0 30px;/*將row的負值加回*/
	padding: 30px 15px;
	}
/*resource list*/
.resource-table {
  margin-top: 10px;
}
.resource-table p{
	line-height:1.5em;
}
.resource-table a{
	color:#FF6700;
}
.resource-table a:hover{
	color:#e53b00;
	padding-left:2px;
}
.resource-table > thead > tr > th {
  vertical-align: bottom;
  font-weight:500;
  background-color:#e8e8e8;
  border-bottom: 0px;/*表格線*/
  text-align:center;
}
.resource-table > tbody > tr > td {
	color:#666;
	font-weight:400;
	border:#eee 1px solid;
}
.resource-table > tbody > tr:nth-of-type(odd) { /*even取雙數*/
  background-color: #FFF; /*表格底色ffceb8 ffe8dc */
}
.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 15px;
  line-height: 1.5em;
  vertical-align:middle;
  border-top: 0px;/*表格線*/  
}
.resource_menu 
{   
    float: right ;
	display:block;
	margin-top:30px !important;
}

.rs_btn{
    display:inline-block;
    position:relative;
    padding:6px 10px; /*按鈕設定*/
    color:#666; 
    z-index:0;
    border: none;
    font-size: 0.9em;
    border-radius: 0;
	border:#ccc 1px solid;
	background-color:#FFF;
}
.rs_btn:hover, .rs_btn:focus {
    border-radius: 0;
	border:#ccc 1px solid;
	background-color:#ddd;
}  
/*------------------------------------*\
   mian_insights
\*-----------------------------------*/
.main_insights {
	margin: 0 30px;/*將row的負值加回*/
	padding: 30px 0;
	}
.main_insights h3 {
	padding:15px 0;
	color:#ff6700;
	font-weight:300;
	}
.main_insights p {
	color:#666;
	line-height:1.8em;
	}
.main_insights .tag,.main_insights .tag02  {
  color:#fff;
  background-color:#d64752;
  border-radius: 3px;
  padding: 2px 4px;
  font-size: 0.8em;
}
.main_insights .tag02 {
  background-color:#999;
}
.main_insights .newsmore {
	display:block;
	font-size:1em;
	text-align:right;
	margin-right:10px;
}
.main_insights .newsmore a{
	text-decoration:none;	
	color:#ff6700;
}
.main_insights .newsmore a:hover{
	text-decoration:none;	
	color:#e53b00;
}
.insights_pic{
	padding-right:2em !important;
	margin-top:10px;
}
.insights_text{
	padding-left:2em !important;
	margin-top:10px;
}
.insights_text h3 a{
	text-decoration:none;	
	color:#ff6700;
}
.summary a{
	text-decoration:none;	
	color:#666;
}
.summary a:hover{
	text-decoration:none;	
	color:#000;
}
/*------------------------------------*\
   global content
\*-----------------------------------*/
.global-content .maintitle
{ 
    font-size:     1.5em;
    margin-bottom: 20px;
	padding-bottom:20px;
    text-indent:   0;
	font-weight:500;
	border-bottom:#CCC solid 1px;
}
.global-content .maintitle span
{   
    font-size:     1.4em;
	color:#ff6700;
	font-weight:900;
}
.global-content .nav-pills
{   
    float: right !important;
	margin-top:-40px;
}
.globalmap{
	padding-right: 50px;
	margin-top:30px;
}
/*tab選單設定*/
.globalmap.nav > li {
  position: relative;
  display: block;
}
.globalmap .nav > li > a {
  position: relative;
  display: block;
  padding: 7px 7px;
  background-color: #e0e0e0;
}
.chartmap {
	padding-top:30px;
	padding-bottom:20px;}
.chartmap  .nav > li > a {
  position: relative;
  display: block;
  padding: 5px 5px;
  background-color: #e0e0e0;
}
.globalmap .nav > li > a:hover, .chartmap  .nav > li > a:hover,
.globalmap .nav > li > a:focus, .chartmap  .nav > li > a:focus {
  background-color: #ccc; 
}
.globalmap .nav-pills > li,.chartmap .nav-pills > li {
  font-size:0.9em;
  float: left;
}
.globalmap .nav-pills > li > a ,.chartmap .nav-pills > li > a{
  border-radius: 0px;
}
.globalmap .nav-pills > li + li,.chartmap .nav-pills > li + li {
  margin-left: 2px;
}
.globalmap .nav-pills > li.active > a,
.globalmap .nav-pills > li.active > a:hover,
.globalmap .nav-pills > li.active > a:focus {
  color: #666;
  background-color: #FFF;
  border:#CCC 1px solid;
  padding:6px;
}
.chartmap .nav-pills > li.active > a,
.chartmap .nav-pills > li.active > a:hover,
.chartmap .nav-pills > li.active > a:focus {
  color: #666;
  background-color: #FFF;
  border:#CCC 1px solid;
  padding:4px 5px;
}
/*--tab選單設定*/
.map_title{
    font-size:1.3em;
	font-weight:500;
}
.map_titlesub{
    font-size:1.1em;
	font-weight:400;
	padding:0px;
	line-height:24px;
	display:block; /*標題斷行*/
}
.map_left{
	float:left;
	width:45%; 
	margin:0 2.5%;
}
.map_right{
	float:left;
	width:45%; 
	margin:0 2.5%;
	   }
.globalmap .global {
	padding:0px 15%; /*用間隔來置中*/
	}
/*list*/
.global-table {
  margin-top: 20px;
}
.global-table > thead > tr > th {
  vertical-align: bottom;
  font-weight:500;
  background-color:#e4e4e4;
  border-bottom:#e1e1e1 1px solid;
}
.global-table > tbody > tr > td {
	color:#333;
	font-weight:400;
	font-size:0.95em;
}
.global-table > tbody > tr:nth-of-type(even) { /*odd取單數*/
  background-color: #ffe8dc; /*表格底色ffceb8*/
}
.global-table > thead > tr > th,
.global-table > tbody > tr > th,
.global-table > tfoot > tr > th,
.global-table > thead > tr > td,
.global-table > tbody > tr > td,
.global-table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 0px;/*表格線*/
  text-align:center;
  
}


/*------------------------------------*\
    Page style
\*------------------------------------*/

div.digg{padding:3px;margin:3px;text-align:center}
div.digg a{font-size:0.9em;border:#ccc 1px solid;padding:2px 7px;margin:2px;color:#ccc;text-decoration:none}
div.digg a:hover{border:#666 1px solid;color:#666;}
div.digg a:active{border:#888 1px solid;color:#888;}
div.digg span.current{border:solid 1px #ff6700;padding:2px 7px;font-weight:500;margin:2px;color:#fff;background-color:#ff6700;}
div.digg span.disabled{border:#ddd 1px solid;padding:2px 7px;margin:2px;color:#ddd;}

@media screen and (max-width: 539px)
{

}
/*-----------------------------------------------------------------------------------*/
/*  14. About
/*-----------------------------------------------------------------------------------*/
.about p {
	line-height:1.8em;
	color:#666;
	}
.aboutmain {
	padding:0 26px;
}
.form-field label {
    width: 100%
}
.form-field .btn {
    color: #FFF;
	background-color:#ff875f;
}
.form-field .btn:hover{
    color: #FFF;
	background:#ff6700;
	-webkit-transition: background .3s ease-out;
    -moz-transition: background .3s ease-out;
    transition: background .3s ease-out;
	
}

select {
    -webkit-appearance: none;
    box-shadow: none;
    width: 100%;
    font-weight: 400;
}
label {
    font-weight: inherit;
	color:#666;
}
label input,
label textarea {
    margin-top: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-weight: inherit;
    width: 100%;
    height: 42px;
    padding: 0 15px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 44px;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 0;
    resize: none;
    vertical-align: middle;
    box-shadow: none;
    transition: all 150ms ease-in-out;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus{
    box-shadow: none !important; /*消陰影*/
    border: 1px solid #ffc3a4 !important; /*按下顏色*/
}
textarea {
    height: 100%;
    width: 100%;
    padding: 8px 13px;
    line-height: 24px;
    margin-bottom: 20px;
    min-height: 150px;
    resize: vertical;
    font-weight: inherit;
	border-radius: 0 !important;
    border: 1px solid #ddd !important;
}
.successmsg {
    color:#FF6700 !important;
    display:none;
    padding-top: 0px;
    font-size: 16px;
}
/*------------------------------------*\
    15.  Footer
\*------------------------------------*/
.footer{
    padding:            15px 0;
    background:         #F5F5F5;
    text-align:         center;
}
.footer p{
	font-size:0.9em;
    color: #666;
}
.footer_b{
    padding:            15px 0;
    background: -moz-linear-gradient(left, #ee7831 0%, #fa9c55 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ee7831 0%,#fa9c55 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ee7831 0%,#fa9c55 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    text-align:         center;
}
.footer_b p{
	font-size:0.9em;
    color: #fff;
}

#scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    display: block;
	background:rgba(255, 255, 255, .8);
	border:#FF6700 solid 1px; 
    text-decoration: none;
    display: none;
	-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px; /*圓角*/
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#scroll-to-top i {
    color: #FF6700;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}