.header-img{
	width:100%;
}

#tableNews,#tableCommon{
	margin:0 10px;
	line-height:160%;
	width:100%
}
.index_area1{
		padding-top:20px;
		width:100%;
}
body .index_area1 .index_area1_1
body .article{
		float: left;
		width: 100%;
		margin-right: 15px;
		padding: 3px;
		}
.newThreadTitle {
    font-weight: bold;
}
.newsThread li{
	margin: 0.6em;
	line-height: 160%;
}
.index_area1 .index_area1_1 .header{
	color:#fff;
	background-color:#D43737;
	padding:9px;
	padding-left: 20px;
	font-size:1.4em;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
	margin-bottom:10px;
}

body .index_area1 .index_area1_2
{
		float: left;
		width: 100%;
		/*margin-right: 15px;*/
		padding: 3px;
		}
.index_area1 .index_area1_2 .header{
	color:#fff;
	background-color:#1B78B6;
	padding:9px;
	padding-left: 20px;
	font-size:1.4em;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.index_area1 .index_area1_2 .cont_area>div{
	float:left;
	width:50%;
	height:25%;
	border-bottom:1px solid #91a6b4;
	padding:16px 10px;
	position: relative;
}

.index_area1 .index_area1_2 .cont_area{
	position:relative;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
	height:240px;
	overflow:hidden;
}
.index_area1 .index_area1_3_1 .header{
	color:#fff;
	background-color:#007D75;
	padding:9px;
	padding-left: 20px;
	font-size:1.4em;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
body .index_area1 .index_area1_3_1,
body .index_area1 .index_area1_3_2,
body .index_area1 .index_area1_3_3,
body .index_area1 .index_area1_3_4
{
		float: left;
		width: 100%;
		margin-top: 20px;
		padding: 3px;

}
.index_area1 .index_area1_3_1 .cont_area ul li,
.index_area1 .index_area1_3_1 .cont_area ul a,
.index_area1 .index_area1_3_2 .cont_area ul li,
.index_area1 .index_area1_3_2 .cont_area ul a,
.index_area1 .index_area1_3_3 .cont_area ul li,
.index_area1 .index_area1_3_3 .cont_area ul a,
.index_area1 .index_area1_3_4 .cont_area ul li,
.index_area1 .index_area1_3_4 .cont_area ul a{
	padding:8px;
	margin:0;
}
.index_area1 .index_area1_3_2 .header{
	color:#fff;
	background-color:#7730cd;
	padding:10px;
	font-size:1.4em;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.index_area1 .index_area1_3_3 .header{
	color:#fff;
	background-color:#FF8C00;
	padding:10px;
	font-size:1.4em;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.index_area1 .index_area1_3_4 .header{
	color:#fff;
	background-color:#32CD32;
	padding:10px;
	font-size:1.4em;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
#tableCommonHeader{
	margin-top: 30px;
	font-size: 1.4em;
	color:#1B78B6;
}
.tabs h2{
	font-size:0.9em;
}
.article{
	width:100%;
	display: inline-block;
}
.articleContent {
	font-size:1em;
	width:100%;
	padding:0px;
	list-style-type:none;
}
.articleContent li{
	float:left;
	display: inline-block;
	width :100%;
	margin:0;
}
.articleIMG{
	list-style-type:none;
}
.smallIMG img{
	/*padding-left:20%;
	padding-right:20%;*/
}
.sizeChart {
	margin-top: 30px;
	width: 100%;
	height: auto;
	list-style-type:none;
}
/*--------mobile version-----------------*/
@media screen and (max-width: 1200px) {
	.articleTop h1{
		margin-top: 30px;
		font-size: 0.9em !important;
		color:#1B78B6;
}
.tabs h2{
	font-size:0.9em;
}
.maincol{
	width:100%;
}
body .article{
		float: left;
		width: 100% !important;
		margin-right: 15px;
		padding: 3px;
		display: inline-block !important;
		}
}

#Diseases {
	border-top:1px solid #DCE3EB;
	border-left:1px solid #DCE3EB;
	width:100%;
	background:#FFF;
	margin-top:5px;
}

#Diseases caption{
	border-top:1px solid #DCE3EB;
	border-left:1px solid #DCE3EB;
	border-right:1px solid #DCE3EB;
	font-weight:bold;
	background:#edf5ff;
	text-align:left;
	padding:5px;
}
#Diseases th{
	border-bottom:1px solid #DCE3EB;
	border-right:1px solid #DCE3EB;
	vertical-align:top;
	font-weight:bold;
	background:#F7F9FF;
	padding:5px;
	text-align:center;
}
#Diseases .title {
	font-weight:bold;
	border-bottom:5px;
	background:#edf5ff;
}
#Diseases .header {
	font-weight:bold;
	background:#F7F9FF;
}
	
#Diseases td {
	border-bottom:1px solid #DCE3EB;
	border-right:1px solid #DCE3EB;
	vertical-align:top;
	padding:10px;
}
/* Current Situation */
#Diseases .sta_num {
	text-align:center;
}
/* Leading Cause of all Deaths */
#Diseases .sta_arrange{
	text-align:right;
	padding-right:1.5em;
}
#Diseases name:focus { background: lightblue; }

#Diseases .Choice_Odd {
 background: #F0F8FF;
 padding:5px 10px;
}
#Diseases ul {
}

#Diseases li{
}
#Diseases .highlight {
	color:#006643;
	font-weight:bold;
}

#VideoText {
	width:100%;
}

#footericon {
    width: 100%;
    border: 0;
	display: table;
	padding:0px 0px 0px 0px
}
#footericon > li {
	display: inline;
}
#footericon > ul {
	padding:0px 0px 0px 0px
}
#footericon img {
    height: 45px;
    border: 0px;
	padding: 0px 5px 10px 5px;
}

#footericon .newWinIMG {
	width:12px;
	height:9px;
	padding: 0px;
}

.terms {
	width:70%;
}
.lastupdate {
	width:100%;
}
/* Added by SamLam */
#boxes #mask{ 
              position:fixed; 
              left:0; 
              top:0; 
              bottom:0; 
              right:0; 
              z-index:9000; 
              background-color:#26262c; 
              display:none; 
              width: 100%; 
              font-size: 32pt; 
              color:white; 
              height: 100%; 
              opacity: 0.4; 
      } 
#boxes .window{ 
        position:fixed; 
        top: 50%; 
        left: 50%; 
        -webkit-transform: translate(-50%,-50%); 
        -ms-transform: translate(-50%,-50%); 
        transform: translate(-50%,-50%); 
        overflow: auto; 
        display:boxes; 
        z-index:9999; 
        border-radius: 5px; 
        text-align: center; 
} 

/* Mobile View */
@media screen and (max-width: 1200px)  {
    #boxes #dialog{ 
        width:90%; 
        height:auto; 
        background-color:#ffffff; 
        font-size: 13pt;
		max-width:70vh;
	} 
}

/* Styles for screens wider than 1024px (e.g., desktops) */
@media (min-width: 1024px) and (min-height:820px){
    #boxes #dialog{ 
        width:500px; 
        height:auto; 
        background-color:#ffffff; 
        font-size: 13pt; 
	} 
}

@media screen and (min-width: 1024px) and (max-height:820px){
    #boxes #dialog{ 
        width:auto; 
        height:auto; 
        background-color:#ffffff; 
        font-size: 13pt;
		max-width:70vh;
	} 
}

.boxdiawrapper{ 
        width: 100%; 
        height: 100%; 
        position: relative; 
        display: inline-block; 
} 

.boxdiawrapper .agree{ 
        position: absolute; 
        top:0; 
        right: 0; 
        cursor: pointer; 
        color: #fff; 
        background: #02751a; 
        padding: 0.5% 1%; 
} 

.boxdiawrapper .boxcont{ 
        padding-top: 20px; 
        display: inline-block; 
        width: 100%; 
                padding-bottom: 30px; 
                padding-left: 30px; 
                padding-right: 30px; 
} 

.boxdiawrapper .boxcont h2{ 
        text-align: center; 
} 

.boxdiawrapper .boxcont #san{ 
        text-align: center; 
} 


img { 
        overflow-clip-margin: content-box; 
        overflow: clip;         
        width: 100% 

        height: 100% 
        vertical-align: middle; 
        max-width: 100%; 
        object-fit: cover; 

} 

.hidden-div { 
            display: none; 
            } 
