body {font-family: "Arial", "Helvetica", "sans-serif","新細明體","Microsoft JhengHei","微軟正黑體" ;}

.date { color: #000000;font-weight:bold;}
.press_title { color: 000066;}
.font_bold {font-weight:bold;}
.float_center {text-align:center;}
.font_underline {text-decoration:underline;}
.caption {font-style:italic;}
.font_italic {font-style:italic;}
.float_right {float:right;}
.float_left {float:left;}
.img-cap {font-size: 7pt;}
.center {margin:0 auto;}
.align-left {text-align:left;}
.clear {clear:both; height:5px;}
.note {font-size:0.9em}
.right {text-align:right;}

.headerArea, .footerArea
{
	font-size:13px !important;
}

.bodyArea
{
	font-size:13px;
}

.promotion
{
	font-size:13px;
}

.highlightArea
{
	font-size:14px;
}

/*.mainContent ol, .mainContent ul {
	margin-left: 25px;
}*/

.bodyArea .mainContent
{
	min-height:800px;
	background-color:#FFFFFF;
	width:98.5%;

}

.bodyArea .headerMenu
{
font-size:15px;
}

.mainContent p
{
	margin-left:10px;
	line-height:1.5em;
}
/*=========header=========*/

body
{
	background-repeat:repeat-x;
	background-image:url(../images/bg_top.jpg);
}

.headerArea .headerBg
{
	background-color: #e0e0e0;
	height: 43px;
	width:100%;
	position:absolute;
	top: 122px;
	left: 0;
	z-index: -1;
	border-bottom:3px solid #203682;
}

.headerArea ul
{
	margin:0;
	padding: 0;
}

.headerArea .myTool
{
	/*background-color:#fff;*/
	/*float:left;*/
}

.headerArea .headerTool
{
	/*background-color:#032257;*/
	background-color:inherit;
	width: 100%;
	float:left;
	color:#000;
	background-image:url(../images/clf/bkgdtexture.gif);
}

.headerArea .headerTool .langTool
{
	color:#fff;
	background-color:#717171;
	display: inline-block;
}

.headerArea .headerTool .langTool li, .headerArea .headerTool .langTool a
{
	margin:0;
}

.headerArea .headerTool .langTool li span
{
	margin: 0;
}

.headerArea .headerTool2
{
	width: 100%;
}

.headerArea .headerTool a, .headerArea .headerTool a:link, .headerArea .headerTool a:visited
{
	color:#fff;
}

.headerArea .headerTool a:hover,
.headerArea .headerTool a:focus
{
	color:#000;
	text-decoration:none;
}

.headerArea .topHeaderTool
{
	margin:5px 0 25px 0;
}

.headerArea .bottomHeaderTool
{
	margin:5px 0 5px 0;
}

.headerArea .headerTool .myTool .myLogo, .headerArea .headerTool .topHeaderTool>div, .headerArea .headerTool .bottomHeaderTool>div
{
	float:left;
}

.headerArea .headerTool .myTool .myLogo
{
	position:relative;
	z-index:100;
}

.headerArea .headerTool .myTool .myLogoBg
{
	position:absolute;
	left:0;
	right:0;
	height:101px;
	background-repeat:repeat-x;
	background-image:url(../images/bg_header.jpg);
	z-index:1;
}

.kcsVersion .headerArea .headerTool .myTool .myLogoBg
{
	height:72px;
}

.headerArea .headerTool .myTool .leftHeaderTool
{
	float:left;
	margin-top:4px;
}

.headerArea .headerTool .myTool .rightHeaderTool, .headerTool .topHeaderTool, .headerArea .bottomHeaderTool
{
	float:right;
	width:80%;
}

.clientTool
{
	text-align: right;
}

.headerArea .clientTool>ul>li>div>*
{
	padding:4px 12px;
}

.clientTool li *
{
	display:inline;
	vertical-align:bottom;
}

.clientTool li .aaaTool, .clientTool li .aaaTool *
{
	vertical-align:inherit;
}

.logIOTool a
{
	background:#d73d32;
}

/*.headerArea ul
{
	float: left;
}*/

.headerArea li, .headerArea a
{
	margin:0 2px;
	padding:0;
	float:none;
	display:inline;
	text-decoration:none;
	/*vertical-align: bottom;*/
}

.headerArea .headerMenu li, .headerArea .headerMenu a
{
	margin:0;
}


.headerArea a:hover, .headerArea a:focus
{
	text-decoration:underline;
}

.headerArea .myTool, .headerArea .myTool a
{
	color:#000;
}

.headerArea .langTool
{
	margin-top:10px;
}

.headerArea .bottomHeaderTool .contactus img
{
	vertical-align: initial;
	margin:0 5px;
}

.headerArea .bottomHeaderTool .searchTool
{
	margin-left:3px;
	margin-top: -2px;
}

.headerArea .hrbTool input
{
	margin-left: -5px;
	display: inline;
	width: 180px;
	margin-top: 5px;
	/*margin-right: 12px;*/
}

.headerArea .searchTool .hrbTool a
{
	/*position: relative;
	background-color:#3a6ecf;*/
	color:#000;
	padding:0 5px;
	font-weight: bold;
	font-size: 12px;
}

.headerArea .searchTool .hrbTool a:hover,
.headerArea .searchTool .hrbTool a:focus
{
	color:#cc3333;
	text-decoration:none;
}

.headerArea .aaaTool
{
	margin-top:-5px;
	margin-right:5px;
}

.headerArea .bottomHeaderTool .searchTool .searchBtn img
{
	/*position: absolute;
	top: 0;
	right: 10px;*/
	margin-left:5px;
}

.headerArea .headerTool .headerMenu
{
	text-align:center;
	/*font-size: .8em;*/
	display: inline-block;
	*zoom: 1;
	*display: inline;
	width:584px;
	height: inherit !important;
}
/*
.headerArea .headerTool .searchTool
{
	display: inline-block;
	*zoom: 1;
	*display: inline;
	width:416px;
	position:relative;
	background-image: url(../images/bg_search.png);
	background-repeat: no-repeat;
	padding-top: 8px;
	margin-top: -18px;
	z-index: 9876;
}*/

.headerArea .headerTool .hrbTool
{
	/*position: absolute;
	left: 0;
	right: 0px;
	z-index: 9876;
	height: 50px;*/
	/*background-color:#fff;*/
}

.headerMenu>ul
{
	width:100%;
}

.headerMenu ul li
{
	float: left;
	margin:0;
}


.headerMenu ul .close ul
{
	display:none;
}

body .headerMenu ul li .menu-arrow {
	display: none;
}

@media (max-width: 767px){
	body .headerMenu .tMenu li.open ul,
	body .headerMenu ul .excActive>ul {
		position: relative;
	}
	body .headerMenu ul .excActive.close>ul {
		display: block;
	}
	body .headerMenu ul .open>ul {
		display: none;
	}
	body .headerMenu ul .excActive.open>ul {
		display: block;
	}

	body .headerMenu ul li a{
		position: relative;
	}
	body .headerMenu ul li .menu-arrow {
	    position: absolute;
	    display: table;
	    right: 0;
	    top: 0;
	    z-index: 9999;
	    bottom: 0;
	    margin: auto;
	    /*
	    background-color: yellow;
	    padding: 5px;
	    */

	    width:20px;
	    height:20px;
	    text-align: center;
	    margin-right:10px;
	    background-image:url(../images/arrow-down.png);
	    background-size:100% auto;
	    background-position: center;
	}
	body .headerMenu ul li.excActive .menu-arrow {
	    background-image:url(../images/arrow-up.png);
	}

}

.headerMenu ul .open > ul/*, .headerMenu ul li ul.activeUl*/
{
	display:block;
}

.headerMenu ul li a>div
{
	float:left;
}

.headerMenu ul.menuLv1
{
	z-index:9999;
	/*width:220px;*/
	text-align:left;
}

.headerMenu ul.menuLv1 li {

	position: relative;
}
.headerMenu ul.menuLv1>li
{
	float:none;
}

.headerMenu ul.menuLv1 li a
{
	padding: 10px;
	/*width:220px;*/
}

.headerMenu ul.menuLv1.shortList
{
	width:240px;
}

.headerMenu ul .longList
{
	float:left;
	position:relative;
}

.headerMenu .longList ul.menuLv1.numUl1
{
	left:220px;
}
.headerMenu .longList ul.menuLv1.numUl2
{
	left:440px;
}

.headerMenu ul.menuLv0
{
	margin: 0;
	padding: 0;
}

.headerMenu ul.menuLv0, .headerMenu ul.menuLv0 li
{
	list-style-type:none;
	position: relative;
}

.headerMenu ul.menuLv0>li.firstLi
{
	/*border-left: #fff 1px solid;*/
}



.headerMenu ul.menuLv0>li.firstLi>a img
{
	margin:0 10px;
}



.headerMenu ul.menuLv0 li:nth-child(3)::after{
	content: "";
    padding-left: 5px;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    background-image: url('../images/Icon_We fight the virus.png');
    background-size: contain;
    position: absolute;
    top: 3px;
    right: 10px;
}

.headerMenu ul.menuLv0 li.new_en::after{
	background: url('../../images/index/icon-new.png');
    background-size: auto;
    padding-left: 5px;
    vertical-align: middle;
    background-size: contain;
    position: absolute;
    top: 10px;
    right: 10px;
    content: "";
    height: 16px;
    width: 37px;
}

.headerMenu ul.menuLv0 li.new_ch::after{
	background: url('../../images/index/icon-new_chi.png');
    background-size: auto;
    padding-left: 5px;
    vertical-align: middle;
    background-size: contain;
    position: absolute;
    top: 10px;
    right: 10px;
    content: "";
    height: 16px;
    width: 37px;
}

.headerMenu ul.menuLv0 li ul li:nth-child(3)::after{
	content: none;
}

.headerMenu ul.menuLv0>li
{
	/*border-right: #fff 1px solid;
	/*width: 165px;*/
}

.headerMenu ul li ul
{
	position:absolute;
}

.headerMenu ul.menuLv0>li>a
{
	margin:0;
	padding:3px 0;
}

.chineseVersion .headerMenu ul.menuLv0>li>a
{

}

.headerMenu .tMenu a>span{margin: 0 0px;}
.headerMenu .tMenu a:link, .headerMenu .tMenu a:visited{display:block; color:#000;  /*height: 33px*/; padding:10px; background-color:#FCFCF5; width: 190px;border-bottom: 1px solid #DDDDC7;}

.headerMenu .tMenu li.open{position:relative;}

.headerMenu .tMenu li.open > ul{
	position: absolute;
	top: 0;
	left: 100%;
	margin: 0;
	padding: 0;
}

.headerMenu .tMenu li.open > ul li a
{
	margin:0;
}

/*.headerMenu .tMenu .firstLi>a:link, .headerMenu .tMenu .firstLi>a:visited{padding:10px 0;}*/

.headerMenu .tMenu a:hover, .headerMenu .tMenu a:focus, .headerMenu .tMenu a:active, .headerMenu .tMenu a.active_section{background-color:#EEE0B6; color:#000; text-decoration:none; font-weight:normal;}
.headerMenu ul.menuLv0>li:nth-child(3)>a { background-color: #BAC77E; }

.headerMenu .tMenu .menuLv1 a{padding:10px 20px;}
.headerMenu .tMenu .menuLv1 a:link, .headerMenu .tMenu .menuLv1 a:visited, .headerMenu .tMenu .menuLv1, .headerMenu .tMenu .menuLv1{background-color:#EEE0B6;color:#000;}
.headerMenu .tMenu .menuLv1 a:hover, .headerMenu .tMenu .menuLv1 a:focus, .headerMenu .tMenu .menuLv1 a:active, .headerMenu .tMenu .menuLv1 a.active_section{background-color:#965441; font-weight:normal; color:#fff;}
.headerMenu .tMenu .menuLv1 hr{
  margin-top: auto;
  margin-bottom: auto;
  border: 1px solid #b9c7d6;
  border-top: 0;
  width: 90%;
  margin: 0 auto;
}

.left_menu>div
{
	position:relative;
	z-index:8000;
}

.left_menu>div.menuBg
{
	position:absolute;
	top:0;
	bottom:0;
	background-color:#fff;
	width:190px;
	z-index:5000;
}

.leftMenuArea
{
	float:left;
	width: 190px;
	background-color:#fff;
}

.leftMenu
{
	 float: left;
	 display:block;
	 height: 0;
}

.left_menu{
	width: 190px;
	min-height:100%;
	/*height:100%;*/
	/*position:absolute;*/
	z-index:999;
}

.chineseVersion .headerMenu .tMenu .menuLv1 a{ min-height:19px;}

.copyrightBar{  text-align: center;margin: 20px 0;}

/*=========footer=========*/

.footerArea
{
	background-color:#fff;
}

.footerArea
{
	 color:#000;
}

.footerMenu ul.menuLv0>li.firstLi
{
	display:none;
}

.footerMenu ul, .footerMenu ul li
{
	list-style-type:none;
	padding:0;
}

.indexVersion .footerMenu .bMenu
{
	display:block;
}

.footerArea
{
	/*padding-top:10px;*/
	position:relative;
	padding-bottom:7px;
}

.footerArea .container
{
	position:relative;
	z-index:1000;
}

.footerArea .footerMenu
{
	padding-bottom:30px;
}

.footerArea .myFooterBg
{
	position: absolute;
	left: 0;
	right: 0;
	background:#012056;
	bottom:0;
	z-index: 1;
}

.footerMenu .bMenu
{
	display:none;
}

.footerMenu .bMenu li
{
	display: list-item;
	margin:10px 0;
}

.footerMenu .bMenu .menuLv1 li
{
	max-width: 120px;
}

.footerArea .footerMenu .bMenu>li
{
	float:left;
	margin: 10px 25px 10px 25px;
}

.footerMenu .bMenu
{
	/*border-bottom-color:#4d739c;
	border-bottom-style:solid;
	border-bottom-width:1px;*/
	padding: 0 0 30px 0;
	font-size:1em;
	margin-top: 0;
}

.footerMenu .shortList
{
	max-width:120px;
}

.footerMenu .longList>ul
{
	float:left;
}

.footerMenu .longList .firstUl
{
	margin-left:0;
}

.footerMenu .longList ul
{
	margin-left:20px;
}

.footerMenu .bMenu .menuLv1 a:link, .footerMenu .bMenu .menuLv1 a:visited
{
	display: inline;
}

.footerMenu .bMenu a:link, .footerMenu .bMenu a:visited{display:block; color:#fff; font-weight:bold;}
.footerMenu .bMenu a:hover, .footerMenu .bMenu a:focus, .footerMenu .bMenu a:active, .footerMenu .bMenu a.active_section{text-decoration:none;}

.footerMenu .bMenu .menuLv1 a:link, .footerMenu .bMenu .menuLv1 a:visited, .footerMenu .bMenu .menuLv1, .footerMenu .bMenu .menuLv1{color:#fff;font-weight:normal;}
.footerMenu .bMenu .menuLv1 a:hover, .footerMenu .bMenu .menuLv1 a:focus, .footerMenu .bMenu .menuLv1 a:active, .footerMenu .bMenu .menuLv1 a.active_section{text-decoration:underline;}


body .footerArea ul.fMenu
{
	list-style-type:none;
	padding:0 0 10px 0;
	margin-bottom:0;
}

body .footerArea ul.fMenu, body .footerArea .copyRight, body .footerArea .copyrightBar
{
	text-align:center;
}

body .footerArea ul.fMenu
{
	margin:2px 0;
	display: inline;
}

body .footerArea ul.fMenu>li, body .footerArea .copyrightBar
{
	margin:0;
}

.footerArea .updateDate
{
	 float:right;
	 /*margin-top:20px;*/
	 margin-right:15px;
}

.footerArea ul.fMenu, .footerArea ul.fMenu li
{
	list-style-type:none;
	padding:0;
}

.footerArea .fMenu>li
{
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.footerArea .fMenu>li a
{
	display: inline;
	margin: 0 5px;
}

.footerArea .fMenu>li .firstItem{margin-left:0}
.footerArea .fMenu>li .lastItem{margin-right:0}
/*
.footerArea .fMenu{color:#a6c3e0; margin-bottom:10px;}
.footerArea .fMenu a:link, .footerArea .fMenu a:visited{color:#a6c3e0;text-decoration:none;}
.footerArea .fMenu a:hover, .footerArea .fMenu a:focus, .footerArea .fMenu a:active, .footerArea .fMenu a.active_section{text-decoration:underline;}*/

.copyRight
{
	color:#000;
	display: inline;
	margin-top:20px;
	margin-left: 200px;
}

.myheaderTool
{
	float:left;
	width:100%;
}

/*=========Page Buttom=========*/

.btmNav {
	/*margin: 50px 0 0 0;
	/*height: 60px;*/
	width: 815px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	float: right;
}

.backBtn{
	/*background-image: url(../images/btn_back.png);*/
	background-repeat: no-repeat;
	/*width:54px;
	height: 19px;*/
	float: left;
	/*padding: 10px 15px;*/
	padding: 7px 12px;
	/*background-color: #d8e2ed;*/
	color: #172e4d;
	margin:0;/*
	margin:0 0 0 50px;*/
	background-color: #FAB965;
	font-weight:bold;
	margin-left:10px;
}

.topBtn{
	/*background-image: url(../images/btn_top.png);*/
	background-repeat: no-repeat;
	float: right;
	padding: 7px 12px;
	color: #172e4d;
	margin:0;
	background-color: #FAB965;
	font-weight:bold;
	margin-right:7px;
}

.backBtn a{
	color: #172e4d;
	/*margin-left: 25px;*/
}

.backBtn a:hover,.backBtn a:focus{
	text-decoration:none;
}

.topBtn a{
	color: #172e4d;
	/*margin-left: 25px;*/
}

.topBtn a:hover,.topBtn a:focus{
	text-decoration:none;
}

/*=========breadcrumb=========*/
.contentArea .breadcrumb
{
	font-size:1em;
	background-color:transparent;
	color:#000;
	/*margin: 0 10px 0 10px;*/
	/*float:left;*/
	min-width:50%;
	z-index:7888;
	position:relative;
	display:inline-block;
	padding:0;
}

.breadcrumb a
{
	color:#f00;
}

.breadcrumb ul
{
	margin-left:.2em;
}

.breadcrumb ul li span, .bodyArea .breadcrumb span
{
	font-weight:bold;
}

.indexVersion .breadcrumb
{
	display:none;
}

.listStyleInline
{
	display: inline;
	padding: 0;
}

.listStyleInline li, .listStyleInline li>*, .listStyleInline li>a
{
	margin:0 1px;
	padding:0;
	float:none;
	display:inline;
}

/*=============Header============*/
.mainHeader
{
	/*margin: 4px 10px 10px 10px;*/
	position:relative;
	/*padding-top: 70px;*/
}

.mainHeader h1
{
	text-align:left;
	border-bottom: #203682 5px solid;
	margin:0px 5px 0px 1px;
	font-weight: normal;
	padding: 5px;
	/*display: inline;
	padding-bottom:1px;*/
    border-image-source:url(../images/h1_line.jpg);
	border-image-slice:0 0 30 0;
	/*position: absolute;
	z-index:5500;
	/*margin-bottom: 10px;*/
	/*width:780px;	*/
	max-width: 780px
}

.mainContent .mainHeader h1
{
	/*position:relative;*/
	margin-bottom: 0;
	width: 100%;
	margin:0;
	padding-right: 80px;

}

.mainHeader hr
{
	border-bottom: #203682 1px solid;
	border-top: 0;
	margin: 0;
	padding: 0;
}

.printTool
{
	display:inline-block;
	text-align:right;
	margin: 0 15px 10px 10px;
	float: right;
	/*position: absolute;
	right: 0;
	bottom: 10px;*/
}

.printTool a {
  color: #F00;
}

.mainContent h2
{
	/*color:#3b5998;*/
	color:#2e3786;
	margin-left: 10px;
	margin-top: 20px;
	font-size: 1.4em;
}

/*=========mainContent=============*/
.contentArea
{
	padding:0;
}

.mainContent
{
	margin:0px 0px;
	padding-top:5px;
}

.bodyArea
{
	/*background: #fff;*/
}

.bodyArea>div
{
	background-color: #efeee7;
	background-image: url(../images/shadow.png);
	background-repeat: repeat-y;
	background-position: 190px 0;
	position: relative;
}

.titleBlue
{
	color:#203682;
	font-size:1.6em;
	font-weight:bold;
	border-bottom: #203682 1px solid;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.rightBtn
{
	float:right;
	z-index: 7500;
	position: relative;
	padding-bottom: 5px;
}

.blueBtn img
{
	opacity: 0.7;
	filter: alpha(opacity=70);
	/*background-color:#7c9fc7;*/
}

.blueBtnOn img
{
	opacity: 1;
	filter: alpha(opacity=100);
	/*background-color:#006cae;*/
}

.indexContent, .whatIsNew, .eventCalender
{
	display:inline-block;
	*zoom: 1;
	*display: inline;
}

.indexContent
{
	width:38%;
}

.whatIsNew, .eventCalender
{
	width:405px;
	/*margin-left:2%;*/
}


.whatIsNew ul
{
	margin:0;
	padding:0;
	color:#006ab6;
}

.whatIsNew ul>li
{
	margin:25px 0;
}

.whatIsNew ul .newsDate
{
	color:#000;
}

.eventCalender .event_tit
{
	font-weight:bold;
	color:#000;
}

.eventCalender .event_tit.holiday
{
	color:#f00;
}

.eventCalender ul
{
	margin:0;
	padding:0;
	margin-left:15px;
	color:#006ab6;
}
.eventCalender ul>li
{
	margin:5px 0;
}

.eventCalender .eventList>div
{
	padding: 10px;
}

.eventCalender .bgColorZe
{
	background-color:#edf1f4;
}
/*===========AAA================*/
/*.headerArea, footerArea
{
	font-size: .7em;
}*/
.mySize0 .headerArea, .mySize0 footerArea
{
	font-size: 1em;
}

.mySize1 .headerArea, .mySize1  footerArea
{
	font-size: 1em;
}

.mySize2 .headerArea, .mySize2 footerArea
{
	font-size: 1em;
}

/*.mySize0 .mainContent
{
	font-size: .7em;
}

.mySize1 .mainContent
{
	font-size: 1.1em;
}

.mySize2 .mainContent
{
	font-size: 1.5em;
}*/
/*
.mySize0 #flexslider
{
	margin-bottom:1em;
}
.mySize1 #flexslider
{
	margin-bottom:3.5em;
}
.mySize2 #flexslider
{
	margin-bottom:5.5em;
}
*/
/*==========footerBanner==========*/
.footerBanner
{
	float:left;
	margin:-20px 0 0 0;
}
.footerBanner li
{
	display:inline;
	margin:0 5px;
}
/*============================*/
/*=========List Style=========*/

{
	margin-top:5px;
	margin-bottom:5px;
}

.listPlus
{
	margin-top:7px;
	margin-left: 25px;margin-right: -30px;
}

ul>li, ol>li
{
	margin-top:20px;
	margin-bottom:20px;
}
.listBlank, ul.listBlank, ol.listBlank
{
	padding:0;
}
.listBlank, .listBlank>li, ul.listBlank, ul.listBlank>li, ol.listBlank, ol.listBlank>li
{
	list-style-type:none;
}

.listInline li
{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}

.listCir, .listCir>li, ul.listCir, ul.listCir>li, ol.listCir, ol.listCir>li
{
	list-style-type:circle;
}

.lowerRoman, .lowerRoman>li, ul.lowerRoman, ul.lowerRoman>li, ol.lowerRoman, ol.lowerRoman>li
{
	list-style-type:lower-roman;
}

.cjkIdeographic, .cjkIdeographic>li, ul.cjkIdeographic, ul.cjkIdeographic>li, ol.cjkIdeographic, ol.cjkIdeographic>li
{
	list-style-type:cjk-ideographic;
}

.bannerList
{
	text-align:center;
}

/* =================================================================================================
	Right Scrolling Module with Pagnation
================================================================================================= */

/*
 * simplyScroll 1.0.3 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 * http://logicbox.net/blog/simplyscroll-jquery-plugin
 * http://plugins.jquery.com/project/simplyScroll
 *
 * Copyright (c) 2009 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * Last revised: 03/07/2009 21:13
 *
 */

.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}

	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
		z-index: 2;
	}

	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.simply-scroll-list li {
			padding: 8px 0px 0px;
			margin: 0;
			list-style: none;
		}

		.simply-scroll-list li img {
			border: none;
			display: block;
		}

	.simply-scroll-btn {
		position: absolute;

		width: 42px;
		height: 44px;
		z-index:3;
		cursor: pointer;
	}

	.simply-scroll-btn-left {
		left: 6px;
		bottom: 6px;
		background-position: 0 -44px;
	}
	.simply-scroll-btn-left.disabled {
		background-position: 0 0 !important;
	}
	.simply-scroll-btn-left:hover {
		background-position: 0 -88px;
	}

	.simply-scroll-btn-right {
		right: 6px;
		bottom: 6px;
		background-position: 84px -44px;
	}
	.simply-scroll-btn-right.disabled {
		background-position: 84px 0 !important;
	}
	.simply-scroll-btn-right:hover {
		background-position: 84px -88px;
	}

	.simply-scroll-btn-up {
		right: 6px;
		top: 6px;
		background-position: -126px -44px;
	}
	.simply-scroll-btn-up.disabled {
		background-position: -126px 0 !important;
	}
	.simply-scroll-btn-up:hover {
		background-position: -126px -88px;
	}

	.simply-scroll-btn-down {
		right: 6px;
		bottom: 6px;
		background-position: -42px -44px;
	}
	.simply-scroll-btn-down.disabled {
		background-position: -42px 0 !important;
	}
	.simply-scroll-btn-down:hover {
		background-position: -42px -88px;
	}

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll { /* Customisable base class for style override DIV */
	width:100%;
	/*width: 580px;*/
	height: 480px;
	margin-bottom: 1em;
}

	.simply-scroll .simply-scroll-clip {
		width: 580px;
		height: 480px;
		border-top: #a2adc1 1px solid;
	}

		.simply-scroll .simply-scroll-list {}

		.simply-scroll .simply-scroll-list li {
			float: left;
			width: 550px;
			height: 160px;
		}
		.simply-scroll .simply-scroll-list li img {}

	.simply-scroll .simply-scroll-btn {}

	.simply-scroll .simply-scroll-btn-left {}
	.simply-scroll .simply-scroll-btn-left.disabled {}
	.simply-scroll .simply-scroll-btn-left:hover {}

	.simply-scroll .simply-scroll-btn-right {}
	.simply-scroll .simply-scroll-btn-right.disabled {}
	.simply-scroll .simply-scroll-btn-right:hover {}

	.simply-scroll .simply-scroll-btn-up {}
	.simply-scroll .simply-scroll-btn-up.disabled {}
	.simply-scroll .simply-scroll-btn-up:hover {}

	.simply-scroll .simply-scroll-btn-down {}
	.simply-scroll .simply-scroll-btn-down.disabled {}
	.simply-scroll .simply-scroll-btn-down:hover {}



/* Vertical scroller example */

.vert { /* wider than clip to position buttons to side */
	width: 340px;
	height: 400px;
	margin-bottom: 1.5em;
}

	.vert .simply-scroll-clip {
		width: 290px;
		height: 400px;
	}

		.vert .simply-scroll-list {}

		.vert .simply-scroll-list li {
			width: 290px;
			height: 200px;
		}
		.vert .simply-scroll-list li img {}

	.vert .simply-scroll-btn {}

	.vert .simply-scroll-btn-up { /* modified btn pos */
		right: 0;
		top: 0;
	}
	.vert .simply-scroll-btn-up.disabled {}
	.vert .simply-scroll-btn-up:hover {}

	.vert .simply-scroll-btn-down { /* modified btn pos */
		right: 0;
		top: 52px;
	}
	.vert .simply-scroll-btn-down.disabled {}
	.vert .simply-scroll-btn-down:hover {}

	/* NOTE left-right classes wouldn't be needed on vertical scroller */

	.simply-scroll .simply-scroll-list .newsList>li
	{
		height:inherit;
		margin:0;
		padding: 0;
		/*border-bottom:1px solid #bdcfe3;
		/*list-style-type:disc;*/
		width:inherit;
	}
	.simply-scroll .simply-scroll-list .newsList>li>div
	{
		padding:10px 45px;
	}

/*=======================================================================*/
#sliderTool
{
	color:#fff;
	width: 300px;
	height: 90px;
	position: absolute;
	z-index: 7200;
	top: 5px;
	right: 50px;
	font-size:12px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	opacity:0;
	/*filter: alpha(opacity=70);*/
	/*filter:alpha(opacity=0);*/
}
#sliderTool.active{opacity:1;}

.sliderBg
{
	z-index: 6200;
	background-color: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.countDownTool
{
	z-index: 7300;
	border-right: #fff 1px solid;
	position: absolute;
	top: 3%;
	bottom: 3%;
	left: 1%;
	right: 50%;
	text-align: center;
	padding-top: 5px;
}
.weatherTool
{
	z-index: 7300;
	/*border-bottom: #fff 1px solid;*/
	position:relative;
	/*position: absolute;
	top: 3%;
	bottom: 50%;
	left: 51%;
	right: 1%;*/
	text-align:center;
}

.weatherTool
{
	float:right;
	margin-right: 10px;
}

.weatherTool .date_info
{
	padding:10px 15px;
}

.weatherTool .grey, .weatherTool .grey a, .weatherTool .grey a:link, .weatherTool .grey a:visited
{
	color:#444;
	font-weight:bold;
}

.weatherTool .blue, .weatherTool .blue a, .weatherTool .blue a:link, .weatherTool .blue a:visited
{
	color:#0033a7;
	font-weight:bold;
}

.weatherTool .blueBg
{
	background-color:#3a6ecf;
	padding:1px 8px;
}

.weatherTool .date_info>*
{
	margin:4px 0;
}

.weatherTool .aqhi_hd
{
	text-align:center;
	padding:2px 0;
}

.weatherTool .aqhi_text
{
	color:#0033a7;
	padding:10px 15px;
}

.weatherTool .aqhi_text div
{
	position:relative;
	padding-right: 75px;
	margin-bottom:5px;
}

.weatherTool .aqhi_text img
{
	position: absolute;
	right: 10px;
	top:0;
}

.weatherTool .blueBg, .weatherTool .blueBg a, .weatherTool .blueBg a:link, .weatherTool .blueBg a:visited
{
	color:#fff;
	font-weight:bold;
}

.weatherTool .greyborderL
{
	border-left:#d5d5d5 1px solid;
}
.weatherTool .greyborderL>div
{
	border-left:#fff 1px solid;
}

.weatherTool .greyborderR
{
	border-right:#d5d5d5 1px solid;
}
.weatherTool .greyborderR>div
{
	border-left:#fff 1px solid;
}

.weatherTool .greyborderB
{
	border-bottom:#d5d5d5 1px solid;
}
.weatherTool .greyborderB>div
{
	/*border-left:#fff 1px solid;*/
}

.weatherTool>div>div
{
	float:left;
}

.dateTool
{
	z-index: 7300;
	position: absolute;
	top: 50%;
	bottom: 3%;
	left: 51%;
	right: 1%;
	text-align:center;
}

.countDay{font-size: 48px; font-weight: bold;}
.countText{font-size: 18px; font-weight: bold;}
.countDate{font-size: 12px; display: block;}

.weatherTool .weaTemperature{font-size: 18px; font-weight: bold;}
.weatherTool .weaTemperature img{margin-left:15px;  vertical-align: baseline;}
.weatherTool .weaWeather{font-size: 12px;display: block;}

.dateTool .dateT{font-size: 24px; font-weight: bold;display: block;}
.dateTool .dateD{font-size: 12px;}
/*============Banner===============*/
.rectBanner ul
{
	margin:0;
	text-align:center;
}


.squaBanner
{
	background: #D8E2ED;
}

.squaBanner ul
{
	margin:0;
	text-align:center;
	padding: 30px 0;
}

.squaBanner ul li
{
	margin:0 20px;
}

/*===================Online Registration Form==================*/

.styleForm>div
{
	margin: 20px 0;
}

.styleForm .leftCol
{
	float: left;
	/*width: 42%;*/
	width: 30%;
	/*text-align: right;*/
	text-align:left;
}

.styleForm .rightCol
{
	margin-left: 10px;
	font-size: 1em;
	float: left;
	width: 40%;
}

.styleForm .aLine
{
	display:block;
	margin: 0 0 12px 0;
}

.styleForm .other
{
	display:block;
	margin: 12px 0 0 0;
}

.styleForm select, .styleForm input
{
	 margin-top: -1px;
}

.styleForm ul, .styleForm ul>li, #btn_div ul, #btn_div ul>li
{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}

#part_c, #part_c>div, .styleForm2, .styleForm2>div
{
	/*text-align:center;*/
}

.styleForm2>div>div
{
	margin:15px 0;
	/*text-align: center;*/
	display:block;
}

#btn_div
{
	margin-top:12px;
}

.styleTable table th, .styleTable table td
{
	border-width:2px;
	border-style:groove;
	border-color:#fff;
	padding:5px;
}

.styleTable .bgColorFth, .styleTable .bgColorFth>th, .styleTable .bgColorFth>td
{
	background-color:#ffe2aa;
	color:#000000;
}

.styleTable table tr.bgColorLst, .styleTable table tr.bgColorLst>th, .styleTable table tr.bgColorLst>td
{

}

.styleTable th.bgColorFth, .styleTable td.bgColorFth
{
	background-color:#D4E6FC;/*background-color: #CBDAED;/*#CBE3ED;*//*#E4ECF7;*/
	color:#000;
}

.styleTable table tr
{
	background-color:#FFF;/*background-color: #DCE3FD;/*DCDDFC;/*#DFE3FD;*//*#EAEEFC;*/
	color:#000;
}

.styleTable table tr.bgColorDbZe
{

	background-color:#E0E2ED;/*background-color: #CBD7FD;/*CCCDFD;/*#D5D6EA;/*#D8D2FC;*//*#DDE5FD;*/
	color:#000;
}

.styleTable table tr.bgColorZe
{
	/*background-color:#4EA2E8;/*background-color: #DDEAFB;/*D0E5FD;*//*#EDF5FF;*/
	color:#000;
}

.styleTable table tr.bgColorZe.bgColorDbZe
{
	background-color:#4EA2E8;background-color: #CDE2FD;/*E8F3FF;*//*#E2EFFF;*/
	color:#000;
}

#part_b.styleTable table tr td input
{
	display: inline-block;
	vertical-align: inherit;
}

#part_b.styleTable table tr td label
{
	display: inline-block;
}

#part_b.styleTable table tr td.tdWidth
{
	width:95px;
}

.normalTable td
{
	width:40%;
	padding: 15px 5px;
}

.no_style{
background: none;
border:0;
padding:5px;
}

.styleTable table no_style{
	width:98%;
	margin:auto;
}


.styleTable table{
	width:98%;
	margin:auto;
}

.styleTable table, .styleTable th, .styleTable td, .styleTable tr{
	border-collapse:collapse;
	border:#666666 1px solid;
}

.styleTable th, .styleTable td{
	padding:5px 8px;
}

.styleTable table .styleBorder{
	border-bottom:1px solid #005c8a;
}

.ToggleList .bgColorZe, .groupColor .bgColorZe{
	background-color: #fcf0e2;
}

.styleFirstRow table .bgColorFth, .styleFirstCol table .bgColorFth{
	background-color: #ffe2aa;
	color: #000000;
}

.warning_icon
{
	width:20px;
	height:20px;
}

.orderSelect
{
	display:none;
}

.orderSelect.active
{
	display:block;
}

.orderSelect ul
{
	margin: 5px;
  	padding: 0;
}

.orderSelect ul, .orderSelect ul li
{
	list-style-type:none;
}

.orderSelect ul li
{
	float:left;
	margin:0 5px 0 0;
}

/*========================================Clf Style===============================================*/

.leftClfArea
{
	 float:left;
	 padding-left: 10px;
}

.rightClfArea
{
	float:right;
}

.books_top_box
{ border-bottom:  1px ;
  text-align: center;
  border-left: 1px ;
  width: 20px;
  height:180px;
  border-top:  1px ;
  border-right:  1px ;
  background-color: #f4f4f4;
}

.books_bottom_box
{width: 250px;
background-color: #fcf0e2;
text-align:center;
height:100px;
vertical-align:middle;
}

.videos_top_box
{ border-bottom:  1px ;
  text-align: center;
  border-left: 1px ;
  width: 20px;
  height:300px;
  border-top: 1px ;
  border-right:1px ;
  background-color: #f4f4f4;
}

.videos_bottom_box
{width: 250px;
background-color: #fcf0e2;
text-align:center;
height:120px;
vertical-align:middle;
}

.issue {

  float: left;
  margin: 5px;
  padding: 10px;
  width: 350px;
  height: 190px;
  border: 1px solid black;

}

.issue_title {
 color:#FFFFFF;
 font-size: 1.6em;
 background-color:#dc3431;
 padding: 5px 5px 5px 5px;
 width:120px;
 margin-top:-7px;
 text-align:center;
}

h2.menu_title {
color:#965441;
font-weight:bold;
font-size:1.8em;
}

.clear-fix:after {
    display: table;
    content: '';
    clear: both;
}

.printTool {
    float: none;
    display: none;
    margin-top: -30px;
}


.index-page .printTool{
    float:right;
}

#mainContent {
    width: 782px;
    padding: 0;
    background-color: #efeee7;
}

.wrapper-main {
    /*overflow: hidden;*/

}

.index-page .wrapper-main{
	display: flex;
}

.column-header-articles {
    background-image: url('../images/index/Bar_Index_Important News.png');
    background-size: 100%;
    padding: 12px 60px;
    color: #FFFFFF;
    /*
    font-size: 22px;
    */
    font-size: 1.5em;

}

.column-header-articles1 {
    height: 80px;
    background-image: url(../images/index/Bar_A.png);
    background-size: 100%;
    padding: 12px 60px;
    color: #FFFFFF;
    /*
    font-size: 22px;
    */
    font-size: 1.5em;
    display: flex;
	align-items:center;
	justify-content: center;
}

.column-header-articles2 {
    height: 80px;
    background-image: url(../images/index/Bar_B.png);
    background-size: 100%;
    padding: 12px 60px;
    color: #FFFFFF;
    /*
    font-size: 22px;
    */
    font-size: 1.5em;
    display: flex;
	align-items:center;
	justify-content: center;
}

.column-header-articles3 {
    height: 80px;
    background-image: url(../images/index/Bar_C.png);
    background-size: 100%;
    padding: 12px 60px;
    color: #FFFFFF;
    /*
    font-size: 22px;
    */
    font-size: 1.5em;
}

.column-header-articles4 {
    height: 80px;
    background-image: url(../images/index/Bar_D.png);
    background-size: 100%;
    padding: 12px 60px;
    color: #FFFFFF;
    /*
    font-size: 22px;
    */
    font-size: 1.5em;
}

.fightvirus_bar1 {
    height: 80px;
    background-image: url(../images/fightvirus/Bar-P2.png);
    background-size: 100%;
    padding: 5px 60px;
    color: #FFFFFF;
    font-size: 1.5em;
    background-repeat: no-repeat;
	background-position-y: center;
}

.fightvirus_bar2 {
    height: 80px;
    background-image: url(../images/fightvirus/Bar-P3.png);
    background-size: 100%;
    padding: 12px 60px;
    color: #FFFFFF;
    font-size: 1.5em;
    background-repeat: no-repeat;
	background-position-y: center;
}

.fightvirus_bar3 {
    height: 80px;
    background-image: url(../images/fightvirus/Bar-P4.png);
    background-size: 100%;
    padding: 5px 60px;
    color: #FFFFFF;
    font-size: 1.5em;
    background-repeat: no-repeat;
	background-position-y: center;
}
.fightvirus_bar4 {
    height: 80px;
    background-image: url(../images/fightvirus/Bar-P5.png);
    background-size: 100%;
    padding: 12px 60px;
    color: #FFFFFF;
    font-size: 1.5em;
    background-repeat: no-repeat;
	background-position-y: center;
}

.fightvirus_bar5 {
    height: 80px;
    background-image: url(../images/fightvirus/Bar-P6.png);
    background-size: 100%;
    padding: 12px 60px;
    color: #FFFFFF;
    font-size: 1.5em;
    background-repeat: no-repeat;
	background-position-y: center;
}

.fightvirus_bar6 {
    height: 80px;
    background-image: url(../images/fightvirus/Bar-P7.png);
    background-size: 100%;
    padding: 12px 60px;
    color: #FFFFFF;
    font-size: 1.5em;
    background-repeat: no-repeat;
	background-position-y: center;
}

.column-header-promotion {
    height: 35px;
    background-image: url(../images/index/heading-influenza.png);
    background-size: 100%;
    padding: 9px 30px 9px 15px;
    color: #FFFFFF;
    font-size: 16px;
}

.column-header-promotion > img {
    vertical-align: initial;
    padding-right:10px;
}


.wrapper-inline-block {
    display: inline-block;

}

.wrapper-seperator {
    border-top: solid 1px #efeee7;
}

.wrapper-column-left {
    display: inline-block;
    width: 455px;
    margin-right: 12px;
    overflow: hidden;
}

.wrapper-column-right {
    display: inline-block;
    width: 315px;
    /*padding-bottom: 100%;
    margin-bottom: -100%;*/
    background-color: #FFFFFF;
    overflow: hidden;
}

.wrapper-card {
    padding: 20px;
    background-color: #FFFFFF;
}

.wrapper-card .card-vertical-split .card-split-first{
    display: inline-block;
    /*
    padding-right: 5px;
    width:50%;
    */
}

.wrapper-card .card-vertical-split .card-split-second{
    display: inline-block;
    width:50%;
    text-align: right;
    position: relative;
}
.wrapper-card .card-vertical-split .card-split-second.wrapper-card-img{
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
}

.wrapper-card .card-vertical-split .card-split-second .card-button{
    position: absolute;
    left:-80px;bottom: 0;
}


.wrapper-card .wrapper-card-button {
    text-align: right;
}


.wrapper-card .card-title {
    font-size: 19px;
    color: #2C3787;
    font-weight: bold;
    margin-bottom: 20px;
}

.wrapper-card-img img{
    width: 100%;
    height: auto;
}
.wrapper-card .card-content {
    line-height: 1.5;
}

.wrapper-card .card-button {
    margin-top: 20px;
    display: inline-block;
}
.wrapper-card .card-button .card-anchor:hover,
.wrapper-card .card-button .card-anchor {
    display: block;
    background-color: #981a1a;
    padding: 5px 8px;
    color: white;
    text-decoration: none;
}

.wrapper-header-whatsnew {
    background-color: #fec750;
    height: 50px;
}

.wrapper-header-whatsnew span {
    line-height: 50px;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}

.wrapper-header-whatsnew .icon{
    padding: 0 5px 0 10px;
}

.wrapper-header-whatsnew .title{
    font-size: 1.5em;
    font-weight: bold;
    color: #333333;
}

.wrapper-header-whatsnew .wrapper-control{
    float: right;
    margin-right: 10px;
}

.wrapper-header-whatsnew .icon-play{
    background-color: #981a1a;
    height: 16px;
    width: 16px;
    background-image: url(../images/index/whatsnew-icon-play.png);
}

.wrapper-header-whatsnew .icon-pause{
    background-color: #981a1a;
    height: 16px;
    width: 16px;
    background-image: url(../images/index/whatsnew-icon-pause.png);
}

.wrapper-whatsnew-month {
    background-color: #FFFFFF;
}

.wrapper-whatsnew-month .month-title {
    padding: 10px;
    font-weight: bold;
    font-size: 1.1em;
}

.wrapper-whatsnew-month .content ul{
    list-style-image: url(../images/index/list-bullet.png);
    padding: 0 10px 0 30px;
    margin: 0;
}

.wrapper-whatsnew-month .content ul li{
    line-height: 1.4;
    margin: 0;
    padding-bottom: 10px;
}



.wrapper-whatsnew-month .content ul li a{
    font-weight: bold;
    /* color: #981a1a; */
}

.flexslider .slides > li {
    margin: 0;
}

.wrapper-snippet{
    width: 455px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right:15px;
}
.wrapper-snippet .snippet{
    text-align: center;
    display:inline-block;
    background-color: #981a1a;
    padding: 7px 15px;
}
.wrapper-snippet .snippet a,
.wrapper-snippet .snippet a:hover {
    font-size: 1.6em;
    color: #FFFFFF;
}

.wrapper-snippet .snippet1{
	display: inline-block;
	background: url('../images/index/Index_Button_Elderly.jpg') no-repeat #ee8d7c;
	height: 40px;
	width: 115px;
	text-align: right;
	padding-right: 15px;
	line-height: 40px;
	background-size: contain;
	font-weight: bold;
}

.wrapper-snippet .snippet2{
	display: inline-block;
	background: url('../images/index/Index_Button_Carers.jpg') no-repeat #ee8d7c;
	height: 40px;
	width: 115px;
	text-align: right;
	padding-right: 15px;
	line-height: 40px;
	background-size: contain;
	font-weight: bold;
}

.wrapper-snippet .snippet3{
	display: inline-block;
	background: url('../images/index/Index_Button_Service.jpg') no-repeat #ee8d7c;
	height: 40px;
	width: 210px;
	text-align: right;
	padding-right: 15px;
	line-height: 40px;
	background-size: contain;
	font-weight: bold;
}

.wrapper-snippet .snippet1 a,
.wrapper-snippet .snippet1 a:hover,
.wrapper-snippet .snippet2 a,
.wrapper-snippet .snippet2 a:hover,
.wrapper-snippet .snippet3 a,
.wrapper-snippet .snippet3 a:hover {
	color: #000;
}

.wrapper-panel {
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    margin-bottom: -100%;
    padding-bottom: 100%;
    background-color: #FFEBBC;
}
.wrapper-panel.padding-bottom {
    margin-bottom: -95%;
}
.wrapper-panel .title{
    font-size:1.8em;
}
.wrapper-panel a {
    color: #B52C11;
}

/* ==================================================
MODIFY BOOTSTRAP GRID
================================================== */
.container .row [class*=col] {
    padding-left:5px;
    padding-right: 5px;
}

.container .row.padding-only-middle [class*=col]:first-child{
    padding-left: 0;
}

.container .row.padding-only-middle [class*=col]:last-child{
    padding-right: 0;
}

.container .row.stretch-height{
    overflow: hidden;
}
.container .row.stretch-height [class*=col]{
}


/* =========================
TEMP
===========================*/
.column-left {
    display: inline-block;
    width: 380px;
    margin-right: 12px;
}

.column-right {
    display: inline-block;
    width: 380px;
    background-color: #FFFFFF;
}
.wrapper-mobile-search {
    display: none;
}
/* =========================
//TEMP
===========================*/


.wrapper         {width:100%;height:100%;margin:0;background:#CCC}
.h_iframe        {position:relative;}
.h_iframe .ratio {position: relative;padding-bottom: 75%; /* 4:3*/ padding-top: 25px; height: 0;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}


.wrap-online-video {
	/*
	background:#CCC;
	*/

}
.wrap-online-video:after {
	clear: both;
	content: '';
	display: table;
}

.wrap-online-video .wrap-iframe-video{

	width: 60%;
	float: left;
	/*
	height: 360px;
	*/
}
.wrap-online-video .wrap-iframe-video .wrap-iframe-video-inner{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.wrap-online-video .wrap-iframe-video .wrap-iframe-video-inner iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*
	width: 100%;
	height: 100%;
	*/
}
.wrap-online-video .wrap-content{
	padding: 10px;
	width: 40%;
	float: left;
}

.video .playbtn { 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	background-image: url(../images/playbtn.png); 
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: 20%;
}
.video .wrap-online-video .wrap-iframe-video { 
	width: 20% !important; 
	position: relative !important; 
}
.video .wrap-online-video .wrap-content { 
	width: 80% !important; 
}

/* fightvirus */

.grid_video{
	list-style: none;;
	margin:0;
	padding: 0;
}
.grid_video .item{
	float: left;
	width: 25%;
	padding: 5px 5px 20px;
}

.grid_video .item img{
	width: 100%;
}

.grid_video .item a.subtitle{
	font-size: 0.8em;
}


/* ==================================
RESPONSIVE
================================== */

@media (max-width: 991px) {
    .container .row.padding-only-middle [class*=col]:first-child{
        padding-left:5px;
    }
    .container .row.padding-only-middle [class*=col]:last-child{
        padding-right: 5px;
    }
}
@media (max-width: 767px) {

	.headerMenu ul.menuLv0 li:nth-child(3)::after{
		right: 36px;
	}

    #mainContent {
        width: 100%;
    }

    .column-header img {
        /*
        max-width: 500px;
        */
    }

    .index-page .wrapper-main{
		display: block;
	}

    .wrapper-column-left, .wrapper-column-right {
        display: block;
        width:100%;
    }

    .column-header-articles {
        background-repeat: no-repeat;
    }

    .column-header-promotion {
        /*
        background-size: 318px;
        */
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .wrapper-card .card-vertical-split .card-split-first{
        display: block;
        width: 100%;
        padding-right: 0;
    }

    .wrapper-card .card-vertical-split .card-split-second{
        display: block;
        width: 100%;
        text-align: left;
        position: static;
    }

    .wrapper-card .card-vertical-split .card-split-second .card-button{
        position: static;
        left: 0;
        bottom: 0;
    }


    .wrapper-card .card-vertical-split .wrapper-card-img,
    .wrapper-card .card-horizontal-split .wrapper-card-img {
        text-align: center;
        margin: 10px 0;
    }

    .wrapper-card .wrapper-card-img img{
        width: auto;
        max-height: 300px;
        max-width: 100%;
    }

    .card-anchor .anchor-text {
        display: none;
    }

    .wrapper-snippet {
        width: 100%;
    }

    .wrapper-snippet .snippet{
        width: 100% !important;
        margin-bottom: 2px;
        font-size: 0.8em;
    }

    .wrapper-snippet .snippet1, .wrapper-snippet .snippet2, .wrapper-snippet .snippet3{
        width: 100% !important;
        margin-bottom: 2px;
        font-size: 0.8em;
        text-align: center;
        padding-right: 0;
    }

    .wrapper-mobile-search {
        background-color: #ffe5bc;
        padding: 7px;
        text-align: center;
    }
    .wrapper-mobile-search.active {
        display: block;
    }

    .wrapper-mobile-search input[type="text"]{
        width: 80%;
        min-width: 6em;
        padding:4px 2px;
        margin-right: 5px;
    }

    .wrapper-mobile-search input[type="submit"]{
        background-color:#981a1a;
        color: #FFFFFF;
        font-size: 1.3em;
        padding: 3px 8px;
    }

    .wrap-online-video .wrap-iframe-video,
	.wrap-online-video .wrap-content{
    	width: auto;
    	float: none;
    }
    .wrap-online-video .wrap-iframe-video{
    }

    .wrap-online-video .wrap-iframe-video iframe {
    }
	div#fancybox * {
		max-width: 100%;
	}

	.fightvirus_bar1{
		padding: 12px 60px;
	}

	.grid_video .item{{
		width: 100%;
	}


}

.column-header-articles{
background-repeat: no-repeat;
background-position-y: center;
}

.column-header-articles1{
background-repeat: no-repeat;
background-position-y: center;
}

.column-header-articles2{
background-repeat: no-repeat;
background-position-y: center;
}

.column-header-articles3{
background-repeat: no-repeat;
background-position-y: center;
}

.column-header-articles4{
background-repeat: no-repeat;
background-position-y: center;
}

.btn_play{
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/btn_play.png);
	background-size: 64px 64px;
	background-position: center;
	background-repeat: no-repeat;
}


@media (max-width: 767px) { .video .wrap-online-video .wrap-iframe-video, .video .wrap-online-video .wrap-content{ width: auto !important; } }