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

/* Extra small devices (phones, less than 430px) */
/* No media query since this is the default in Bootstrap */
/*body{position:relative; min-width:300px; max-width:720px; margin:auto; background:#EFEFEF;  font-family: 'Noto Sans TC', sans-serif; -webkit-overflow-scrolling:touch; color:#000; }*/

body{position:relative; margin:auto; background:#EFEFEF;  font-family: "微軟正黑體",Microsoft JhengHei,Helvetica Neue,Verdana,Arial,LiHei Pro Medium,Helvetica,sans-serif; -webkit-overflow-scrolling:touch; color:#000; }
body.modal-open .mm-slideout{z-index:inherit;}

library{display:block; width:100%; height:100%; clear:both;}

@font-face {
	font-family:'hket-icon';
	src:url('../fonts/hket-icon.eot');
	src:url('../fonts/hket-icon.eot#iefix') format('embedded-opentype'),
url('../fonts/hket-icon.ttf') format('truetype'),
url('../fonts/hket-icon.woff') format('woff'),
url('../fonts/hket-icon.svg#hket-icon') format('svg');
	font-weight:normal;
	font-style:normal;
}


[class^="hket-icon-"], [class*=" hket-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family:'hket-icon' !important;
}



[class^="hket-icon-"], [class*=" hket-icon-"], [class^="weather-icon-"], [class*=" weather-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  speak:none;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

[class*="hket-icon-"]:before, [class*="weather-icon-"]:before, [class^="hket-icon-"]:before, [class^="weather-icon-"]:before{ content:attr(data-icon);}


.col-lg-5-12, .col-lg-5-8, .col-lg-5-6, .col-lg-5-4, .col-lg-5-2, .col-md-5-12, .col-md-5-8, .col-md-5-6, .col-md-5-4, .col-md-5-2, .col-sm-5-12, .col-sm-5-8, .col-sm-5-6, .col-sm-5-4, .col-sm-5-2, .col-xs-5-12, .col-xs-5-8, .col-xs-5-6, .col-xs-5-4, .col-xs-5-2, .col-lg-8-12, .col-md-8-12, .col-sm-8-12, .col-xs-8-12, .col-lg-10-12, .col-md-10-12, .col-sm-10-12, .col-xs-10-12{position:relative; min-height:1px; padding-right:15px; padding-left:15px;}
.col-xs-5-12{float:left; width:100%;}
.col-xs-5-8{float:left; width:80%;}
.col-xs-5-6{float:left; width:60%;}
.col-xs-5-4{float:left; width:40%;}
.col-xs-5-2{float:left; width:20%;}
.col-xs-7-12{float:left; width:14.3%;}
.col-xs-8-12{float:left; width:12.5%;}
.col-xs-9-12{float:left; width:11.1%;}
.col-xs-10-12{float:left; width:10%;}
.col-xs-11-12{float:left; width:9.09%}



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.col-sm-5-12{float:left; width:100%;}
.col-sm-5-8{float:left; width:80%;}
.col-sm-5-6{float:left; width:60%;}
.col-sm-5-4{float:left; width:40%;}
.col-sm-5-2{float:left; width:20%;}
.col-sm-7-12{float:left; width:14.3%;}
.col-sm-8-12{float:left; width:12.5%;}
.col-sm-9-12{float:left; width:11.1%;}
.col-sm-10-12{float:left; width:10%;}
.col-sm-11-12{float:left; width:9.09%}
}



.col-offset-215:after, .col-offset-330:after{content:''; display:block; padding-top:15px; margin-bottom:15px; border-bottom:1px solid #dfdfdf; clear:both;}





/* Bootstrap Customize */
.container-fluid{padding:0;}
@media (min-width: 1300px){.container{width:1250px;}}
@media (min-width: 1400px){.container{width:1350px;}}
.ios-sticky{-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.sticky{overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;}
/*.ios-sticky{position:-webkit-sticky; position:-moz-sticky; position:-o-sticky; position:-ms-sticky; position:sticky; top:0; z-index:1;}*/

@media (min-width: 992px){	
.equal{display:-webkit-flex; display:flex; -webkit-flex-direction:row; flex-wrap:wrap; flex-direction:row}
.equal > div[class*='col-']{display:flex; flex-direction:column;}
}

/* Global CSS */
.font-en{font-family:Arial, sans-serif;}
.margin-none{margin:0;}
.padding-none{padding:0;}
.padding-left-none{padding-left:0;}
a, a:focus, a:hover, a:active{display:block; text-decoration:none;} 
ul{margin:0; padding:0; list-style:none;}
.container-img {position:relative; overflow:hidden; width:100%; height:200px;}
.container-img img{position:absolute; top:0; left:0; right:0; margin:auto; width:100%;}
.float-left{float:left;}
.float-right{float:right;}
.vectical-line-left{border:0;}
.vectical-line-right{border:0;}

.horizontal-line{margin:15px 0; border-bottom:1px solid #dfdfdf;}
.horizontal-line-section{margin-top:15px; margin-bottom:50px; border-bottom:1px solid #dfdfdf;}
.content-wrapper{background-color:#fff;}
.dotted{height:9px; background-image:-webkit-repeating-radial-gradient(center center, rgba(0,34,51,.2), rgba(0,34,51,.2) 1px, transparent 1px, transparent 100%); background-image:-moz-repeating-radial-gradient(center center, rgba(0,34,51,.2), rgba(0,34,51,.2) 1px, transparent 1px, transparent 100%); background-image:-ms-repeating-radial-gradient(center center, rgba(0,34,51,.2), rgba(0,34,51,.2) 1px, transparent 1px, transparent 100%); background-image:repeating-radial-gradient(center center, rgbargba(0,34,51,.2), rgba(0,34,51,.2) 1px, transparent 1px, transparent 100%); -webkit-background-size:3px 3px; -moz-background-size:3px 3px; background-size:3px 3px;}
.section-break{margin-bottom:20px;}
.separate-line:after{content:''; display:block; margin-top:8px; margin-bottom:8px; border-bottom:1px solid #dfdfdf;}
.virus-total{color:#fbad18;}
.virus-dead{color:#51af47;}
.decrease{color:#50af48;}
.increase{color:#ff0000;}


/* section widget */
.section-01-widget:after, .section-02-widget:after, .section-03-widget:after, .section-05-widget:after, .section-06-widget:after, .section-07-widget:after{content:''; display:block; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #dfdfdf;}

/*scroll to top 
.scrollToTop{position:fixed; display:none; bottom:30px; right:30px; width:50px; height:50px; border-radius:50%; text-align:center; text-decoration:none; opacity:0.8; z-index:10;}
.scrollToTop > span{font-size:16px; line-height:50px; color:#fff;}*/