body, html { 
	padding:0;
	margin:0;
	height: 100%;
	width: 100%;
	background-color:#ffffff;
	/*font:13px/1.231 "PingFang HK",STHeitiTC-Light,Arial,Meiryo,"Microsoft JhengHei",sans-serif;*/
	font-family: 'PingFang HK', STHeitiTC-Light, Arial, Meiryo, 'Microsoft JhengHei', sans-serif;
	font-weight: normal;
	font-size:13px;
}
* {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
a:link {
	color:#d00000;
	text-decoration:none !important;
	text-shadow:none !important;
	font-weight:normal !important;
}
a:hover {
	color:#f08d00;
	text-decoration:none
}
a:visited {
	color:#d00000
}
a:focus{
	outline:none
}
area:focus{
	outline:none
}
em{
	color:#C00
}
.container-fluid, .row, [class*='col-'] {
 padding:0;
 margin:0
} 
.form-control{
	font-size:17px;
	height:38px;
}
.top {
    width: 1190px;
	margin:auto;
	margin-top:4px;
	height:46px;
	color:#a50000;
	background-color:#ffffff;  
}

.top a {
	color:#a50000
}
.top .lefticon{
	
}
.top .lefticon a{
	padding:0 10px
} 

.topmenu{ 
	background-color:#e30500;
	height:45px;
	margin-top:0px !important;
}
.topmenu .navbar{
	width:1190px;
	margin:auto;
}
.topmenu a{
	display:block;
	color:#ffffff;
	font-size:18px;
	line-height:42px !important;  
}
.topmenu a:hover{
	background-color:#8c0000 !important
}
.topmenu .navbar-nav>li>a{
	padding-top:3px;
	padding-bottom:0
}

.topmenu .nav>li>a{
	padding-left:18px;
	padding-right:18px
}
.topmenu .nav>li>a:focus{
	background-color:#8c0000 !important
}

.topmenu .nav .open>a,.topmenu .nav .open>a:focus,.topmenu .nav .open>a:hover{
	background-color:#8c0000 !important;
	border-color:#b00000!important;
}

.topmenu .nav .dropdown-menu{
	border:none !important;
	background-color:#8c0000 !important;
}
.topmenu .nav .dropdown-menu>li>a{
	color:#FFF !important;
	line-height:35px !important;
	border-color:#b00000
}
.topmenu .nav .dropdown-menu a:hover{
	background-image:none !important;
	background-color:#c70000 !important
}
.navbar-nav{
	margin:0 0
}
.nav>li{
	float:left !important;
}
.lang{
	font-size:17px;
	color:#a50000;
	line-height:35px;
}
.lang a{
	padding:5px;
} 

.titlebar{
	width:100%;
	height:45px;
	line-height:45px;
	overflow:hidden;
	padding:0 10px;
	margin-top:10px;
	color:#FFFFFF;
	background-color:#646464;
	font-size:21px;
}

.titlebar a{
	color:#FFFFFF;
	font-size:17px;
	float:right;
}
 
.maincontent{
	width:1190px;
	min-height:500px; 
	margin-left:auto;
	margin-right:auto; 
	background-color:#f2f2f2; 
} 
.maincontent .content{
	display:block; 
	margin:15px;
	padding:15px;
	background-color:#ffffff;
}
#div-finance{ 
	height:20px;   
	line-height:20px;
	font-size:15px
}
#div-weather{  
	font-size:17px;
 	
}
 
#finance { 
	color: #ffffff;  
}
#finance .change_up {
	color: #3ef000;
	padding-left:10px;
}
#finance .change_dn {
	color: #FF0000; 
	padding-left:10px;
}
#weather { 
	color: #606060;  
	margin-top:1px;
	line-height:40px
}

#weather .warningicon {
	 
}
#weather .weathericon {
	 
}
#weather .temperature {
	 
}
#weather .humidity {
 
}
#weather .icon {
 	width:25px;
	margin-left:5px;
	margin-right:5px;
	vertical-align:middle
} 
 
.v10height{
	clear:both;
	height:10px;
}
 
.bt_icon{
	margin-top:20px
} 
.searchbtn{
	background-image:url(img/search_btn.gif);
	background-repeat:no-repeat;
	width:107px;
	height:32px;
	border:none
}
#gfbtn{
	margin-left:6px;
	cursor:hand;
	cursor:pointer
}



.footer {  
	min-height:100px;  
	width:100%;   
	text-align:center;
}
  
.footer .copyright{
	font-size:13px;
	color:#969696; 
	margin-top:50px;
	margin-bottom:50px;
	font-weight:bold;
} 
  
#top-link-block{
	z-index:999999;
}
#top-link-block.affix-top { 
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 10px; /* padding from the left side of the window */
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 10px; /* height of link element */
    right: 10px; /* padding from the left side of the window */
}
#top-link-block a{
	color:#FFF
}
.backtop{
	background-color:#333333;
	padding:10px 15px 15px 15px; 
	display:block;
	text-align:center
} 
.pagination{
	margin:0;
}
.pagination-lg>li>a, .pagination-lg>li>span{
	padding: 8px 12px;
    font-size: 16px; 
	color:#6e6e6e;
}
.pagination-lg>li>a.active{
	background-color:#e18e18; 
	color:#fff
}
 
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
	color:#FF0000
}
.numnav{
	background-color:#e7e7e7;
	padding:8px;
	margin-bottom:10px;
}
.numnav td{
	color:#6e6e6e
}
.numnav .list{
	float:right;
	border-right:1px solid #d0d0d0
}

.numnav a{
	display:block; 
	padding:0 10px;
	height:30px;
	overflow:hidden;
	text-align:center;
	line-height:30px;
	background-color:#FFF; 
	border:1px solid #d0d0d0;
	border-right:none;
	color:#6e6e6e;
	font-size:15px;
}
.numnav a.last{
	border-right:1px solid #d0d0d0;
}

.numnav a.active{
	background-color:#e18e18;
	border-color:#e18e18;
	color:#fff
} 

.navbar{ 
	border:none !important;
	
}

.navbar .navbar-default{
	background-image:none !important;
	background-color:#880000 !important;
	-webkit-box-shadow:none !important;

}
.navbar-toggle{ 
	margin-right:6px!important;
	border-radius:5px !important;
	border-color:#ec9b9b !important;
	-webkit-border-radius:5px !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #560000;
}
 
.navbar-toggle .icon-bar{
	background-color:#FFF !important;
}
.hi5{
	height:5px
}
em{
	color:#F00
}
.button{
	padding:5px 13px;
	background-color:#3b3b3b;
	color:#ffcc00;
	border:none;
}  

.leftcol{
	width:354px;
	padding-right:7px;
} 
.breaklink{
	word-break:break-all;
}
.paddingLeft_nxs_5{
	padding-left:5px
}

.paddingRight_nxs_5{
	padding-right:5px
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color:#C00;
	border-color:#900
}
.pagination>li>a, .pagination>li>span{
	color:#333
}

/* page banner fade effect */
.page_banner{
	margin-top:5px;
	background-color:#000;
	
}
.page_banner img{
	width:100%;
} 

.page_banner .carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.page_banner .carousel-fade .carousel-inner .item,
.page_banner .carousel-fade .carousel-inner .active.left,
.page_banner .carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.page_banner .carousel-fade .carousel-inner .active,
.page_banner .carousel-fade .carousel-inner .next.left,
.page_banner .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.page_banner .carousel-fade .carousel-inner .next,
.page_banner .carousel-fade .carousel-inner .prev,
.page_banner .carousel-fade .carousel-inner .active.left,
.page_banner .carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.page_banner .carousel-fade .carousel-control {
  z-index: 2; 
}
.page_banner .carousel-fade a.carousel-control {
	width:5%; 
	text-shadow: 0px 0px 5px #666  !important;
	padding-top:7%
}
.page_banner .carousel-fade a.carousel-control img{
	width:60%
}

.page_banner .carousel-indicators{ 
	text-align:center;
	right:10px !important;
	left:auto;
	width:auto;
	line-height:100px;
	margin-left:auto;
	bottom:0; 
}
.page_banner .carousel-indicators li{ 
	border-radius:10px !important;
	margin-left:5px;
}


.panel-title a{
	color:#FFF
}
.panel-title .btn:hover{
	color:#FFF
}
.panel-heading a:hover{
	color:#FFF
}
.panel-title .btn.focus, .panel-title .btn:focus, .panel-title .btn:hover{
	color:#FFF
}
.panel-default>.panel-heading{
	background-image:none !important;
	background-color:#7d7d7d
}

.form-control{
	/*padding-left:3px */
}
/* page banner fade effect */


 
/*  loader */
#loadingdiv {
  display:none;
  position: absolute;
  text-align:center;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 100px;
  margin: -40px 0 0 -40px;
  border-radius: 5px !important;
  padding:10px;
  z-index: 1; 
  background-color:#EBEBEB
}
#loadingdiv .msg{
	font-size:15px;
	text-align:center;
	margin-top:5px;
}
#loadingdiv #cusloader {   
  border: 10px solid #f3f3f3;
  border-radius: 60px !important;
  border-top: 8px solid #C00;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}
/*  loader */

.visible-xs-550{
	display:none;
}

/*  range slider */
.rsbox .slider-selection{
	background:#c60000
}
.rsbox .slider-track{
	background:#c9c9c9; 
	border-radius:5px !important;
}
.rsbox .slider-handle{
	background:#ffffff;
	border-radius:15px !important;
	height:30px;
	width:30px;
	border:1px solid #adadad!important;
}
.rsbox .slider.slider-horizontal .slider-track{
	margin-top:1px !important;
}
.rsbox{
	position:absolute; z-index:998; /* zindex low than collapse 999 */
	padding-top:11px;
	margin-top:-8px;
	display:none;  
}

.rsbox .arrow{
	position:absolute;
	margin-top:-10px;
	margin-left:15px;
}
.rsbox .close{
	float:right;
}

.rsbox .layout{
	background-color:#6e6e6e;
	border-top:1px solid #999;
	padding:20px !important; 
}
.rsbox .layout td{
	padding:0 !important;
}
.rsbox #slider_value{
	margin-bottom:5px;
}
.rsbox td{ 
	color:#FFFFFF;
	font-size:15px !important;
}
.rsbox .glyphicon-remove{
	float:right; color:#FF0000; font-size:17px; margin-top:-5px;
}

.rsbox .btn_form-control{
	padding-left:6px; 
} 
.rsbox .closebtn{
	padding:5px;
	background-color:#d3d3d3;
	text-align:center;
	cursor:pointer;
	cursor:hand;	
}

.haveyoutube{  
	position:absolute;
	display:block;
	width:100%;
	max-width:275px;
	z-index:999; 
	text-align:center;
}
 
.haveyoutube img{ 
	height:190px !important;
	max-width:190px !important; 
	
}  

.content_subtitle{
	font-size:21px; font-weight:bold; margin-bottom:10px; color:#c50000
}
.btn-default{
	text-shadow:none !important;	
}
.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning{
	text-shadow:none !important;
}

.pagination>li>a, .pagination>li>span{
	font-size:17px;
	padding:6px 15px
}
.btn{
	font-size:17px;
}
