body {
    background-color: #DEDEDE;
    background-image: url(/Media/HCCCHomePics/hccc_background.jpg);
    color: #505050;
    font-size: 13px;
    font-weight: normal;
    font-family: Arial, "微软雅黑", "Microsoft YaHei", "微軟正黑體", "Microsoft JhengHei", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "標楷體", DFKai-SB, sans-serif;
    line-height: 20px;
    border-top-width: 0px;
    border-top-color: #3a3a3a;
    border-top-style: solid;
    background-repeat: repeat;
}
.ContentWrap{
	margin-top:85px;
}
.lightBlue{
	color: #26FFFF !important;
}

.darkBlue{
	color: #002040 !important;
}

.orange{
	color: #FF7F00 !important;
}

.darkBlueLink {
	color: #26FFFF !important;
	font:size: 13px!important;
}

.darkBlueLink:hover {
	color: #FF7F00 !important;
}

.whiteLink {
	color: #FFFFFF !important;
	font:size: 13px!important;
}

.whiteLink:hover {
	color: #FF7F00 !important;
}
/***************Start Header******************/
.HCCCNav{
	background-image: url(/Media/HCCCHomePics/HeaderBG.png) !important;
	background-repeat: repeat !important;
	font-size: 16px !important;
	font-weight: bolder  !important;
}

.HCCCNav a{
	color: #ffffff !important;
}

.HCCCNav a:hover{
	color: #FFFF00 !important;
}
.HCCCNav .active>a{
	background-color: #F17A04 !important;
}
.HCCCNav .dropdown-menu {
	background-color: #0D6E83  !important;
	
}

.HCCCNav .dropdown-menu a{
	font-size: 16px !important;
}
.HCCCNav .dropdown-menu a:hover{
	color:#0D6E83  !important;
}

/*making navigation menu v-align to middle*/
.navbar-nav{
	padding-top:15px;
	padding-bottom:15px;
}
/***************End Header******************/

/***************Start Responsive******************/
@media (min-width: 2000px) {
    .navbar-header {
        padding-right: 100px;

    }
}


@media (max-width: 1500px) {
    .navbar {
        font-size: 1.1em;
    }
}

    

@media (max-width: 1200px) {
    .navbar {
        font-size: 1.1em;
    }
    .navbar-header img{
        display:none;
    }
}

@media (max-width: 767px) {
    .HCCCNav{
		background-image: none !important;
		background-color: #055667 !important;
	}
	.ContentWrap{
		margin-top:55px;
	}
}

.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; 
overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:none;
}
/***************End Responsive******************/

/**********************Start Home Page************************/
#divHomePage div[class^="col-"] {
	margin-bottom: 10px !important;
	padding: 0px; 
}

#divMainMenu .dropdown:hover .dropdown-menu{
            display: block;
}

.BannerRight{
	background-color: #002040;
	background-image: url('/Media/HCCCHomePics/BannerRight.png');
	background-size: 100% 100%;
	color:#ffffff;
}
.BannerRight>table{
	margin:auto;
}

.BannerRight td{
	padding:5px !important;
	vertical-align: top;
	font-size:14px;
}



.homeNews{
	background-color: #006175;
	height:279px;
	line-height: 30px !important;
}
.homeNews ul{
	list-style-image: url(/Media/HCCCHomePics/ListStyleImage.png);
	margin-left:20px;
}
.homeNews li{
	padding:1px;
}
.homeNews a{
	color: #FFFFFF;
	font-size: 13px;
}
.homeNews a:hover{
	color: #FF7F00;
}
.HomeSec{
	height: 200px;
	color:#ffffff;
	padding:15px;
	background-color: #002040;
	background-size: 100% 100%;
}
.HomeSecTitle{
	font-size: 15px;
	font-weight:bold;
	padding-bottom:10px;
}
.HomeSec1{
	background-image: url(/Media/HCCCHomePics/Sec_Left.png);
}
.HomeSec2{
	background-image: url(/Media/HCCCHomePics/Sec_Middle.png);
}
.HomeSec3{
	background-image: url(/Media/HCCCHomePics/Sec_Right.png);
}

.HomeSec a {
	color: #FFFFFF;
	font-size: 14px;
}
.HomeSec a:hover {
	color: #26FFFF;
}
/**********************End Home Page************************/
#divBlogOverview{
	
}

#divBlogOverview div[class^="col-"] {
	margin-bottom: 10px !important;
}

.blogViewHeader{
	background-color: #0E7488;
	color: #ffffff;
	padding: 15px;
	font-size: 20px;
}
.articleSec {
	padding-top: 10px;
}
.articleSec .content a{
	color: #002040;
}
.articleSec .content a:hover{
	color: #0E7488;
}
.articleSec:hover{
	background-color: #eeeeee;	
}
.BlogPostContent{
	background-color: #ffffff;
}

.BlogPostContent img{
	max-width:680px;
}
/**********************Start Footer************************/
.footer{
	text-align: center;
	background-color:#0E7488;
	color:#ffffff;
	padding: 10px 0 10px 0;
	margin-top: 10px;
	
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */