html,
html body {
    font-size: 1em;
}

body {
    /*	font-family: "Arial", "Helvetica", "sans-serif" , "microsoft jhenghei";*/
    background-color: #f7f5f5;
    color: #3e5259;
}

.bodyArea h1,
.bodyArea h2,
.bodyArea h3,
.bodyArea h4,
.bodyArea h5,
.bodyArea h6 {
    line-height: 1.5em !important;
}

body.chineseVersion.tradition {
    font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
}

body p {
    text-align: justify !important;
}


/* .bodyArea p+p,
.bodyArea h2+p,
.bodyArea h3+p,
.bodyArea p+h3,
.bodyArea h2+h3 {
    margin-top: 2em !important;
} */

.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;
}*/

.clear:after {
    content: "";
    display: table;
    clear: both;
}

.note {
    font-size: 0.9em
}

.right {
    text-align: right;
}

.bodyArea {
    /*	font-size: 13px;
	background-image: url(../images/woc_bg.jpg);*/
    background-position: center top;
    line-height: 1.5em !important;
    /* letter-spacing: 0.12em !important;
    word-spacing: 0.16em !important; */
}

.mobileVersion .bodyArea {
    font-size: 1em;
}

.highlightArea {
    font-size: 14px;
}


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

.bodyArea .mainContent {
    /*	width: 1000px;
	max-width:105%;
	background-color: #f7f7f7;*/
    min-height: 280px;
    margin-right: auto;
    margin-left: auto;
}

.indexVersion .bodyArea .mainContent {
    min-height: 0;
}

.bodyArea .mainContent {
    /*    margin-left: 320px;*/
}

.bodyArea .mainContent .my_content {
    padding: 20px 30px;
}

body.indexVersion .mainContent {
    padding: 0 !important;
}

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

.mainContent {
    line-height: 1.5em;
    color: #4b4b4b;
}

.mainContent p {
    text-align: left;
    margin: 0 0 1.4em 0;
}

.mainContent ul,
.mainContent ol {
    padding-left: 1.6em;
    margin-bottom: 1.4em;
}

ol>li>ul {
    list-style-type: disc;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    height: 120px!important;
}

.micp {
    padding-left: 200px;
    padding-right: 200px;
}


/*=========header=========*/

body {
    background-color: #fff;
}

body #wrap {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

body.indexVersion #wrap {}

body.indexVersion .headerArea {}

body #wrap .container {
    border-bottom-width: none;
    border-bottom-style: none;
    border-bottom-color: none;
    clear: both;
    padding-right: 0px;
    padding-left: 0px;
}

body #wrap .footerBanner_container {
    background-color: #ffffff;
}

body.indexVersion #header:after {
    display: none;
}

body.indexVersion .bodyArea {
    /*	background-image:url(../images/bg_index.jpg);*/
    background-repeat: no-repeat;
    background-position: top center;
    /*min-height:540px;*/
}

body #wrap .headerArea .container {
    max-width: 1700px;
}

#header:after {
    /*	content:" ";
	display:block;
	width:100%;
	height:20px;
	background-image:url(../images/sd_header.jpg);
	background-position:left top;
	background-repeat:repeat-x;*/
}

.headerArea .container {
    /*	height: 135px*/
}

#wrap .bodyArea .container {
    border-bottom-width: none !important;
    border-bottom-style: none !important;
    border-bottom-color: none !important;
}

#wrap #footer .container {
    border-bottom-width: none !important;
    border-bottom-style: none !important;
    border-bottom-color: none !important;
}

.headerArea {
    color: #3e5259;
    /*padding:5px 20px;*/
    /*	background-image: url(../images/bg_header.jpg);*/
    background-repeat: no-repeat;
    height: 10px;
}

.headerTop {
    /*	float: right;*/
    text-align: right;
    min-height: 132px;
}

.headerArea .headerBottom {
    background-image: url('../images/bg_header.png');
    background-repeat: repeat-y;
    padding: 20px;
}

.headerArea .headerBg {
    background-color: #ff913f;
    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: 85%;*/
    color: #3e5259;
    /*	position: relative;/*background-image:url(../images/clf/bkgdtexture.gif);*/
    margin-right: auto;
    margin-left: auto;
    padding-top: 5px;
}

.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: #3e5259;
}

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

.headerArea .headerTool ul.menuLv0>li>a:focus {}

.headerArea .headerTool ul.menuLv0>li>a:hover {
    /*	color: #FFF;
	background-color: #1a5d7a;*/
}

.headerArea .headerTool ul.menuLv1>li>a:hover,
.headerArea .headerTool ul.menuLv1>li>a:focus {
    /*color:#652d86;*/
}

.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;
}

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

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

.myheaderTool>div.clientTool {
    color: #3f535a;
    /*	height: 95px;*/
    padding-top: 6px;
    padding-right: 0px !important;
    padding-bottom: 0px;
    padding-left: 0px;
    font-size: .935em;
}

.myheaderTool>div.clientTool div {
    display: inline-block;
    vertical-align: middle;
    /*vertical-align: bottom;*/
    margin: 0;
    /*	float: left;*/
}

.myheaderTool>div.clientTool div>* {
    margin: 0;
    padding: 0 14px;
}

.myheaderTool>div.clientTool div.brandhk>* {
    padding: 0;
}


/*.clientTool>div:before {
    content: "I";
    font-size: medium;
    font-weight: lighter;
    color: #CCC;
    padding-left: 5px;
    padding-right: 10px;
}
.clientTool>div:first-child:before{
	display:none;
}*/

.clientTool>div.AStyleArea:before,
.clientTool>div.language:before,
.clientTool>div.share:before {
    content: "I";
    font-size: medium;
    font-weight: lighter;
    color: #CCC;
    padding-left: 5px;
    padding-right: 10px;
}


/*.clientTool>div.language li:before{
	content: "I";
    font-size: medium;
    font-weight: lighter;
    color: #CCC;
    padding-left: 5px;
    padding-right: 10px;
}*/

.clientTool>div.language li.fst:before {
    content: "";
    display: none;
}

.clientTool>div.homeTool:before {
    display: none;
}

.clientTool>div.searchTool:before {
    content: "";
    clear: both;
    padding: 0;
    margin: 0;
}

.headerArea .headerTool .searchTool {
    margin-right: 10px;
    display: block;
    display:inline-block;
    float: none;
    /* display: none !important; */
}

div.searchTool:after {
    content: none !important
}

div.hrbTool:after {
    content: none !important
}

div.mobile_view:after {
    content: none !important
}


/*div.language:after{
	content: "";
	display:none;
}*/

.searchTool form:before {
    /*	content: "I";
	font-size: medium;
	font-weight: lighter;
	color: #CCC;
	padding-left: 5px;
	margin-left: 5px;*/
}

.clientTool div:after {
    /*	content: "I";
	font-size: medium;
	font-weight: lighter;
	color: #CCC;
	padding-left: 5px;*/
}

div.language li:after {
    /*	content: "I";
	font-size: medium;
	font-weight: lighter;
	color: #CCC;
	padding-left: 5px;*/
}


/*div.AStyleArea:before{
	content: "I";
	font-size: medium;
	font-weight: lighter;
	color: #CCC;
	padding-left: 5px;
	padding-right: 10px;
}
div.language:after{
	content: "I";
	font-size: medium;
	font-weight: lighter;
	color: #CCC;
	padding-left: 10px;
	padding-right: 5px;
}*/

div.language li.last:after {
    content: "";
    display: none;
}

.hrbTool:before {
    content: none !important
}

.myheaderTool>div.clientTool div.RSS {
    color: #be4a03;
    font-size: 14px;
}

.myheaderTool>div.clientTool div.AStyleArea {
    /*	width: 70px;*/
}

.myheaderTool>div.clientTool div.mobile_view {
    /*	width: 45px;*/
    height: 27px;
}

.myheaderTool>div.clientTool div.language ul li {
    padding-right: 5px !important;
    width: 10px !important;
}

.myheaderTool>div.clientTool div.home {}

.clientTool ul {
    float: right;
    list-style-type: none;
}

.clientTool ul li {
    margin-left: 0;
    margin-right: 0;
}

.clientTool:before {
    /*	content: " ";
	float: left;
	display: block;
	background-image: url(../images/user_login.png);
	background-repeat: no-repeat;
	position: relative;
	width: 10px;
	height: 9px;
	background-size: 100% 100%;
	margin-right: 5px;
	top: 50%;
	margin-top: -5px;*/
}

.searchTool form {
    float: right;
}

.clientTool form img {
    float: right;
    display: block;
    background-color: #072c72;
    padding: 10px;
    margin-top: 2px;
    /*padding-right: 4px;*/
    margin-left: -35px;
    z-index: 4200;
    position: relative;
}

.clientTool .language>ul {
    /*	float:left;*/
}

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

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

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

.mobileClient {
    display: none;
}

.logIOTool a {
    background: #d73d32;
}


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

.headerArea .clientTool a {}

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

.headerArea .language li a {
    color: #000;
    font-weight: bold;
    -moz-border-radius: 27px;
    -webkit-border-radius: 27px;
    border-radius: 27px;
    padding: 5px;
}

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

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

.headerArea .myTool,
.headerArea .myTool a {
    color: #3e5259;
}

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

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

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

.headerArea .hrbTool input {
    /*	display: inline;
	width: 270px;
	display: inline-block;
	border: 2px solid #d1d1d1;
	border-radius: 4px;
	text-decoration: none;
	font-size: 14px;
	color: #999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 33px;*/
}

.headerArea .hrbTool img {
    margin-left: 10px;
}

.myheaderTool>div.clfSeachBar {
    float: none;
    position: absolute;
    top: 30px;
    right: 20px;
}

.headerArea .searchTool .hrbTool a {
    /*position: relative;
	background-color:#3a6ecf;*/
    color: #3e5259;
    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-right: 5px;
}

.headerArea ul.aaaTool {
    padding-right: 0px;
    padding-left: 0px;
}

.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:1024px;
	height: inherit !important;
	/*background-color: #f4f4f4;
	margin-top: 82px;
	z-index: 7999;
	/*position: relative;
	position: absolute;
	padding-bottom: 0px;
	margin-left: 0px;
	/*	background-image:url('../images/bg_menu.png');
	background-repeat: repeat;
	float: right; */
    text-align: left !important;
    /*    height: 70px;*/
    min-height: 62px;
    z-index: 8000;
}


/*.indexVersion */

.headerArea .headerTool .headerMenu {
    background-color: transparent;
    /*    float: right;
	padding-left:300px;*/
    /*	padding-bottom: 0;*/
    margin-top: 0;
}

.headerMenu {
    /*	margin-left: 25%;*/
    text-align: right;
    padding: 0;
    /*	position:relative;*/
}

.headerMenu:before {
    content: "";
    /*	background-image:url(../images/bg_top_menu.jpg);*/
    background-repeat: repeat-x;
    position: absolute;
    background-color: #3b5999;
    left: 0;
    right: 0;
    height: 62px;
    z-index: -1;
}

.headerArea .headerTool .headerMenu>ul {
    /*	float: right;
	margin-top:8px;*/
    /*	position: relative;
	margin-left: 35%;
	position: static;
	display: inline-block;
	text-align: right !important;
	margin-top: 40px;*/
}

.indexVersion .headerArea .headerTool .headerMenu>ul {
    margin-top: 0;
}

.leftMenuVersion .leftmenu {
    float: left;
    width: 180px;
}

.leftMenuVersion .mainHeader,
.leftMenuVersion .mainContent {
    width: 800px;
    float: left;
}

#mainContentSkip {
    float: left;
}


/*
.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 {
    width: 250px
    /*position: absolute;
	left: 0;
	right: 0px;
	z-index: 9876;
	height: 50px;*/
    /*background-color:#fff;*/
}

.headerMenu>ul {}

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

.headerMenu ul .close ul {
    /*display:none;*/
    position: absolute;
    left: -9999px;
}

.headerMenu ul .close ul ul ul {
    display: none !important
}

.headerMenu ul .open>ul,
.headerMenu ul li ul.activeUl,
.headerMenu ul li ul.activeUl_withTimer {
    display: block;
    /*	right: 0;*/
    /*    left: 0;
	left:auto;*/
    left: 0;
}

.headerMenu ul li:nth-child(n+8).open>ul,
.headerMenu ul li:nth-child(n+8) ul.activeUl,
.headerMenu ul li:nth-child(n+8) ul.activeUl_withTimer {
    right: 0;
    left: auto;
}

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

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

.headerMenu ul ul.menuLv1 {
    float: left;
    /*	list-style-type: disc;
	width: 1000%;
	display: block;*/
}


}
.headerMenu ul ul.menuLv1>li {
    border: 0;
    border-top: 0;
    list-style-type: disc;
    margin: 0 10px 10px 0;
    float: left;
    left: 0;
    right: 0;
}
.headerMenu ul.menuLv1>li:hover,
.headerMenu ul.menuLv1>li:focus,
.headerMenu ul.menuLv1>li:active {
    /*background-color:#ebe9f4;	*/
}
.headerMenu ul.menuLv1 li a {
    padding: 10px;
    /*width:220px;*/
    
    display: block;
    text-align: left;
}
.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 auto;
    padding: 0;
}
.headerMenu ul.menuLv0,
.headerMenu ul.menuLv0 li {
    list-style-type: none;
    text-align: center;
}
.headerMenu ul.menuLv0>li.firstLi {
    display: none;
    /*font-size: 18px;/*border-left: #fff 1px solid;
	padding-top: 10px;
    padding-bottom: 10px;
	border-left: 0;*/
    /*text-align: right !important;
	font-weight: normal;
	display:none;*/
}
.headerMenu ul.menuLv0>li.firstLi>a img {
    margin: 0 15px;
}
.headerMenu ul.menuLv0>li {
    /*	font-size:0.85em;
	/*position: static;
	/*background-color:#fff;
	position:relative;*/
    
    font-weight: bold;
    text-align: right;
    font-size: 1.1em;
    /*
	border-left: 1px solid #d2cfe1;
	/*border-right: #fff 1px solid;
	/*width: 165px;*/
    
    position: relative;
    text-align: center;
    vertical-align: top;
    font-weight: normal;
}
.chineseVersion .headerMenu ul.menuLv0>li {
    font-size: 1em;
}
.headerMenu ul.menuLv0>li>a {
    position: relative;
}
.headerMenu ul.menuLv0>li.firstLi>a:before {
    display: none;
}
.headerMenu ul.menuLv0>li>a:before {
    /*	content:" ";
	position:absolute;
	top:5px;
	bottom:5px;
	left:0;
	width:1px;
	background-color:#dfdedf;*/
}
.headerMenu ul.menuLv0>li a {
    text-decoration: none !important;
}
.headerMenu ul li a {}
.headerMenu ul.menuLv0>li a {
    /*	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;*/
}

/*.headerMenu ul.menuLv0>li.active_section{
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #ef8000;
}*/
.chineseVersion .contentArea .breadcrumb a.home {
    height: 14px;
}
.simplify .contentArea .breadcrumb a.home {
    height: 14px;
}
.headerMenu ul.menuLv0>li a {
    /*height:35px !important;*/
}
.headerMenu ul.menuLv0>li.my_menu4>a {
    /*	padding-bottom: 16px!important;	/*max-height:35px;*/
}
.headerMenu ul.menuLv0>li>a {
    /*	padding-bottom: 20px!important;	/*max-height:35px;*/
}
.headerMenu ul.menuLv0>li.my_menu1 {}
.headerMenu ul.menuLv0>li.firstLi:before {
    content: '';
    display: none;
}
.headerMenu ul.menuLv0>li:before {
    content: '';
    /*background-image:url(../images/icon_menu_near.png);*/
    
    background-repeat: no-repeat;
    width: 19px;
    height: 35px;
    position: absolute;
    left: -9px;
    top: 50%;
    margin-top: -18px;
}
.headerMenu ul.menuLv0>li.my_menu1:before {
    content: ' ';
    display: none;
}
.headerMenu ul.menuLv0>li:hover:after,
.headerMenu ul.menuLv0>li.active_section:after {
    content: " ";
    position: absolute;
    width: 19px;
    height: 10px;
    bottom: 8px;
    left: 50%;
    margin-left: -9.5px;
    /*    background-image: url(../images/icon_menu_arrow.png);*/
    
    background-repeat: no-repeat;
}

/*.headerMenu ul.menuLv0>li:after {
	content: ' ';
	position: absolute;
	width: 27px;
	height: 25px;
	right: 10px;
	bottom: 5px;
	background-image: url(../images/navigation/icon/cyber_risk.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.headerMenu ul.menuLv0>li.my_menu0:after {
	background-image: url(../images/navigation/icon/cyber_risk.png);
}
.headerMenu ul.menuLv0>li.my_menu1:after {
	background-image: url(../images/navigation/icon/alerts.png);
}
.headerMenu ul.menuLv0>li.my_menu2:after {
	background-image: url(../images/navigation/icon/report.png);
}
.headerMenu ul.menuLv0>li.my_menu3:after {
	background-image: url(../images/navigation/icon/gov_ref.png);
}
.headerMenu ul.menuLv0>li.my_menu4:after {
	background-image: url(../images/navigation/icon/comment_icon.png);
}*/

/*.headerMenu ul.menuLv0>li.firstLi
{
	background-color:#da2e5e;
}

.tMenu>li.firstLi {
    width: 50px !important;
	border:0 !important;
	padding-left:0;
	padding-right:0;
}
*/
.tMenu>li {
    position: relative;
    float: left;
    line-height: 1.2em !important;
    /*height: 76px !important;*/
    
    min-height: inherit !important;
    max-height: inherit !important;
    width: auto;
    /*padding-top: 15px;
    padding-bottom: 15px;*/
    /*padding-left:3px;
	padding-right:3px;*/
    
    font-size: 1em;
    text-align: left;
    /*max-width: 148px;*/
    
    background-repeat: no-repeat;
}

/*.tMenu>li.my_menu0 {
	background-image: url(../images/navigation/desktop/navigation_01.jpg);
}
.tMenu>li.my_menu1 {
	background-image: url(../images/navigation/desktop/navigation_02.jpg);
}
.tMenu>li.my_menu2 {
	background-image: url(../images/navigation/desktop/navigation_03.jpg);
}
.tMenu>li.my_menu3 {
	background-image: url(../images/navigation/desktop/navigation_04.jpg);
}
.tMenu>li.my_menu4 {
	background-image: url(../images/navigation/desktop/navigation_05.jpg);
}*/
.headerMenu ul li ul {
    position: absolute;
}
.headerMenu ul.menuLv0>li>a {
    margin: 0;
    /*	padding-right: 0;*/
    
    padding-left: 0;
    position: relative;
}
.headerMenu ul.menuLv0>li>a>span {
    /*padding-right:16px;*/
    
    display: block;
    margin-top: 0;
    font-size: 18px
}
.headerMenu ul.menuLv0>li>a>span.caret {
    position: absolute;
    padding-right: 0;
    top: 50%;
    right: 5px;
    display: none;
    /*	margin-top:-4px !important;*/
}
.headerMenu ul.menuLv0>li:hover>a,
.headerMenu ul.menuLv0>li>a:hover,
.headerMenu ul.menuLv0>li>a:focus {
    /*	background-color: #504098;*/
    
    color: #e7e31c;
}
.chineseVersion .headerMenu ul.menuLv0>li>a {
    /*		margin: 10px !important;*/
}
.headerMenu .tMenu a>span {
    margin: 0 0px;
}
.headerMenu .tMenu>li>a {
    /*	padding-left:15px !important;
	padding-right:15px !important;
/*    padding: 12px 15px !important;*/
}
body.englishVersion .headerMenu .tMenu>li>a {
    /*	padding-left:15px !important;
	padding-right:15px !important;*/
}
.chineseVersion .headerMenu .tMenu>li>a {
    /*	padding-left:15px !important;
	padding-right:15px !important;
/*    padding: 2px 25px !important;*/
}
.headerMenu .tMenu a:link,
.headerMenu .tMenu a:visited {
    color: #fff;
    font-weight: bold;
}

/*.headerMenu .tMenu>li>a {
	text-align: left !important;
	padding-left: 10px !important;
}
/*.headerMenu .tMenu>li>a{
	padding-left: 10px !important;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	max-height: 68px;
}
.headerMenu .tMenu>li>a:hover {
	text-align: left !important;
	padding-left: 10px !important;
	padding-top: 10px;
	padding-bottom: 30px;
}*/
.headerMenu .tMenu li.open {
    /*position:relative;*/
    /*	min-height: 300px;*/
}
.headerMenu .tMenu li.open ul,
.headerMenu .tMenu li ul.activeUl {
    /*position:relative;*/
    /*width: 984px;
	/*top: 100%;
	left: 0;*/
    
    margin: 0;
    /*padding: 0 10px;*/
    /*min-height:220px;
	padding-left:480px;*/
    
    background-color: #f0f0f0;
    padding: 0;
    border-top: 1px solid #8dabca;
    box-shadow: 0px 0 25px;
}
.headerMenu .tMenu li ul.menuLv2 {
    display: none;
}
.headerMenu .tMenu li.open ul.menuLv2,
.headerMenu .tMenu li .activeUl ul.menuLv2,
.headerMenu .tMenu li ul.menuLv2.activeUl {
    min-width: 100%;
    position: relative;
    left: 0;
    /*    border-top: 1px solid #a9cdd6;*/
}
.headerMenu .tMenu li.open ul:after,
.headerMenu .tMenu li ul.activeUl:after {
    clear: both;
}
.headerMenu .tMenu li.open ul>li,
.headerMenu .tMenu li ul.activeUl>li {
    /*display:list-item;
    float: left;
    /*margin-left: 30px;
    width: 450px;*/
    
    float: none;
    display: block;
    /*	line-height: 20px;*/
}
.headerMenu .tMenu li.open ul li a,
.headerMenu .tMenu li ul.activeUl li a {
    /*color: #FFF;/*padding-left:10px;*/
    /*background-color: #1a5d7a;
/*	padding-top: 25px !important;
	padding-bottom: 25px !important;*/
    
    margin-top: 0;
    margin-bottom: 0;
    /*	height: 38px;*/
    
    display: block;
}
.headerMenu .tMenu li ul li a,
.headerMenu .tMenu li ul li a {
    color: #3e3c50 !important;
}
.headerMenu .tMenu li.open ul li a,
.headerMenu .tMenu li ul.activeUl li a {
    /*color: #FFF;/*padding-left:10px;*/
    /*background-color: #1a5d7a;
/*	padding-top: 25px !important;
	padding-bottom: 25px !important;*/
    
    margin-top: 0;
    margin-bottom: 0;
    /*	height: 38px;*/
}
.headerMenu .tMenu li.open ul.menuLv2>li>a,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a {
    background-color: #b8e6e8;
    padding: 12px 30px;
    /*  padding-left: 20px;*/
}
.headerMenu .tMenu li.open ul.menuLv2>li>a:focus,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:focus,
.headerMenu .tMenu li.open ul.menuLv2>li>a:active,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:active,
.headerMenu .tMenu li.open ul.menuLv2>li>a:hover,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:hover {
    background-color: #c2d7d8;
}
.headerMenu ul.menuLv0 {
    z-index: 7900;
}
.headerMenu ul.menuLv1 {
    z-index: 7910;
}
.headerMenu ul.menuLv2 {
    z-index: 7920;
}
.headerMenu ul.menuLv1>li {
    position: relative;
}
.headerMenu .tMenu li.open ul.menuLv2>li {
    width: 100%;
}
.headerMenu .tMenu li ul>li {
    width: 100%;
    height: auto;
    float: left;
}
.headerMenu .tMenu li ul.menuLv1>li {
    width: 225px;
    /*height: 175px !important;*/
    
    float: none;
}
.headerMenu .tMenu li ul.menuLv1>li {
    width: auto !important;
}
.headerMenu .tMenu li ul>li.close {
    /*	background-image: url(../images/menu_nav_down.png);*/
    
    background-position: right top;
    background-repeat: no-repeat;
}
.headerMenu .tMenu li ul>li>a {
    /*background-image:url(../images/bg_menu_overlay.png);*/
    /*background-repeat:no-repeat;*/
    
    background-position: right bottom;
    /*background-color:#e5eefa;*/
    /*border: 1px solid #3b748d;/*#d9ebf3;*/
    
    border-collapse: collapse;
    background-size: 100% 100%;
    /*	padding-left: 20px !important;*/
}
.headerMenu .tMenu li ul>li>a:focus,
.headerMenu .tMenu li ul>li>a:active,
.headerMenu .tMenu li ul>li>a:hover {
    background-color: #b8c8e0;
}

/*
.headerMenu .tMenu>li>a:focus, .headerMenu .tMenu>li>a:hover, .headerMenu .tMenu>li>a:active, .headerMenu .tMenu>li>a.active_section{
	background-image:url(../images/bg_menu_overlay.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-color:rgba(255, 217, 80, .8);

}
.headerMenu .tMenu>li>a:focus, .headerMenu .tMenu>li>a:hover, .headerMenu .tMenu>li>a:active, .headerMenu .tMenu>li>a.active_section{
	background-image:url(../images/bg_menu_overlay.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-color:rgba(255, 217, 80, .8);

}
*/
.headerMenu .tMenu>li>a {
    position: relative;
}

/*.headerMenu .tMenu>li>a:focus:after, .headerMenu .tMenu>li>a:hover:after, .headerMenu .tMenu>li>a:active:after, .headerMenu .tMenu>li>a.active_section:after {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -9px;
	height: 9px;
}*/
.headerMenu .tMenu>li>a:focus,
.headerMenu .tMenu>li>a:hover,
.headerMenu .tMenu>li>a:active,
.headerMenu .tMenu>li>a.active_section {
    /*	background-color: #504098;
    color: #fff;*/
    
    color: #e7e31c;
}

/*.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:#ffebbc; color:#b11111; text-decoration:none; font-weight:normal;}*/
.headerMenu .tMenu .menuLv1 a {
    padding: 20px 25px;
    /*    font-size: 0.85em;
    font-size: 0.92em;
    border-left: 1px solid #98b2b5;
    border-right: 1px solid #98b2b5;
    border-top: 1px solid #d0edf3;*/
    
    border-bottom: 1px solid #a0b9bc;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-top: 0 !important;
}
.siteList .caret {
    display: none;
}

/*.headerMenu .tMenu .menuLv1 a:link, .headerMenu .tMenu .menuLv1 a:visited, .headerMenu .tMenu .menuLv1, .headerMenu .tMenu .menuLv1{background-color:#FFEBBC;color:#B52C11;}
.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;
}
.leftHeader {
    display: none;
}
.leftMenuHeader {
    margin-top: 0;
}
.left_menu>div {
    position: relative;
    z-index: 8000;
}
.left_menu>div.menuBg {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 185px;
    z-index: 5000;
}
.leftMenuArea {
    float: left;
    width: 185px;
}
.leftMenu {
    float: left;
}
.left_menu {
    width: 185px;
    min-height: 100%;
    /*height:100%;*/
    /*position:absolute;
	z-index: 9999;*/
}
.leftMenu {
    z-index: 7900;
    position: relative;
}
.leftMenu .close>ul {
    height: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
    position: relative;
    overflow: hidden;
}
.leftMenu .open>ul {
    height: auto;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 7910;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    overflow: visible;
}
.chineseVersion .headerMenu .tMenu .menuLv1 a {
    min-height: 19px;
}
.copyrightBar {
    text-align: center;
    margin: 20px 0;
}
.headerTool {}
.headerNav {
    width: 100%;
}
.headerTool .myLogo {
    padding: 0;
    position: absolute;
    /* z-index: 8888; */
}
.headerTool .myLogo a {
    padding: 10px 0;
    display: inline-block;
}
.headerTool .myLogo img {
    text-align: left;
}
.headerTool .myLogo span {
    /*	vertical-align: top;
	width: 200px;
	display: inline-block;
	margin-top: 3px;
	margin-left: 15px;
	font-size: 1.1em;*/
}
.headerTool .headerMenu {}
.headerTool .AStyleArea a {
    /*	color:#000 !important;*/
    
    vertical-align: baseline;
}

/*=========footer=========*/
.footerArea {
    color: #fff;
}
.footerArea {
    /*	background-color: #133c8b;
	color: #fff;*/
}
.footerMenu ul.menuLv0>li.firstLi {
    /*	display:none;*/
}
.footerMenu ul,
.footerMenu ul li {
    list-style-type: none;
    padding: 0;
}
.indexVersion .footerMenu .bMenu {
    display: block;
}
.footerArea {
    position: relative;
    /*background-color: #f1f1f1;*/
    /*    box-shadow: 0px 0px 15px #c1c1c1;*/
    
    box-shadow: 0px -4px 15px -4px #c1c1c1;
    padding-bottom: 1em;
    background-color: #3b5999;
}
.indexVersion .footerArea {
    box-shadow: none;
}
.footerArea a {
    color: #fff;
}
.footerArea .container {
    /*	position: relative;
	/*padding-top:15px;
	padding-bottom:30px;*/
    /*	padding: 2em 0;
	/*border-top:1px solid #cccccc;*/
    
    z-index: 1000;
    /*	color: #fff;*/
}
.footerRow {
    text-align: center;
    position: relative;
    margin-bottom: 20px;
    font-size: 13px;
}
.shareFooter {
    margin: 25px 0 15px 0;
    text-align: center;
}
.shareFooter a {
    display: inline-block;
    text-align: center;
    padding: 0 16px;
    font-weight: bold;
}
.footerArea .footerTop {
    position: relative;
}
.footerArea .footerTop .mylogo {
    position: absolute;
    left: 0;
    top: 10px;
}
.footerArea .footerBottom {
    margin-top: 30px;
}
body #wrap .footerArea .container {
    /*background-color:#26418e;*/
}
.footerArea .footerMenu {
    padding-bottom: 30px;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #3f535a;
    padding-right: 0px;
    padding-left: 0px;
}
.footerMenu ul ul ul {
    display: none;
}
.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;
    list-style-type: disc;
}
.footerMenu .bMenu .menuLv1 li {}
.footerMenu .bMenu .menuLv1 li:before {
    position: relative;
    display: inline-block;
    margin-right: 5px;
}
.footerMenu ul.menuLv0>li.firstLi {
    float: left;
    list-style-type: none;
    margin-top: 10px;
    margin-right: 25px;
    margin-bottom: 35px;
    padding-left: 30px;
    display: none;
}
.footerMenu ul.menuLv0>li.my_menu1 {
    float: left;
    width: 13%;
    list-style-type: none;
    margin-top: 10px;
    margin-right: 25px;
    margin-bottom: 35px;
    padding-left: 6%;
}
.footerMenu ul.menuLv0>li.my_menu2 {
    width: 13%;
}
.footerMenu ul.menuLv0>li.my_menu3 {
    width: 13%;
}
.footerMenu ul.menuLv0>li.my_menu4 {
    width: 13%;
}
.footerMenu ul.menuLv0>li.my_menu5 {
    width: 13%;
}
.footerMenu ul.menuLv0>li.my_menu6 {
    width: 13%;
}
.footerArea .footerMenu .bMenu>li {
    float: left;
    list-style-type: none;
    margin-top: 10px;
    margin-right: 25px;
    margin-bottom: 35px;
}
.footerArea .footerMenu .bMenu>li.my_menu18 {
    float: left;
    width: 240px;
    list-style-type: none;
    margin-top: 10px;
    margin-right: 25px;
    margin-bottom: 35px;
}
.footerArea .footerMenu .bMenu>li a {
    margin-bottom: 5px;
}
.footerArea .footerMenu .bMenu>li li {
    float: left;
    margin: 8px 25px 8px 25px;
    width: 200px;
    max-width: 100%;
}
.footerMenu .bMenu {
    font-size: 1em;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 30px;
    padding-left: 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: #3e5259;
    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: #3e5259;
    font-weight: normal;
}
.footerMenu .bMenu .menuLv1 a:hover,
.footerMenu .bMenu .menuLv1 a:focus,
.footerMenu .bMenu .menuLv1 a:active,
.footerMenu .bMenu .menuLv1 a.active_section {}
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;
    display: inline;*/
}
body .footerArea ul.fMenu {
    /*margin:2px 0;
    display: inline-block;
	float: right;
	max-width:38%;*/
}
body .footerArea div.info ul.fMenu {
    /*	max-width: 50%;*/
    
    margin: 0px;
    padding: 0px;
    display: block;
}
body .footerArea .footerBold {
    font-size: 1.1em;
    font-weight: bold;
}
body .footerArea .govLogo {
    margin-bottom: 10px;
}
body .footerArea .govLogo>div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
body .footerArea .info {
    display: inline-block;
    /*    width: 50%;*/
    
    vertical-align: baseline;
    padding-top: 24px;
}
body .footerArea .info>div {
    padding-left: 5px;
    text-align: center;
}
body .footerArea .info>* {
    /*	display:inline-block;*/
}
body .footerArea ul.fMenu a {
    /*	color: #000;*/
    
    text-decoration: none;
}
body .footerArea ul.fMenu>li,
body .footerArea .copyrightBar {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}
body .footerArea .copyrightBar {
    /*margin-left: 10px;
	float: left;*/
    
    margin-top: -8px;
    margin-bottom: 10px;
}
.copyrightBar img {
    padding-left: 10px;
}
body #footer div.system {
    width: 50%;
    text-align: right;
    float: right;
}
body #footer div.copyright {
    width: 50%;
    text-align: right;
    float: right;
}
body #footer div.w3c {
    display: inline-block;
    /*    width: 50%;*/
    
    float: right;
    text-align: right;
    padding-top: 0;
}
body #footer div.w3c>div {
    vertical-align: baseline;
    display: inline-block;
    padding: 6px 12px;
    /*    vertical-align: middle;*/
}
body #footer div.w3c .copyrightBar img {}
.footerArea .updateDate {
    /*float:right;
	/*margin-top:20px;
	margin-right:15px;*/
    
    display: inline-block;
    /*margin-bottom: 10px;*/
    
    padding-left: 5px;
    padding-top: 24px;
    float: right;
    position: absolute;
    right: 0;
}
.footerArea ul.fMenu,
.footerArea ul.fMenu li {
    list-style-type: none;
    padding: 0;
}
.footerArea ul.fMenu li {
    padding-bottom: .1em;
}
.footerArea .fMenu>li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.footerArea .fMenu>li a {
    display: inline;
    margin: 0;
    padding: 5px;
}
.footerArea .fMenu>li .firstItem {
    margin-left: 0
}
.footerArea .fMenu>li .lastItem {
    margin-right: 0
}
.footerLeft {
    float: left;
}
.footerRight {
    float: right;
}

/*
.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 {
    margin-bottom: 10px;
    display: block;
    text-align: left;
}
.myheaderTool {
    position: static;
    display: inline-block;
}
.myheaderTool div {
    /*	float: left;*/
    
    line-height: 38px;
    padding-top: 0px;
    padding-right: 5px !important;
    padding-bottom: 0px;
}
.myheaderTool>div.mobile_view {
    padding-left: 0px;
}
.myheaderTool>div.sitemap {
    padding-left: 0px;
    font-size: 14px;
}
.myheaderTool>div.sitemap a {
    color: #3e5259;
}
.mailTool {
    float: right;
}
.homeTool img {
    vertical-align: text-bottom;
}

/*.footerArea>div {
	background-image: url(../images/footer/footer_bg.gif);
	background-repeat: repeat;
}*/
.footerArea .myLogo img {
    width: 90px;
    display: block;
    margin: auto;
}
.footerArea .myLogo span {
    display: block;
    text-align: center;
    margin-top: 10px;
}

/*=========Page Buttom=========*/
body div.btmNav {
    /*margin: 50px 0 0 0;
	/*height: 60px;*/
    /*width: 815px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	float: right;
	text-align:right;
	width: auto;*/
    
    padding-top: 30px;
    padding-bottom: 30px;
}

/*.indexVersion div.btmNav{
	display:none;
}*/
.backBtn {
    display: inline-block;
    /*background-image: url(../images/btn_back.png);
	background-repeat: no-repeat;*/
    /*width:54px;
	height: 19px;*/
    
    float: left;
    /*padding: 10px 15px;*/
    /*
	padding: 7px 12px;*/
    /*padding: 6px 12px;
	/*background-color: #d8e2ed;*/
    
    color: #3e5259;
    margin: 0;
    /*background-color: #3e535a;
	/*
	margin:0 0 0 50px;*/
    /*background-color: #FAB965;*/
    
    font-weight: bold;
    /*margin-left:15px;*/
}
.topBtn {
    display: inline-block;
    /*padding: 7px 12px;*/
    
    color: #3e5259;
    margin: 0;
    /*	background-color: #3e535a;*/
    
    float: right;
    font-weight: bold;
    /*float:left;*/
    /*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;*/
}
.backBtn a {
    padding: 5px 7px 8px 7px;
    background-color: #446993;
    border-radius: 4px;
    color: #FFF !important;
    /*color: #172e4d;*/
    /*margin-left: 25px;*/
}
.backBtn a:hover,
.backBtn a:focus {
    text-decoration: none;
}
.topBtn a {
    padding: 5px 7px 8px 7px;
    background-color: #446993;
    border-radius: 4px;
    color: #FFF !important;
    /*color: #172e4d;
	/*margin-left: 25px;*/
}
.topBtn a:hover,
.topBtn a:focus {
    text-decoration: none;
}
.my_anchor {
    font-size: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    display: block !important;
    height: 0 !important;
    width: 0 !important;
}

/*=========breadcrumb=========*/
.contentArea .breadcrumb a.home {
    /*background-image: url(../images/home_breadcrumb_btn.png);
	background-repeat: no-repeat;
	display: inline-table;
	overflow: hidden;
	text-indent: -9999px;
	padding: 1%;
	cursor: pointer;
	height: 23px;
	width: 22px;
	background-position: center -3.5px;*/
    
    padding-right: 0;
    text-decoration: none;
    color: #345598 !important;
}
.contentArea .breadcrumb {
    /*	width: 970px;
/*	height: 60px;	*/
    
    color: #000;
    z-index: 7888;
    position: relative;
    margin-top: 20px;
    padding-bottom: 20px;
    /*    padding-left: 30px;*/
    
    margin-right: auto;
    margin-bottom: 0;
    /*    margin-left: 25px;*/
    
    margin-left: auto;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    background-color: transparent;
    display: none;
    float: left;
    /*	font-weight:bold;*/
}
.breadcrumb a {
    text-decoration: none;
    color: #345598 !important;
}
.breadcrumb ul {
    /*	margin-left: .2em;*/
}
.breadcrumb ul li {
    padding: 1em 0;
}
.breadcrumb ul li span,
.bodyArea .breadcrumb span {
    color: #595858 !important;
    /*color:#f00;
	font-weight:bold;*/
}
.indexVersion .breadcrumb {
    display: none;
}
.extIndex .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;
	min-height: 302px;*/
    
    background-repeat: no-repeat;
    background-position: right bottom;
    max-height: 215px;
}
.mainHeader:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 215px;
    /*	background-image:url('../images/bg_header.jpg');*/
    
    background-repeat: repeat-x;
    background-position: bottom;
    z-index: 3100;
}
.mainHeader h1 {
    /*	background-image: url('../images/banner_sec1_v2.png');*/
    
    background-repeat: no-repeat;
    background-position: right bottom;
}
.mainHeader.section0 h1 {
    /*	background-image: url('../images/banner_sec1_v2.png');*/
}
.mainHeader.section1 h1 {
    /*	background-image: url('../images/banner_sec1_v2.png');*/
}
.mainHeader.section2 h1 {
    /*background-image: none;
	padding:43px 0;*/
    /*	background-image: url('../images/banner_sec2_v2.png');*/
}

/*.mainHeader.section2:before{
    height:121px;
	background-image:url('../images/bg_header2.jpg');
}
.mainHeader.section3 h1{
	background-image: url('../images/banner_sec3_v2.png');
}
.mainHeader.section4 h1{
	background-image: url('../images/banner_sec4_v2.png');
}
.mainHeader.section5 h1{
	background-image: url('../images/banner_sec5_v2.png');
}
.mainHeader.section6 h1{
	background-image: url('../images/banner_sec6_v2.png');
}
.mainHeader.section7 h1{
	background-image: url('../images/banner_sec7_v2.png');
}
.mainHeader.section8 h1{
	background-image: url('../images/banner_sec8_v2.png');
}
.mainHeader.section9 h1{
	background-image: url('../images/banner_sec9_v2.png');
}*/
.mainHeader.section1 h1 {
    /*	text-shadow: 2px 2px 4px #125611;*/
}
.mainHeader h1 {
    text-align: left;
    margin: 0px;
    font-weight: bold;
    padding: 90px 0;
    color: #504098;
    margin-top: 0;
    position: relative;
    z-index: 3500;
}
.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 {
    margin-top: 1em;
    display: inline-block;
    text-align: right;
    /*margin: 0 10px 0 10px;*/
    
    float: right;
    /*position: absolute;
	right: 0;
	bottom: 10px;*/
}
.printTool a {
    color: #F00;
}
.mainContent h2 {
    /* color: #598a2f; */
    
    color: #2B782F;
    font-size: 1.5em;
    font-weight: bold;
    padding-top: 0;
    margin-top: 60px;
    margin-bottom: 1em;
}
.mainContent h3 {
    line-height: 1.5em;
}
.mainContent h2.alter {
    color: #166867
}

/*=========mainContent=============*/
.contentArea {
    padding: 0;
}
.mainContent {
    margin: 0px 0px;
    /*padding-top:10px;*/
}
.bodyArea {
    z-index: 3000;
    background-color: #f4f4f4;
}
.bodyArea .container {
    z-index: 3000;
    display: block;
    height: auto;
    padding-top: 0;
    padding-right: 30px;
    padding-bottom: 0;
    padding-left: 30px;
}

/*.bodyArea>div
{
	background-color: #efeee7;
	background-image: url(../images/shadow.png);
	background-repeat: repeat-y;
	background-position: 185px 0;
	position: relative;
}
*/
.table_photo tr td {
    padding: 15px 15px;
    font-size: 1em;
    line-height: 1.5em;
    border: 1px solid #eceeee;
}
.table_student {
    border-width: 5px;
    border-color: grey;
    border-style: dotted;
    font-size: 1em;
    line-height: 1.5em;
}
.table_header {
    border: 1px none #6a7499;
    border-collapse: collapse;
    padding: 10px 15px;
    background-color: #622a8b;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    font-size: 1em
}
.table_header_2 {
    border: 1px none #6a7499;
    border-collapse: collapse;
    padding: 10px 15px;
    background-color: #32a1bd;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    font-size: 1em
}
.cap_text {
    font-size: 0.9em;
}
.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: #3e5259;
}
.eventCalender .event_tit {
    font-weight: bold;
    color: #3e5259;
}
.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;
}*/
.headerArea {
    border-top-width: 0;
    border-top-style: solid;
    border-top-color: #072465;
}
.mySize0 .headerArea,
.mySize0 footerArea {}
.mySize0 .headerArea,
.mySize0 footerArea {
    height: auto;
}
.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 {
    padding-bottom: 5px !important;
    position: relative;
    background-color: #fff;
    padding-top: 10px;
    text-align: center;
}
.footerBanner li {
    display: inline;
    margin: 0 5px;
}
.footerBanner .subBanner2 li img {
    height: 51px;
}
.footerBanner>div {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: center;
    vertical-align: top;
    min-height: 110px;
    margin-left: 10px;
    margin-right: 10px;
}
.footerBanner>div ul {
    padding-left: 0;
    text-align: center;
}
.mainBanner {
    /*border-right: 2px solid #3f3f3f;*/
    /*padding-right: 50px;*/
    
    width: 15%;
}
.subBanner {
    /*border-right: 2px solid #3f3f3f;*/
    /*margin-left: 50px;
    padding-right: 50px;*/
    
    width: 20%;
}
.subBanner2 {
    /*margin-left: 50px;
    padding-right: 50px;*/
    /*border-right: 2px solid #3f3f3f;*/
    
    width: 23%;
}
.subBanner3 {
    width: 42%;
}
.subBanner4 {
    width: 100%;
}
.subBanner>ul {
    margin-top: 15px;
    /* 10px before, edited by Raymond*/
}
.subBanner3>ul {
    margin-top: 17px;
    /* 12px before, edited by Raymond*/
}
.mainBanner img {
    max-height: 80px;
}
.subBanner2 img {
    height: 60px;
}
.footerBanner .subBanner3 li {
    display: inline-block;
}
.mainBanner:before {
    content: "Organiser";
    background-repeat: no-repeat;
    background-position: left bottom;
    color: #004a80;
    font-size: 1.4em;
    position: relative;
    display: inline-block;
    z-index: 1000;
    width: 100%;
    margin-bottom: 10px;
}
body.chineseVersion.tradition .mainBanner:before {
    content: "主辦機構"
}
body.chineseVersion.simplify .mainBanner:before {
    content: "主办机构"
}
.subBanner:before {
    content: "Partners";
    background-repeat: no-repeat;
    background-position: left bottom;
    color: #004a80;
    font-size: 1.4em;
    position: relative;
    display: inline-block;
    z-index: 1000;
    width: 100%;
    margin-bottom: 10px;
}
body.chineseVersion.tradition .subBanner:before {
    content: "合作夥伴"
}
body.chineseVersion.simplify .subBanner:before {
    content: "合作伙伴"
}
.subBanner2:before {
    content: "Co-organisers";
    background-repeat: no-repeat;
    background-position: left bottom;
    color: #004a80;
    font-size: 1.4em;
    position: relative;
    display: inline-block;
    z-index: 1000;
    width: 100%;
    margin-bottom: 10px;
}
body.chineseVersion.tradition .subBanner2:before {
    content: "協辦機構"
}
body.chineseVersion.simplify .subBanner2:before {
    content: "协办机构"
}
.subBanner3:before {
    content: "Media Partners";
    background-repeat: no-repeat;
    background-position: left bottom;
    color: #004a80;
    font-size: 1.4em;
    position: relative;
    display: inline-block;
    z-index: 1000;
    width: 100%;
    margin-bottom: 20px;
}
body.chineseVersion.tradition .subBanner3:before {
    content: "媒體夥伴"
}
body.chineseVersion.simplify .subBanner3:before {
    content: "媒体伙伴"
}

.subBanner4:before {
    content: "Support Orgainsations";
    background-repeat: no-repeat;
    background-position: left bottom;
    color: #004a80;
    font-size: 1.4em;
    position: relative;
    display: inline-block;
    z-index: 1000;
    width: 100%;
    margin-bottom: 10px;
}
body.chineseVersion.tradition .subBanner4:before {
    content: "支持機構"
}
body.chineseVersion.simplify .subBanner4:before {
    content: "支持机构"
}
/*============================*/

/* =================================================================================================
	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;
}

/*=======================================================================*/

/*========================================Clf Style===============================================*/
.leftClfArea {
    float: left;
    font-size: 1.4em;
    /*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;
}
.issue {
    float: left;
    margin: 5px;
    padding: 10px;
    width: 350px;
    height: 185px;
    border: 1px solid black;
}
.issue_title {
    color: #FFFFFF;
    font-size: 1.6em;
    background-color: #dc3431;
    padding: 5px 5px 5px 5px;
    width: 100px;
    margin-top: -12px;
    text-align: center;
}
.mailTool {
    width: 102px;
    height: 55px;
    background-image: url('../images/btn_email.png');
    background-repeat: no-repeat;
    font-weight: bold;
    text-align: center;
}
.headerArea .headerTool .mailTool a {
    color: #fff;
    width: 50px;
    display: block;
    margin: 3px auto;
    line-height: 1.5em;
}
div.flexslider {
    /*margin-top:-60px;
	margin-bottom:-50px;*/
}
.indexContent {
    position: relative;
    z-index: 8000;
    width: 940px;
    margin: 0 15px;
    padding: 10px 0;
}
.indexContent>div {
    display: inline-block;
}
.colorSort {
    width: 180px;
    padding: 0 10px;
}
.colorSort>div {
    background-color: #efefef;
    padding: 10px 50px 20px 10px;
    margin-bottom: 1px;
}
.colorSort .cerise {
    border-left: 5px solid #DA3287;
}
.colorSort .lochmara {
    border-left: 5px solid #007EC7;
}
.colorSort .hippieGreen {
    border-left: 5px solid #53824B;
}
.colorSort .lavenderIndigo {
    border-left: 5px solid #9457EB;
}
.newsArea {
    width: 375px;
    padding: 0 10px;
}
.newsArea .newsTopic {
    color: #ab264c;
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 10px;
}
.newsArea .newsDate {
    color: #3e5259;
    font-weight: bold;
}
.newsArea .newsTitle,
.newsArea .newsTitle a {
    color: #4f3e71;
}
.newsContent {
    overflow-y: auto;
    max-height: 215px;
}
.newsContent>div {
    margin-top: 20px;
}
.header2 {
    display: none;
}

/*=================================*/
.mainContent .full {
    padding: 0;
}
.index_row {
    margin-bottom: 50px;
}
.mainContent .main_left {
    width: 770px;
    float: right;
    max-width: 100%;
}
.mainContent .sub_right {
    margin-left: 10px;
    width: 250px;
    float: left;
    position: relative;
}
.simple_tab {
    display: inline-block;
    font-weight: bold;
    height: 34px;
    padding: 10px 40px 10px 20px;
    position: relative;
    margin-top: 5px;
    margin-bottom: 15px;
    background-color: #e8c8bb;
    background-image: url(../images/tag/white_arrow.png);
    background-repeat: no-repeat;
    background-position: center right;
}
.simple_tab:after {
    content: " ";
    position: absolute;
    width: 17px;
    height: 34px;
    background-image: url(../images/tag/deep_pink.png);
    background-repeat: no-repeat;
    left: 100%;
    top: 0;
}

/*==============================*/
#cloud {
    width: 380px;
    height: 280px;
}
#cloud>div {
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}
#cloud a {
    display: block;
    padding: 8px 25px;
    color: #fff;
    background-color: #c4c4c4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
}

/*==============================*/
.mybox_login {
    width: 405px;
    margin: auto;
    padding: 15px;
}
.mybox_login>div {
    width: 375px;
    border: 1px solid #c3c3c3;
    box-shadow: 7px 7px 0px #cdc7bb;
}
.mybox_login .title {
    background-color: #1d1d1d;
    color: #fff;
    padding: 12px 20px;
}
.mybox_login .title:before {
    /*	content: " ";
	position: relative;
	display: inline-block;
	width: 27px;
	height: 25px;
	margin-right: 10px;
	background-image: url(../images/user_login.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: bottom;*/
}
.mybox_login .input {
    position: relative;
    padding: 15px 30px;
    padding-bottom: 0;
}
.mybox_login .input>div {
    position: relative;
    margin: 15px 0;
}
.mybox_login input {
    padding: 12px;
    background-color: #f2f2f2;
    width: 100%;
    border: 0;
}
.mybox_login .input label {
    visibility: inherit;
}
.mybox_login .input>div.active label {
    visibility: hidden;
}
.mybox_login label {
    color: #bbb;
    left: 15px;
    overflow: hidden;
    position: absolute;
    text-align: initial;
    text-overflow: ellipsis;
    visibility: hidden;
    white-space: nowrap;
    top: 50%;
    margin-top: -.5em;
}
.mybox_login .button {
    position: relative;
    padding: 0 30px 15px 30px;
}
.mybox_login button {
    padding: 12px;
    margin: 0;
    color: #dddddd;
    background-color: #595959;
    width: 100%;
    display: block;
    border: 0;
}
.mybox_login .tool {
    padding: 0 30px 15px 30px;
}
.mybox_login .tool a {
    color: #ff6225 !important;
}
.notice {
    margin: 50px 180px;
    padding: 20px 25px;
    background-color: #e4e4e4;
    font-size: .8em;
}
.box_area {
    position: relative;
}
.alerts_area {
    float: left;
    width: 355px;
    height: 375px;
    border: 1px solid rgba(0, 0, 0, .3);
}
.alerts_area .tab {
    display: inline-block;
    font-weight: bold;
    height: 34px;
    padding: 10px 40px 10px 20px;
    position: relative;
    margin-top: -18px;
    margin-left: -1px;
    background-color: #e8c8bb;
    background-image: url(../images/tag/white_arrow.png);
    background-repeat: no-repeat;
    background-position: center right;
}
.alerts_area .tab:after {
    content: " ";
    position: absolute;
    width: 17px;
    height: 34px;
    background-image: url(../images/tag/deep_pink.png);
    background-repeat: no-repeat;
    left: 100%;
    top: 0;
}
.alerts_list {
    padding: 5px 15px;
    height: 320px;
    overflow: hidden;
}
.alerts_list>div {
    margin-bottom: 5px;
}
.alerts_list .title {
    font-weight: bold;
    margin-bottom: 10px;
}
.alerts_list .cont {
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
.alerts_list .cont img {
    width: 49%;
}
.alerts_list .cont>span {
    display: inline-block;
    width: 50%;
    padding-left: 12px;
    line-height: 1.5em;
    vertical-align: top;
}
.dashboard_area {
    float: left;
    width: 938px;
    height: 375px;
    margin-left: 15px;
    border: 1px solid rgba(0, 0, 0, .3);
    max-width: 100%;
}
.dashboard_area .tab {
    display: inline-block;
    font-weight: bold;
    height: 34px;
    padding: 10px 40px 10px 20px;
    position: relative;
    margin-top: -18px;
    margin-left: -1px;
    background-color: #e8c8bb;
    background-image: url(../images/tag/white_arrow.png);
    background-repeat: no-repeat;
    background-position: center right;
}
.dashboard_area .tab:after {
    content: " ";
    position: absolute;
    width: 17px;
    height: 34px;
    background-image: url(../images/tag/deep_pink.png);
    background-repeat: no-repeat;
    left: 100%;
    top: 0;
}
.dashboard_area .dashboard {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.digest_corner_area {
    padding-bottom: 50px;
}
.digest_corner_area a {
    color: #ff611a !important;
    font-weight: normal !important;
}
.digest_corner_area .tab {
    display: inline-block;
    font-weight: bold;
    height: 34px;
    padding: 10px 120px 10px 20px;
    z-index: 8000;
    position: absolute;
    margin-top: -18px;
    margin-left: -1px;
    background-color: #dbd8c5;
    background-image: url(../images/tag/white_arrow.png);
    background-repeat: no-repeat;
    background-position: center right;
}
.digest_corner_area .tab:after {
    content: " ";
    position: absolute;
    width: 17px;
    height: 34px;
    background-image: url(../images/tag/grey.png);
    background-repeat: no-repeat;
    left: 100%;
    top: 0;
}
.digest_corner_area .digest_corner>div {
    float: left;
    width: 422px;
    margin-left: 21px;
}
.digest_corner_area .digest_corner>div.fst-chd {
    margin-left: 0;
}
.digest_corner_area .cover {
    position: relative;
}
.digest_corner_area .cover_img {
    z-index: 3000;
}
.digest_corner_area .cover_title {
    z-index: 6000;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    padding: 20px 10px;
    height: 45%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.digest_corner_area .date {
    padding: 8px 4px;
    color: #383737;
    border: 1px solid #e6e6e6;
    border-top: 0;
    font-weight: normal;
}
.digest_corner_area .cont_area {
    padding: 12px 8px;
    border: 1px solid #e6e6e6;
    border-top: 0;
}
.digest_corner_area .cont {
    margin-bottom: 10px;
}
.digest_corner_area .comment img {
    width: 25px;
}
.digest_corner_area .category {
    font-weight: bold;
    padding: 6px 8px;
    border: 1px solid #e6e6e6;
    border-top: 0;
}
.digest_corner_area .tag {
    font-weight: bold;
    padding: 6px 8px;
    border: 1px solid #e6e6e6;
    border-top: 0;
}
.more {
    text-align: right;
    padding: 2px 15px;
    position: absolute;
    right: 0;
    bottom: 12px;
    /**/
}
.blog_items .more {
    text-align: right;
    padding: 2px 15px;
    position: relative;
    right: 0;
    bottom: 12px;
    /**/
}
.more a {
    color: #6e6e6e !important;
}
.more:before {
    content: " ";
    position: relative;
    width: 20px;
    height: 20px;
    background-image: url(../images/more_btn.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px;
}

/*============*/
.paging_area {
    width: 700px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgba(204, 204, 204, 0.3);
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
}
.paging_area table td p {
    text-align: left;
}
.page_select {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.page_select>div {
    display: inline-block;
    margin-right: 10px;
}
.page_select select {
    height: 2.5em;
    padding: 0 20px 0 5px;
}
.page_select .searchBar {
    position: relative;
}
.page_select .searchBar input {
    height: 2.5em;
    padding: 0 20px 0 25px;
    margin-right: 5px;
}
.page_select .searchBar:before {
    content: " ";
    background-image: url(../images/search_btn.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    margin-top: -.6em;
    left: 7px;
}
.page_select button {
    border: 0;
    background-color: #535353;
    color: #fff;
    padding: 0 15px;
    height: 32px;
    border-radius: 3px;
}
.page_control {
    text-align: center;
    margin: 20px;
    font-size: 1.4em;
}
.page_control ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.page_control ul>li {
    display: inline-block;
    float: none;
    display: inline;
    margin: 0;
    padding: 5px;
}
.page_control input {
    text-align: center;
}
.page_control .total_page {
    color: #ff0000;
}
.paging_area .page {
    height: 475px;
    overflow: auto;
    border-bottom: 1px solid #ddd;
}
.paging_area .page ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.paging_area .page ul>li {
    padding: 10px 0;
    position: relative;
}
.paging_area .page ul .date {
    position: absolute;
    width: 100px;
    font-weight: normal;
}
.paging_area .page ul .cont {
    padding-left: 120px;
    width: 80%
}
.paging_area .page ul .cont a {
    color: #1d4e76;
}
.paging_area .page ul#cyber_threat_map .date {
    position: absolute;
    width: 30px;
    font-weight: normal;
}
.paging_area .page #cyber_threat_map .cont {
    padding-left: 30px;
    padding-right: 0px;
    width: 60%;
    display: inline-block
}
.paging_area .page ul#cyber_threat_map .cont a {
    color: #1d4e76;
}
.paging_area .page ul#cyber_threat_map .description {
    padding-left: 30px;
    padding-right: 0px;
    position: relative;
    clear: both;
    display: inline-block
}
.system_select {
    width: 90%;
    background-color: #f0f0f0;
    margin-top: 5px;
}
.last_bottom {
    float: right;
    margin-top: -3em;
}
.alerts .detail {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.alerts .detail .left {
    float: left;
    max-width: 50%;
}
.alerts .detail .right {
    float: right;
    max-width: 50%;
}
.alerts .detail .left>div,
.alerts .detail .right>div {
    margin-bottom: 10px;
}
.alerts .detail .tlp_green span {
    color: #1eff00;
    padding: 2px 5px;
    background-color: #000;
}
.alerts .detail .tag span {
    color: #ff611a;
}
.alerts .cont {
    margin-top: 0px;
}
.alerts .cont a {
    text-decoration: underline;
    color: #045ea3;
}
.alerts .cont a:hover {
    color: #be4a03;
    text-decoration: underline;
}
.alerts .cont>p {
    margin-left: 0;
    text-align: justify;
    line-height: 22px;
    margin-right: 7px!important;
    padding-right: 7px!important;
}
.alerts .action {
    color: #1d4e76;
}
.blog .detail .right {
    float: right;
    max-width: 50%;
}
.blog .detail .left {
    float: left;
    max-width: 50%;
}
.paging_area.discussion {
    padding-bottom: 0;
}
.discussion .header {
    background-color: #dedede;
    margin: -25px -15px 0 -15px;
    padding: 25px 15px;
    font-size: 1.2em;
    font-weight: bold;
}
.discussion>div>div>div.my_div0 {
    text-align: left;
}
.discussion>div>div>div {
    text-align: center;
}
.discussion .my_div0 {
    width: 60%;
    float: left;
}
.discussion .my_div1 {
    width: 28%;
    float: left;
}
.discussion .my_div2 {
    width: 12%;
    float: left;
}
.discussion .content {
    margin: 0 -15px;
}
.discussion .content>div {
    padding: 0 15px;
}
.discussion .content>div:hover {
    background-color: #eee;
}
.discussion .content>div>div {
    padding: 12px 0;
}
.discussion .content>div>div.clearBoth {
    padding: 0;
}
.discussion .title {
    color: #a71c00;
    font-weight: bold;
    margin-bottom: 10px;
}
.discussion .title a {
    color: #a71c00 !important;
}
h2 .red {
    background-color: #000;
    color: #f00;
}
h2 .h2Img {
    width: 40px;
}
.discussion_group {
    position: relative;
}
.discussion_group .green {
    color: #89bb2b;
    font-weight: bold;
    margin-bottom: 5px;
}
.discussion_group .create_detail {
    min-height: 140px;
    margin-bottom: 20px;
}
.discussion_group .header {
    box-shadow: 0 0 30px #ddd;
    margin: -22px -12px 30px -12px;
    padding: 22px 12px;
    position: relative;
}
.discussion_group .header .user {
    float: left;
    margin-right: 10px;
}
.discussion_group .header .title {
    float: left;
    font-weight: bold;
    margin-right: 50px;
}
.discussion_group .header .user_toggle {
    position: absolute;
    top: 12px;
    right: 22px;
}
.discussion_group .header .user_toggle button {
    border: 0;
    font-size: 1.4em;
    padding: 2px 8px;
}
.discussion_group .content .user {
    float: left;
    max-width: 95px;
}
.discussion_group .user .icon {
    margin-bottom: 5px;
}
.discussion_group .new_post {
    padding-left: 125px;
}
.discussion_group .user .name {
    color: #345304;
    text-align: center;
    margin-bottom: 5px;
    word-break: break-all;
}
.discussion_group .user .position {
    color: #2b597f;
    text-align: center;
    margin-bottom: 5px;
}
.discussion_group .input {
    margin-bottom: 10px;
}
.discussion_group .input input {
    padding: 5px;
    width: 100%;
}
.discussion_group .post {
    float: right;
}
.create_post .arrow {
    width: 15px;
    margin-left: 5px;
}
.discussion_group .post_area .sort {
    padding: 8px;
    background-color: #f5f5f5;
    margin-bottom: 10px;
}
.discussion_group .post_area .sort select {
    border: 0;
    background-color: transparent;
}
.discussion_group .post_area .sort>div {
    float: left;
    margin-right: 10px
}
.discussion_group .post_area .sort>div.reply {
    float: none;
    text-align: right;
}
.discussion_group .post_area .post_data {
    min-height: 140px;
    margin-bottom: 20px;
}
.discussion_group .post_area .post_data>div {
    position: relative;
    padding-bottom: 40px;
}
.discussion_group .post_area .post_data>div.toggle {
    position: relative;
    background-color: #e8e8e8;
    margin: 0 -12px;
    padding: 0 12px 30px 12px;
}
.discussion_group .post_area .post_detail {
    padding-left: 125px;
}
.discussion_group .post_area .post_detail .title,
.discussion_group .post_area .post_detail .title a {
    color: #a71c00;
    font-weight: bold;
    margin-bottom: 5px;
}
.discussion_group .post_area .post_detail .create_by {
    margin-bottom: 30px;
}
.discussion_group .post_area .post_detail .create_by:before {
    content: " ";
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url(../images/discussion_group/post_created.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    vertical-align: top;
}
.discussion_group .post_area .post_detail .cont {
    margin-bottom: 10px;
}
.discussion_group .post_area .post_data .post_reply {
    position: absolute;
    right: 10px;
    top: 5px;
}
.discussion_group .post_area .post_data .post_reply:before {
    content: " ";
    background-image: url(../images/icon_reply.png);
    background-repeat: no-repeat;
    width: 34px;
    height: 26px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-right: 10px;
}
.discussion_group .content .high_header {
    background-color: #dedede;
    margin: 0 -12px;
    padding: 12px 12px;
    font-weight: bold;
    font-size: 1.4em;
}
.discussion_group .content .date {
    background-color: #f8f8f8;
    margin: 0 -12px;
    padding: 12px 12px;
    font-weight: normal;
}
.discussion_group .content .data {
    padding-top: 10px;
}
.discussion_group .topic {
    margin-bottom: 47px;
    font-size: 1.4em;
}
.discussion_group_topic .post_area .post_detail {
    padding-left: 20%;
    width: 60%;
}
.discussion_group_topic .post_area .idno {
    position: absolute;
    top: 10px;
    left: 80%;
}
.top_remarks {
    width: 100%;
    height: 40px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}

/*blog*/
.blog_items img {
    padding-right: 16px;
}
.comment:after,
{
    background-image: url(../images/comment_orange_icon.png);
    background-repeat: no-repeat;
}

/*TLP*/
strong.tlp-red,
span.tlp-red {
    color: #f03;
    background: #000;
    padding: 4px;
    height: 40px;
    display: marker;
}
strong.tlp-amber,
span.tlp-amber {
    color: #ffc000;
    background: #000;
    padding: 4px;
    height: 40px;
}
strong.tlp-green,
span.tlp-green {
    color: #3f0;
    background: #000;
    padding: 4px;
    height: 40px;
}
strong.tlp-white,
span.tlp-white {
    color: #fff;
    background: #000;
    padding: 4px;
    height: 40px;
}
.date_and_article {
    float: right;
    height: 40px;
}
table.alerts td {
    background-color: #e0e0e0;
    padding: 6px;
    margin: 6px;
}
tr.alerts_first {
    background-color: #989898;
    padding: 6px;
    margin: 6px;
    color: #FFF;
}
tr.alerts_first td {
    background-color: #989898;
    font-weight: bold;
}
#content h4 {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #3e5259;
}

/*==================*/
.alerts_2col .alerts_header>div,
.alerts_2col .alerts_title>div {
    padding: 10px;
    float: left;
    width: 50%;
}
.alerts_2col .alerts_row>div {
    padding: 10px;
    float: left;
}
.alerts_table .alerts_header>div {
    color: #fff;
    background-color: #989898;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.alerts_2col .alerts_title {
    position: relative;
}
.alerts_2col .alerts_title:after {
    content: " ";
    position: absolute;
    right: 5px;
    top: 5px;
    width: 23px;
    height: 24px;
    background-image: url(../images/btn_more.png);
    background-repeat: no-repeat;
}
.alerts_2col .active>.alerts_title:after {
    background-image: url(../images/btn_more_on.png);
}
.alerts_table .alerts_title>div {
    color: #3e5259;
    background-color: #e0e0e0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding-right: 30px;
}
.alerts_table .alerts_row>div {
    color: #3e5259;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

/*
.alerts_table .alerts_cont{
	display:none;
}

.alerts_table .active>.alerts_cont{
	display:block;
}
*/
.alerts_table .active>.alerts_cont {
    z-index: 1000;
    position: relative;
    height: auto;
    width: auto;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
h4.panel-title {
    left: 200px;
}
h4.panel-title:first-line {
    left: 0;
}
.alerts_table .alerts_cont {
    z-index: -1;
    position: fixed;
    height: 0;
    width: 0;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    /*s
	-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=0);
    visibility: hidden;
    overflow: hidden;
}

/*==================*/
#chart>div {
    width: 420px;
    height: 280px;
    margin: 30px 5px;
    float: left;
}

/*#chart>div>div{
	position:relative;
}
#chart>div>div:after{
	content:" ";
	display: block !important;
    float: none !important;
    clear: both !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}*/

/*==================*/
.comment_input {
    margin: 10px 0 50px 0;
}
.comment_input textarea {
    margin-bottom: 10px;
    padding: 16px;
    width: 100%;
    height: 200px;
    background-color: #f4f4f4;
}
.comment_input .button {
    text-align: right;
}
.comment_input button {
    border: 0;
    background-color: #535353;
    color: #fff;
    padding: 0 20px;
    height: 32px;
    border-radius: 3px;
}
.comment_area {
    position: relative;
    padding: 10px 0;
    border-top: 2px solid #e6e6e6;
}
.comment_area:before {
    content: " ";
    position: absolute;
    width: 60px;
    height: 2px;
    background-color: #f68c38;
    top: -2px;
    left: 0;
    display: block;
    z-index: 6000;
}
.comment_area .comment_main>div,
.comment_area .comment_sub>div {
    padding: 16px 12px;
}
.comment_area .comment_main>div {
    background-color: #f1f1f1;
    border: 3px solid #dedede;
}
.comment_area .user {
    float: left;
    max-width: 95px;
}
.comment_area .user .icon {
    margin-bottom: 5px;
}
.comment_area .user .name {
    color: #345304;
    text-align: center;
    margin-bottom: 5px;
    word-break: break-all;
}
.comment_area .user .position {
    color: #2b597f;
    text-align: center;
    margin-bottom: 5px;
}
.comment_area .comment_detail {
    padding-left: 125px;
}
.comment_area .comment_detail .cont {
    margin-bottom: 10px;
}
.comment_area .comment_detail .tool {
    margin-bottom: 10px;
}
.comment_area .comment_detail .tool>div {
    display: inline-block;
    margin-right: 20px;
}
.comment_area .comment_detail .tool>div a {
    color: #858586 !important;
}
.comment_sub {
    margin-left: 120px;
}
.comment_sub>div {
    margin: 10px 0;
}

/*==================*/
div.ms-options-wrap {
    position: relative;
    display: inline-block;
    vertical-align: initial;
    margin: 10px 10px;
    width: 600px;
}
span.ms_text {
    width: 30px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
}
.ms-options ul li {
    margin: 0;
}

/*==================*/

/*glossary=*/
.content-block .browse-button-bar {
    margin: 0 0 10px 0;
    clear: both;
    height: 30px
}
.content-block .span12.btn-group {
    margin: 0 0 10px 0;
    display: block;
}
.content-block .span6.btn-group {
    margin: 0 0 10px 0;
    display: none;
}
.content-block .btn-group .btn {
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    text-transform: capitalize;
}
.content-block .btn-group a {
    color: #767676;
    text-decoration: none;
    padding: 4px 7px;
    line-height: 28px;
}
.content-block .btn-group .btn-primary {
    padding: 0px 7px;
    line-height: 28px;
}
.content-block .recent-terms-title {
    font-weight: 800;
    margin-bottom: 13px;
}
.btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #3e535a;
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.btn:hover {
    color: #fff;
}

/*my message*/
span.my_message {
    background-image: url(../images/my_message.png);
    background-repeat: no-repeat;
    padding-left: 25px;
}

/*system_specific_alerts*/
.system_type {
    padding-left: 52px;
}

/*tag*/
.tag {
    color: #EC7514;
}
.tag strong {
    color: #3e5259;
}

/*banner*/
.carousel-inner .left {
    display: none
}
.carousel-inner .right {
    display: none
}

/*banner*/
#blog .left {
    float: left;
    max-width: 50%;
}
#blog .right {
    float: right;
    max-width: 50%;
}

/*comment_tag*/
.comment_tag {
    background-image: url(../images/comment_orange_small_icon.png);
    background-repeat: no-repeat;
    height: 29px;
    width: 26px;
    display: inline-block;
    clear: left;
    vertical-align: middle;
    cursor: pointer
}

/*security_article*/
ol.security_article strong {
    left: -38px;
    position: relative;
}
ol.embrace li {
    list-style-type: lower-roman;
}
ul.ref li {
    list-style-type: lower-alpha;
}

/*request*/
.request {
    background-image: url(../images/request_icon.png);
    background-repeat: no-repeat;
    height: 29px;
    width: 30px;
    display: inline-block;
    clear: left;
    vertical-align: middle;
    cursor: pointer
}

/*reply*/
.reply {
    background-image: url(../images/icon_reply.png);
    background-repeat: no-repeat;
    height: 29px;
    width: 26px;
    display: inline-block;
    clear: left;
    vertical-align: middle;
    cursor: pointer;
    padding-left: 40px;
}

/*user*/
#user form {
    min-height: 160px;
}
table#user button {
    border: 0;
    background-color: #535353;
    color: #fff;
    padding: 0 15px;
    height: 32px;
    border-radius: 3px;
}
.large_symbol {
    font-size: 56px;
    font-weight: bold;
    line-height: normal;
    display: inline-block;
    width: 30px;
    height: 45px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.intro_first {
    font-size: 20px;
    font-weight: bold;
    line-height: 37px;
}
.intro_first_img {
    font-size: 12px;
    display: block;
    float: right;
    margin-left: 15px;
    height: 300px;
    width: 166px;
    line-height: 18px;
}
.larry_page {
    font-size: 19px;
    display: block;
    float: right;
    margin-left: 15px;
    font-style: italic;
}
.home img {
    width: 27px;
    height: 27px;
}
.mobile_view img {
    width: 27px;
    height: 27px;
}
.contentArea .subMenu ul.listStyleBlank {}
.paging_area .cont ul {
    margin-left: 15px;
}
.paging_area .cont li {
    display: list-item;
    list-style-position: outside;
    line-height: 25px;
    text-align: justify;
    margin-right: 7px!important;
    padding-right: 7px!important;
}
.paging_area .cont ul li ul {
    padding-left: 20px;
}
.paging_area th {
    background-color: #3f535a;
    color: #FFF;
    font-weight: bold;
    padding: 11px;
}
.contact_us th {
    background-color: #3f535a!important;
    color: #FFF;
    font-weight: bold;
    padding: 11px;
}
#footer .container .footerMenu ul.menuLv0 {
    width: 95% !important;
    margin: 0 auto!important;
}
.footerMenu ul li {
    font-size: 13px;
}
.footerMenu ul li ul {
    margin-right: 11px;
    padding-right: 11px;
    display: block
}
.footerMenu ul li ul ul {
    display: none
}
.glyphicon-chevron-right {
    background-image: url(../images/right.gif);
    background-repeat: no-repeat;
    height: 61px!important;
    width: 38px!important;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.glyphicon-chevron-left {
    background-image: url(../images/left.gif);
    background-repeat: no-repeat;
    height: 61px !important;
    width: 38px!important;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.glyphicon-chevron-right:before {
    content: none!important;
}
.glyphicon-chevron-right:before {
    content: none!important;
}
.glyphicon-chevron-left:before {
    content: none!important;
}
.glyphicon-chevron-left:before {
    content: none!important;
}
.headerMenu .tMenu li ul.menuLv1>li>a>span {
    text-align: left;
    padding-left: 0;
    /*	padding-right: 44px;*/
    
    padding-right: 0;
    display: block;
    word-break: break-word;
    margin-top: 0;
}
.headerMenu .tMenu li ul.menuLv1>li .caret {
    /*	background-image: url(../images/nav_bullet_second_level.gif);*/
    
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
    border-top-style: none!important;
    border-right-style: none!important;
    border-bottom-style: none!important;
    border-left-style: none!important;
    /*	margin-left: 13px;
	padding-left: 15%;*/
    
    position: absolute;
    top: 0;
    right: 13px;
    padding-right: 0;
    margin-top: 15px !important;
}
.background-white {
    border-top-width: 6px !important;
    border-top-style: solid !important;
    border-top-color: #3f535a !important;
}
.footerMenu .caret {
    display: none;
}
.future_task_force ul li {
    list-style-type: lower-alpha;
}
.future_task_force ul li ul li {
    list-style-type: lower-roman;
}
p.topic {
    padding-top: 0px;
}
.topic {
    font-weight: bold;
    font-style: italic;
}
.topic_row {
    height: 185px;
    display: block;
}
.topic_row img {
    clear: both;
    padding-right: 10px;
    padding-bottom: 10px;
    vertical-align: text-top;
    padding-top: 0px;
}
.future_task_force h3 {
    padding-bottom: 5px;
}
.topic_row h4 {
    font-size: 13px;
    font-weight: bold;
    color: #287228;
}
.cont .topic_row a::before {
    padding-top: 15px;
    padding-bottom: 15px;
}
.speaker {
    font-size: 14px;
    font-weight: bold;
}
.related_links .cont a::before {
    content: url(../images/external_link.png);
    display: inline;
    padding-top: 5px;
}
.guideline .cont li a::before {
    display: inline;
}
.guideline .paging_area .cont li {
    list-style-type: none;
}
.guideline .paging_area .cont li li {
    list-style-type: disc;
}
.guideline .cont li li a::before {
    content: none;
    display: inline;
    padding-top: 5px;
}

/*==========*/
.roman_list {
    list-style-type: lower-roman;
}
.mainContent {
    /*	position:relative;*/
    /*	padding-top:30px;*/
}
.mainContent .left_img {
    width: 360px;
    position: absolute;
}
.mainContent .right_cont {
    padding-left: 360px;
}
.mainContent .list_anchor {
    padding-top: 25px;
    border-top: 2px solid #133c8b;
    margin-bottom: 80px;
}
.mainContent .list_anchor ul {
    padding-left: 0;
    list-style-type: none;
}
.list_anchor li {
    float: left;
    display: inline-block;
    position: relative;
    margin: 0;
}
.list_anchor li span {
    position: absolute;
    left: 0;
    top: 0;
}
.list_anchor li.fst a {
    padding-left: 0;
}
.list_anchor li.lst a {
    padding-right: 0;
}
.list_anchor li a {
    display: block;
    padding: 0 2em;
    color: #000 !important;
    text-decoration: none !important;
}
.list_anchor li.active a {
    color: #32569a !important;
}

/*====*/
.iconPdf {
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: text-bottom;
}
.system_maintenance_schedule table {
    width: 100%;
}
.system_maintenance_schedule table ul {
    padding-left: 5px;
}
.uppercase {
    text-transform: uppercase;
    font-weight: bold;
}
.AML h3 {
    padding-bottom: 10px;
}
.alerts .cont .panel .panel-title a {
    text-decoration: none !important;
    font-weight: bold!important;
}
.subMenu>li>a.leftbtn.active_sub_section {
    color: #c40843;
}
.subMenu>li a.leftbtn.active_sub_section {
    color: #c40843;
}
.panel-body h3 {
    text-align: justify;
}
.table_sub_title {
    font-weight: bold!important;
}
.alerts .cont:after {
    content: " ";
    clear: both;
    display: block;
}
body .headerArea,
body footerArea {
    height: auto !important;
}
.membershop_list {
    padding-left: 10px;
}
.download_pdf_remark {
    font-style: italic;
    margin-top: 30px;
}
ol ol.future_terms2 {
    list-style-type: lower-roman;
}
ol.future_terms {
    list-style-type: lower-alpha;
}
body.market4 .leftMenu .subMenu li.my_menu3>a>span {
    color: #be4a03;
    font-weight: bold;
}
body.market5 .leftMenu .subMenu li.my_menu3>a>span {
    color: #be4a03;
    font-weight: bold;
}
body.market6 .leftMenu .subMenu li.my_menu3>a>span {
    color: #be4a03;
    font-weight: bold;
}
body.market7 .leftMenu .subMenu li.my_menu3>a>span {
    color: #be4a03;
    font-weight: bold;
}
.publications_n_publicity_n_materials h3 {
    text-align: center;
    float: left;
}

/*============================*/
.tMenu.menuLv0>li>a {
    position: absolute;
}
.tMenu.menuLv0>li>a.excLi:before {
    content: " ";
    display: block;
    width: 11px;
    height: 6px;
    /*	background-image:url(../images/icon_arrow.png);
	background-repeat:no-repeat;*/
    
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
}

/*====================*/
.myitem_list {
    margin: 0 -10px;
}
.myitem_list>div {
    margin: 0 10px 25px 10px;
}
.myitem_list.tv_series_list>div {
    margin: 0;
}
.myitem_list.activities_photo>div {
    margin: 10px 0;
}

/*==========================*/
.myboard_pr {
    position: relative;
    padding: 12px 16px;
    min-height: 324px;
    color: #3f3f3f;
    border: 1px solid #cecece;
    border-radius: 5px;
    margin-bottom: 25px;
}
.myboard_pr .id {
    display: none;
    font-size: 5em;
    line-height: 1em;
    position: absolute;
    top: 30px;
    left: 30px;
}
.myboard_pr .cover {
    width: 200px;
    position: absolute;
}
.myboard_pr .cont_area {
    padding-left: 225px;
}
.myboard_pr .date {
    margin-bottom: 10px;
    color: #444;
}
.myboard_pr .title {
    font-weight: bold;
    margin-bottom: 10px;
    color: #444;
}
.myboard_pr .cont {
    margin-bottom: 10px;
    color: #444;
}
.myboard_pr .more {
    position: absolute;
    right: -1px;
    bottom: -1px;
    padding: 0;
    border-bottom: 1px solid #cecece;
    border-right: 1px solid #cecece;
}
.myboard_pr .more a {
    display: block;
    font-size: 32px;
    padding: 8px 12px;
    background-color: #a6be41;
    color: #fff !important;
    text-decoration: none !important;
}

/*==============*/
.myboard_nl {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 240px;
    margin: auto;
    padding: 12px;
    color: #3f3f3f;
    border: 1px solid #cecece;
    border-radius: 5px;
}
.myitem_list.whatsnew_list .myboard_nl {
    min-height: 300px;
}
.myitem_list.my_pdf_div.activities_photo .myboard_nl {
    max-width: 190px;
    min-height: 235px;
}
.myitem_list.my_pdf_div.tv_series_list .myboard_nl {
    max-width: 195px;
    border: none;
}
.myboard_nl .id {
    position: absolute;
    top: 12px;
    left: 12px;
    font-size: 2em;
    line-height: 1em;
}
.myboard_nl .cover {
    margin: auto;
    text-align: center;
}
.myboard_nl .date {
    float: right;
    margin-top: 10px;
    font-weight: normal;
    margin-bottom: 10px;
    font-size: .8em;
    color: #575757;
}

/*================*/
.myboard_cu {
    max-width: 800px;
    margin: auto;
    margin-bottom: 30px;
}
.myboard_cu>div {
    padding: 26px 40px;
    border-collapse: collapse;
    border: 1px solid #b1b1b1;
    border-top: 0;
}
.myboard_cu .title {
    font-size: 2em;
    font-weight: bold;
    color: #fff;
    padding: 20px;
    text-align: center;
    background-color: #07836e;
}
.chineseVersion .myboard_cu .title {
    letter-spacing: .6em;
}
.myboard_cu .left {
    text-align: left;
    position: absolute;
    width: 160px;
    padding-left: 30px;
    font-weight: bold;
}
.myboard_cu .right {
    text-align: left;
    float: none;
    padding-left: 200px;
}
.myboard_cu .left:before {
    content: " ";
    position: absolute;
    width: 23px;
    height: 25px;
    margin-left: -30px;
    background-repeat: no-repeat;
}
.myboard_cu .my_tel:before {
    background-image: url(../images/icon_tel.png);
}
.myboard_cu .my_mail:before {
    background-image: url(../images/icon_mail.png);
}
.myboard_cu .my_fax:before {
    background-image: url(../images/icon_fax.png);
}
.myboard_cu .my_loc:before {
    background-image: url(../images/icon_loc.png);
}

/*======================*/
.myboard_wn {
    display: none;
    position: relative;
    margin: auto;
    padding: 12px;
    color: #3f3f3f;
    border: 1px solid #cecece;
    border-radius: 5px;
    width: 100%;
    max-width: 280px;
    height: 320px;
    overflow: hidden;
}
.chineseVersion .myboard_wn {
    height: 300px;
}
.myboard_wn:after {
    content: " ";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
    background: #fff;
    /* For browsers that do not support gradients */
    
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    /* For Safari 5.1 to 6.0 */
    
    background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    /* For Opera 11.1 to 12.0 */
    
    background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    /* For Firefox 3.6 to 15 */
    
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    /* Standard syntax */
}
.myboard_wn.double {
    max-width: 582px;
}
.mytab_area.mt0 .myboard_wn,
.mytab_area.mt1 .myboard_wn.mt1,
.mytab_area.mt2 .myboard_wn.mt2,
.mytab_area.mt3 .myboard_wn.mt3 {
    display: inline-block;
}
.myboard_wn .cover {
    text-align: center;
    height: 137px;
}
.myboard_wn .cover img {
    max-height: 100%;
}
.myboard_wn .type {
    float: left;
    margin-top: 10px;
    font-weight: normal;
    margin-bottom: 10px;
}
.myboard_wn .date {
    float: right;
    margin-top: 10px;
    font-weight: normal;
    margin-bottom: 10px;
}
.myboard_wn .title {
    font-weight: bold;
    font-size: 1.22em;
    line-height: 1.5em;
}
.myboard_wn .title:before {
    content: " ";
    clear: both;
    display: block;
}

/*=======================*/
.myboard_in_title {
    text-align: center;
    font-size: 2.2em;
    letter-spacing: .2em;
    margin: 30px 0;
    line-height: 1em;
}
.myboard_in_title>span {
    color: #0ba186;
    font-weight: bold;
}
.myboard_in {
    display: inline-block;
    position: relative;
    margin: auto;
    color: #3f3f3f;
    width: 100%;
    max-width: 280px;
}
.myboard_in a {
    color: #3f3f3f !important;
}
.myboard_in .item {
    position: relative;
    padding: 12px;
    border: 1px solid #cecece;
    border-radius: 5px;
    width: 100%;
    height: 300px;
    overflow: hidden;
    margin-bottom: 15px;
}
.chineseVersion .myboard_in {
    height: 300px;
}
.myboard_in:after {
    content: " ";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
    background: #fff;
    /* For browsers that do not support gradients */
    
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    /* For Safari 5.1 to 6.0 */
    
    background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    /* For Opera 11.1 to 12.0 */
    
    background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    /* For Firefox 3.6 to 15 */
    
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    /* Standard syntax */
}
.myboard_in.double {
    max-width: 582px;
}
.myboard_in .cover {
    text-align: center;
}
.myboard_in .type {
    float: left;
    margin-top: 10px;
    font-weight: normal;
    margin-bottom: 10px;
}
.myboard_in .date {
    float: right;
    margin-top: 10px;
    font-weight: normal;
    margin-bottom: 10px;
}
.myboard_in .title {
    font-weight: bold;
    font-size: 1.22em;
    line-height: 1.5em;
}
.myboard_in .title:before {
    content: " ";
    clear: both;
    display: block;
}
.indexVersion .myitem_list {
    text-align: center;
}
.myitem_list>div.myboard_int {
    margin: 0 0 25px 0;
}
.myboard_int .topic {
    float: left;
    width: 100%;
    max-width: 25%;
    margin-bottom: 15px;
}
.myboard_int .topic a {
    display: block;
    font-style: normal;
    color: #fff !important;
    background-color: #08836e;
    padding: 20px;
    text-align: center;
    font-size: 1.4em;
    margin-left: 10px;
    margin-right: 10px;
}
.chineseVersion .myboard_in .topic {
    letter-spacing: .2em;
}

/*=======================*/
.myboard_st {
    position: relative;
    margin: auto;
    padding: 12px;
    color: #3f3f3f;
    border: 1px solid #cecece;
    border-radius: 5px;
    width: 100%;
    max-width: 280px;
    height: 320px;
    overflow: hidden;
    display: inline-block;
}
.chineseVersion .myboard_st {
    height: 300px;
}
.myboard_st:after {
    content: " ";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
    background: #fff;
    /* For browsers that do not support gradients */
    
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    /* For Safari 5.1 to 6.0 */
    
    background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    /* For Opera 11.1 to 12.0 */
    
    background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    /* For Firefox 3.6 to 15 */
    
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    /* Standard syntax */
}
.myboard_st.full {
    max-width: 100%;
    padding: 10px 30px;
    position: relative;
    height: auto !important;
}
.myboard_st.full .leftImg {
    float: left;
    margin-right: 20px;
    width: 400px;
}
.myboard_st.full .cont {
    padding-left: 420px;
}
.myboard_st .cover {
    text-align: center;
    height: 137px;
}
.myboard_st .cover a {
    display: block;
    height: 100%;
}
.myboard_st .cover img {
    max-height: 100%;
    margin: auto;
}
.myboard_st .title {
    font-weight: bold;
    font-size: 1.22em;
    line-height: 1.5em;
    padding-top: 10px;
    padding-bottom: 10px;
}
.myboard_st .title a {
    color: #4b4b4b !important;
}
.myboard_st .title:before {
    content: " ";
    clear: both;
    display: block;
}
.myboard_bk.full {
    max-width: 100%;
    padding: 0;
    position: relative;
    height: auto !important;
}
.myboard_bk.full .leftImg {
    float: left;
    margin-right: 20px;
    width: 400px;
}
.myboard_bk.full .cont {
    padding-left: 420px;
}

/*=======================*/
.mytab ul {
    text-align: center;
    border-bottom: 1px solid #cbcbcb;
}
.mytab li {
    display: inline-block;
    width: 24%;
    margin: 0;
    border: 0;
}
.mytab a {
    padding-bottom: 12px;
    display: inline-block;
    text-align: center;
    color: #424242;
    font-size: 1.6em;
    font-weight: bold;
    text-decoration: none !important;
    position: relative;
}
.chineseVersion .mytab a {
    letter-spacing: .3em;
}
.mytab li.active a {
    color: #08836e;
}
.mytab li.active a:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    bottom: -5px;
    background-color: #08836e;
}

/*===========*/
.rightImg {
    float: right;
    width: 200px;
    margin-left: 30px;
}
.wrapper-expandable.active .box-style-wrapper {
    z-index: 1000;
    position: relative;
    height: auto;
    width: auto;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.wrapper-expandable .box-style-wrapper,
.wrapper-expandable.hide .box-style-wrapper {
    z-index: -1;
    position: fixed;
    height: 0;
    width: 0;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    overflow: hidden;
}
.wrapper-expandable {
    margin-bottom: 10px;
}
.wrapper-expandable.active {
    margin-bottom: 20px;
}
.expandable-title {
    margin-bottom: 15px;
}
.expandable-title h3 {
    padding: 0;
    margin: 0;
}
.expandable-title a {
    color: #404042 !important;
    text-decoration: none !important;
    padding: 20px 16px;
    padding-right: 30px;
    background-color: #c6e6f5;
    display: block;
    border-radius: 4px;
    position: relative;
}
.active .expandable-title a {
    background-color: #b9d483;
}
.expandable-title a:after {
    content: " ";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    width: 17px;
    height: 19px;
    background-image: url('../images/icon_expansion.png');
    background-repeat: no-repeat;
}
.active .expandable-title a:after {
    background-image: url('../images/icon_expansion_on.png');
}

/*====================================*/
.my_map {
    position: relative;
}
.my_map_img {
    z-index: 3000;
}
.my_map_search {
    z-index: 4500;
    border: 5px solid #08836e;
    border-radius: 6px;
    position: absolute;
    top: 5%;
    left: 12.5%;
}
.my_map_search_title {
    color: #fff;
    background-color: #08836e;
    padding: 12px 60px;
    padding-bottom: 16px;
    text-align: center;
    font-size: 1.4em;
}
.chineseVersion .my_map_search_title {
    letter-spacing: .2em;
}
.my_map_search_cont {
    background-color: #fff;
    padding: 15px;
}
.my_map_search_select {
    margin-bottom: 10px;
}
.my_map_search_select select {
    width: 100%;
    padding: 2px;
}
.my_map_search_submit {
    width: 120px;
    max-width: 100%;
    display: block;
    position: relative;
    float: right;
}
.my_map_search_submit a {
    display: block;
    padding: 7px 25px;
    background-color: #043748;
    border: 1px solid #043748;
    border-radius: 8px;
    color: #fff !important;
    text-align: center;
    text-decoration: none !important;
}
.chineseVersion .my_map_search_submit a {
    letter-spacing: .2em;
}
.my_map_marker {
    z-index: 4000;
}
.my_map_marker>div {
    position: absolute;
    width: 1.565%;
    height: 3.41%;
    max-width: 25px;
    max-height: 34px;
}
.my_map_detail {
    z-index: 5000;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 4px 4px 0 4px;
    display: none;
}
.my_map.active .my_map_detail {
    display: block;
}
.my_map_detail:before {
    content: " ";
    position: absolute;
    width: 19px;
    height: 20px;
    left: -19px;
    top: 25%;
    background-image: url(../images/bd_map_detail.png);
    background-repeat: no-repeat;
}
.my_map_detail_cont {
    position: relative;
    padding: 10px;
    padding-bottom: 45px;
}
.my_map_detail_title {
    font-weight: bold;
}
.my_map_detail_cont ul {
    margin-bottom: 10px;
}
.my_map_detail_more a {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #a7c043;
}
#my_map_m1 {
    top: 38.5%;
    left: 31%;
}
#my_map_m2 {
    top: 67%;
    left: 33%;
}
#my_map_m3 {
    top: 42%;
    left: 47%;
}
#my_map_m4 {
    top: 70%;
    left: 53%;
}
#my_map_m5 {
    top: 52%;
    left: 55%;
}
#my_map_m6 {
    top: 21%;
    left: 56%;
}
#my_map_m7 {
    top: 55%;
    left: 58.5%;
}
#my_map_m8 {
    top: 42%;
    left: 59%;
}
#my_map_m9 {
    top: 48%;
    left: 61.5%;
}
#my_map_m10 {
    top: 40%;
    left: 69%;
}

/*=======================================*/
.mainSlider {
    z-index: 3000;
    /*    position: absolute;
	top: 195px;
    left: 0;
    right: 0;
    height: 604px;
    overflow: hidden;*/
}
.mainSlider .flexslider {
    margin-bottom: 0;
}
.mainSlider ul.slides>li {
    width: 1200px !important;
    height: 378px !important;
    max-width: 100%;
    /*	overflow:hidden;*/
    
    max-width: 100%;
}
.mainSlider .slide_bg {
    position: absolute;
    z-index: 3005;
    height: auto !important;
    width: 100% !important;
    /*width: 1200px !important;*/
    
    margin-left: 50%;
    transform: translateX(-50%);
}
.mainSlider .slide_mask {
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    right: 0px;
    z-index: 3006;
}
.mainSlider .slide_mask .main-slide_mesh {
    position: absolute;
    background: url("../images/mesh.png") repeat;
    top: 0px;
    bottom: 0;
    left: 0px;
    right: 0px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.mainSlider .slide_cont {
    text-align: center;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    right: 0px;
    z-index: 3010;
}
.mainSlider ul>li:nth-child(1) .slide_cont,
.mainSlider ul>li:nth-child(2) .slide_cont,
.mainSlider ul>li:nth-child(3) .slide_cont,
.mainSlider ul>li:nth-child(4) .slide_cont,
.mainSlider ul>li:nth-child(5) .slide_cont {
    z-index: 3010;
    color: #0867aa !important;
    font-size: 1.625em;
    font-weight: bold;
    width: 1600px;
    max-width: 100%;
    margin: auto;
    position: relative;
    margin-top: 250px;
}
.mainSlider ul>li:nth-child(1) .slide_cont>span,
.mainSlider ul>li:nth-child(2) .slide_cont>span,
.mainSlider ul>li:nth-child(3) .slide_cont>span,
.mainSlider ul>li:nth-child(4) .slide_cont>span,
.mainSlider ul>li:nth-child(5) .slide_cont>span {
    width: 785px;
    text-align: left;
    float: right;
}
.mainSlider .slide_url {
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    right: 0px;
    z-index: 3015;
}
.mainSlider .slide_url a {
    display: block;
    height: 100%;
}
.main_new {
    /*    position: absolute;
	top: 799px;
    left: 0;
    right: 0;
    height: 500px;
    overflow: hidden;*/
    
    background-image: url(../images/bg_what_new.jpg);
    background-repeat: no-repeat;
}
.main_new .my_roll_header {
    color: #3070ad;
    padding-bottom: 15px;
}
.main_new .my_roll .my_roll_content {
    padding-top: 10px;
}
.main_new .my_roll .my_roll_content .my_roll_cont_row>div {
    padding: 0px 10px;
    /*width: 378px;*/
    /*width:236px;*/
    
    width: 229px;
}
.main_new .my_roll .my_roll_content .my_roll_image {
    position: relative;
}
.main_new .my_roll .my_roll_content .my_roll_image:before {
    content: "";
    position: absolute;
    left: -7px;
    top: -7px;
    /*	width:48px;
	height:30px;*/
    
    width: 30px;
    height: 18.75px;
    background-size: 100%;
    background-image: url(../images/border_new_before.png);
    background-repeat: no-repeat;
}
.main_new .my_roll .my_roll_content .my_roll_image:after {
    content: "";
    position: absolute;
    right: -10px;
    bottom: -10px;
    /*	width:105px;
	height:65px;*/
    
    width: 65.625px;
    height: 40.625px;
    background-size: 100%;
    background-image: url(../images/border_new_after.png);
    background-repeat: no-repeat;
}
.main_new .my_roll .my_roll_content .my_roll_title {
    margin-top: 1em;
}
.main_new .my_roll_control .my_roll_prev,
.main_new .my_roll_control .my_roll_next {
    padding-top: 105px;
}
.main_highlight {
    /*    position: absolute;
	top: 1299px;
    left: 0;
    right: 0;
    height: 470px;
    overflow: hidden;*/
    
    background-image: url(../images/bg_highlight.jpg);
    background-repeat: repeat;
}
.main_highlight .my_roll_header {
    color: #003e57;
}
.main_highlight .my_roll .my_roll_content .my_roll_title {
    /*	font-size: 1.8em;*/
    
    padding: 0 10px;
    font-weight: bold;
    text-align: center;
    margin-top: 0;
    position: relative;
    transform: translateY(-110%);
    /*    height: 66px;
    line-height: 66px;*/
    
    font-size: 1em;
    height: 36px;
    line-height: 36px;
}
.main_highlight .my_roll .my_roll_content .my_roll_title span {
    line-height: normal;
    display: inline-block;
}
.main_highlight .my_roll .my_roll_content .my_roll_title span>a {
    color: #000000;
}
.main_highlight .my_roll_control .my_roll_prev,
.main_highlight .my_roll_control .my_roll_next {
    padding-top: 130px;
}
.main_shortcut {
    /*    position: absolute;
	top: 1769px;
    left: 0;
    right: 0;
    height: 490px;
    overflow: hidden;*/
    
    background-image: url(../images/bg_shortcut.jpg);
    background-repeat: no-repeat;
}
.main_shortcut .my_roll_header {
    color: #09720b;
}
.main_shortcut .my_roll .my_roll_content .my_roll_image {
    text-align: center;
    min-height: 211px;
}
.main_shortcut .my_roll .my_roll_content .my_roll_title {
    font-weight: bold;
    text-align: center;
    font-size: 1.25em;
    margin-top: 1em;
    margin-bottom: 1em;
}
.main_shortcut .my_roll .my_roll_content .my_roll_cont_row>div:nth-child(1) .my_roll_title>a {
    color: #c70a4e;
}
.main_shortcut .my_roll .my_roll_content .my_roll_cont_row>div:nth-child(2) .my_roll_title>a {
    color: #087eae;
}
.main_shortcut .my_roll .my_roll_content .my_roll_cont_row>div:nth-child(3) .my_roll_title>a {
    color: #4c05a3;
}
.main_shortcut .my_roll .my_roll_content .my_roll_cont_row>div:nth-child(4) .my_roll_title>a {
    color: #0552a4;
}
.main_shortcut .my_roll .my_roll_content .my_roll_cont_row>div:nth-child(5) .my_roll_title>a {
    color: #1e8512;
}
.main_footer_banner {
    /*	margin-top:2064px;*/
}
.main_footer_banner ul {
    list-style-type: none;
    padding: 1em 0;
    margin: 0;
    text-align: center;
}
.main_footer_banner ul>li {
    display: inline-block;
}
#video_1 {
    margin-top: -120px;
}
.slide_text_1 {
    position: relative;
    width: 1000px;
    max-width: 100%;
    margin: auto;
    margin-top: 100px;
    padding: 40px;
    text-align: center;
    border: 5px solid #fff;
    color: #fff;
    text-shadow: .1em 0 .05em #033b56, -.1em 0 .05em #033b56, 0 .1em .05em #033b56, 0 -.1em .05em #033b56, .05em .05em .05em #033b56, -.05em -.05em .05em #033b56, .05em -.05em .05em #033b56, -.05em .05em .05em #033b56;
}
.slide_text_1>* {
    text-align: center;
    margin-bottom: 10px;
}
.slide_text_1:after {
    content: " ";
    position: absolute;
    bottom: 0;
    top: 100%;
    width: 24px;
    height: 24px;
    left: 50%;
    margin-left: -12px;
    background-image: url(../images/bg_slider_bul.png);
    background-repeat: no-repeat;
}
.slide_text_1 .txt_1 {
    font-size: 3.4em;
    letter-spacing: .2em;
    line-height: normal;
}
.slide_text_1 .txt_2 {
    font-size: 2em;
    line-height: normal;
}
.slide_text_1_2 {
    margin-top: 60px;
    display: inline-block;
}

/*==========*/
body .mainContent.leftSideContent {
    padding-right: 400px;
}
body .mainContent.rightSideContent {
    padding-left: 340px;
}
.mainContent hr.myhr {
    width: 100%;
    border: 1px inset #829ea1;
    margin-top: 20px;
    margin-bottom: 20px;
}
.sideContent .rightSide {
    position: absolute;
    right: 200px;
    top: 100px;
    max-width: 200px;
    margin-left: 30px;
}
.plan_area {
    text-align: center;
}
.plan_area .plan_div {
    width: 400px;
    padding: 20px;
    margin: 20px 60px;
    display: inline-block;
    background: #fff;
    /* For browsers that do not support gradients */
    
    background: -webkit-linear-gradient(left top, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
    /* For Safari 5.1 to 6.0 */
    
    background: -o-linear-gradient(bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
    /* For Opera 11.1 to 12.0 */
    
    background: -moz-linear-gradient(bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
    /* For Firefox 3.6 to 15 */
    
    background: linear-gradient(to bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
    /* Standard syntax (must be last) */
    
    box-shadow: -2.85px .93px 5px rgba(0, 0, 0, .52);
}
.plan_area .plan_topic {
    color: #595959;
    font-size: 1.45em;
    font-style: normal;
    margin-bottom: 1.6em;
}
.plan_area .plan_tit {
    color: #0f6791;
    font-weight: bold;
}
.plan_area .tick_list {
    list-style-type: none;
}
.plan_area .tick_list li {
    position: relative;
}
.plan_area .tick_list li:before {
    content: "\002714";
    position: absolute;
    left: -19px;
    top: 0;
    color: #0f6791;
}
.save_plan_area {
    text-align: center;
    margin-bottom: 20px;
}
.save_plan_area .plan_div {
    width: 200px;
    margin: 0 20px;
    display: inline-block;
    text-align: center;
}
.save_plan_area .arrow {
    text-align: center;
    margin: 10px 0;
    margin-bottom: 20px;
}
.save_plan_area .plan_div.full {
    width: 680px;
    padding: 20px;
    background: #fff;
    background: -webkit-linear-gradient(left top, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
    background: -o-linear-gradient(bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
    background: -moz-linear-gradient(bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
    background: linear-gradient(to bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
    box-shadow: -2.85px 0.93px 5px rgba(0, 0, 0, .52);
}
.save_plan_area .plan_box {
    padding: 20px;
    height: 115px;
    text-align: center;
    background: #fff;
    background: -webkit-linear-gradient(left top, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
    background: -o-linear-gradient(bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
    background: -moz-linear-gradient(bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
    background: linear-gradient(to bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
    box-shadow: -2.85px 0.93px 5px rgba(0, 0, 0, .52);
}
.save_plan_area .plan_div.full>div,
.save_plan_area .plan_box>div {
    text-align: center;
}

/*=============Close Up===============*/
.my_gallery .close_data {
    display: none;
}
#close_up {
    z-index: -1;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
#close_up.active.transition {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
#close_up.active {
    z-index: 9000;
    /*background-color:rgba(0,0,0,.6);*/
    
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
#close_up .bg {
    z-index: 9100;
    background-color: rgba(0, 0, 0, .85);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#close_up .area {
    z-index: 9200;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    top: 50%;
    margin-top: -350px;
    width: 1000px;
    background-color: #fff;
}
#close_up .close {
    background-color: #ddd;
    color: #fff;
    text-align: center;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
}
#close_up .close a {
    display: block;
    padding: 5px;
}
#close_up .area .title {
    font-weight: bold;
    font-size: 1.4em;
    background-color: #dcdcdc;
    color: #7b7b7b;
    padding: 4px 10px;
}
#close_up .area .main {
    padding: 30px 30px 45px 30px;
    position: relative;
    text-align: center;
}
#close_up .area .main .left {
    width: 40%;
    float: left;
}
#close_up .area .main .right {
    width: 60%;
    float: right;
}
#close_up .area .main .img {
    padding: 5px;
}
#close_up .area .main .img img {
    width: 100%;
}
#close_up .area .main .caption {
    padding: 5px;
}
#close_up .area .main .cont {
    padding: 5px;
    padding-left: 15px;
}
#close_up .area .main .cont p {
    margin-bottom: 15px;
}

/*========================*/
.flowerChart {
    position: relative;
    z-index: 500;
    height: 2800px;
}
.flower {
    text-align: center;
    position: relative;
    z-index: 505;
}
.stem {
    position: absolute;
    top: 250px;
    bottom: 250px;
    width: 10px;
    left: 50%;
    margin-left: -5px;
    background-color: #8fb833;
    z-index: 501;
}
.leaf {
    background-image: url(../images/graph_leaf.png);
    background-repeat: no-repeat;
    width: 159px;
    height: 140px;
    position: absolute;
    text-align: center;
    left: 50%;
    text-shadow: .1em 0 .05em #fff, -.1em 0 .05em #fff, 0 .1em .05em #fff, 0 -.1em .05em #fff, .05em .05em .05em #fff, -.05em -.05em .05em #fff, .05em -.05em .05em #fff, -.05em .05em .05em #fff;
    z-index: 510;
}
.leaf.left {
    background-image: url(../images/graph_leaf_left.png);
    margin-left: -159px;
}
.leaf span {
    margin-top: 56px;
    display: block;
    font-size: 2.5em;
}
.leaf.l_0 {
    top: 2100px;
}
.leaf.l_1 {
    top: 1700px;
}
.leaf.l_2 {
    top: 1400px;
}
.leaf.l_3 {
    top: 600px;
}
.leaf.l_4 {
    top: 200px;
}
.fruit {
    position: absolute;
    z-index: 515;
}
.fruit.red {
    width: 100%;
    max-width: 35%;
    left: 0;
}
.fruit.purple {
    width: 100%;
    max-width: 35%;
    right: 0;
}
.fruit .cont {
    padding: 20px;
    padding-bottom: 10px;
    font-weight: bold;
}
.fruit.red .cont {
    position: relative;
    background-color: #f2dcdb;
    border-radius: 5px;
}
.fruit.red .cont:after {
    /*	content:" ";
	position:absolute;
	width:19px;
	height:20px;
	right:-19px;
	top:50%;
	margin-top:-10px;
	background-image:url(../images/graph_arrow_red.png);
	background-repeat:no-repeat;*/
    
    content: " ";
    position: absolute;
    right: -19px;
    top: 50%;
    margin-top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #f2dcdb;
}
.fruit.purple .cont {
    position: relative;
    background-color: #e9e5fd;
    border-radius: 5px;
}
.fruit.purple .cont:after {
    /*	content:" ";
	position:absolute;
	width:19px;
	height:20px;
	left:-19px;
	top:50%;
	margin-top:-10px;
	background-image:url(../images/graph_arrow_purple.png);
	background-repeat:no-repeat;*/
    
    content: " ";
    position: absolute;
    left: -19px;
    top: 50%;
    margin-top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #e9e5fd;
}
.fruit .cont>* {
    margin-bottom: 10px;
}
.fruit .date {
    margin-right: 20px;
}
.fruit.red .attach {
    background-color: #ff0066;
    margin-top: -5px;
    z-index: -1;
    position: relative;
    padding: 20px;
    padding-bottom: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 1.6em;
    border-radius: 5px;
}
.fruit.purple .attach {
    background-color: #382898;
    margin-top: -5px;
    z-index: -1;
    position: relative;
    padding: 20px;
    padding-bottom: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 1.6em;
    border-radius: 5px;
}
.fruit.blue {
    width: 320px;
    max-width: 100%;
    left: 50%;
    margin-left: -160px;
}
.fruit.blue .cont {
    background-color: #0ea5ba;
    padding: 20px 40px;
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    text-shadow: .1em 0 .05em #157097, -.1em 0 .05em #157097, 0 .1em .05em #157097, 0 -.1em .05em #157097, .05em .05em .05em #157097, -.05em -.05em .05em #157097, .05em -.05em .05em #157097, -.05em .05em .05em #157097;
    border-radius: 25px;
}
.fruit.blue .cont:before {
    content: " ";
    position: absolute;
    background-image: url(../images/graph_water.png);
    background-repeat: no-repeat;
    width: 323px;
    height: 127px;
    left: 0;
    top: 0;
    margin-left: -200px;
    margin-top: -115px;
}
.fruit.blue .cont:after {
    content: " ";
    position: absolute;
    background-color: #14829d;
    right: 0;
    left: 50%;
    top: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 0 25px 25px 0;
}
.fruit.f_0 {
    top: 2500px;
}
.fruit.f_1 {
    top: 2300px;
}
.fruit.f_2 {
    top: 2100px;
}
.fruit.f_3 {
    top: 1700px;
}
.fruit.f_4 {
    top: 1300px;
}
.fruit.f_5 {
    top: 1000px;
}
.fruit.f_6 {
    top: 900px;
}
.fruit.f_7 {
    top: 750px;
}
.fruit.f_8 {
    top: 750px;
}
.fruit.f_9 {
    top: 550px;
}
.fruit.f_10 {
    top: 350px;
}
.fruit.f_11 {
    top: 350px;
}
.root {
    position: absolute;
    width: 253px;
    height: 219px;
    background-image: url(../images/graph_pot.png);
    background-repeat: no-repeat;
    left: 50%;
    bottom: 10px;
    margin-left: -126.5px;
    text-align: center;
    padding-top: 70px;
    font-weight: bold;
    font-size: 2em;
    line-height: 1.5em;
    color: #fff;
    text-shadow: .1em 0 .05em #645900, -.1em 0 .05em #645900, 0 .1em .05em #645900, 0 -.1em .05em #645900, .05em .05em .05em #645900, -.05em -.05em .05em #645900, .05em -.05em .05em #645900, -.05em .05em .05em #645900;
    z-index: 515;
}

/*=================*/
.my_pdf {
    /*
	background-image:url(../images/icon_pdf_title.png);
	background-repeat:no-repeat;
	background-position:12px 6px;
	background-color:#e2e3e2;
	display:inline-block;
    border-radius: 6px;*/
}
.my_pdf a {
    text-decoration: none !important;
    color: #4b4b4b;
    font-size: 1.2em;
    padding: 22px 12px 6px 71px;
    min-height: 65px;
    display: block;
}
.chineseVersion .my_pdf a {
    letter-spacing: .3em;
}
.tpo_div {
    margin-top: 20px;
}
.tpo_div>div {
    width: 32%;
    padding: 0 20px;
    display: table-cell;
    border-left: 2px solid #cecfcf;
}
.tpo_div>div.fst {
    border-left: 0;
    padding-left: 0;
}
.tpo_div>div h3 {
    margin-top: 0;
    padding-top: 5px;
}
.dpo_list>li {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: .6em;
}
.dpo_list>li:before {
    content: '\25cf\a0';
    position: absolute;
    margin-left: -16px;
    font-size: 12px;
}
.ecdBDiv {
    text-align: right;
    margin-bottom: 10px;
}
.ecdBDiv>div {
    display: inline-block;
    margin-left: 10px;
}
a.ecdBtn {
    text-decoration: none !important;
    color: #5c5c5c !important;
}

/*===============*/
.photo_album {
    margin: 0 -5px;
}
.photo_album>div {
    width: 290px;
    max-width: 100%;
    padding: 5px;
    display: inline-block;
}

/*=====================================*/
.mylist li {
    list-style-type: none;
}
.mylist li:before {
    content: '\25cf\a0';
    position: absolute;
    margin-left: -16px;
    font-size: 16px;
    color: #bf45ee;
}
.div_pilotact>div {
    margin-bottom: 20px;
    box-shadow: 0 0 5px #000;
}
.div_pilotact .title {
    display: table-cell;
    width: 200px;
    padding: 8px 20px 8px 50px;
    vertical-align: middle;
    color: #fff;
    background-color: #166867;
    position: relative;
}
.div_pilotact .title:after {
    content: " ";
    position: absolute;
    right: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
}
.div_pilotact .cont {
    display: table-cell;
    padding: 8px 20px;
    width: auto;
}
.div_pilotact .cont ul {
    margin-bottom: 0;
}

/*=============================*/
.fix_line {
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #504098;
}
.fix_line.under {
    margin-top: -3px;
}
ul.lo_alp>li {
    list-style-type: lower-alpha;
}
ul.lo_rom>li {
    list-style-type: lower-roman;
}
ul.disc>li {
    list-style-type: disc;
}
.leftMenu {
    /*	background-color: #fff;
	border-top: 2px solid #504098;
	box-shadow: 1px 2px 8px -1px #000;
    padding: 10px 6px;*/
    
    background-color: rgba(0, 0, 255, 0);
}
.subMenu li>a:before {
    content: " ";
    position: absolute;
    top: 12px;
    left: 10px;
    width: 7px;
    height: 14px;
    /*	background-image:url('../images/icon_menu_arrow_left.png');*/
    
    background-repeat: no-repeat;
}

/*================================*/
.new_list {
    background-color: #fff;
    padding: 0 30px 30px 30px;
}
div.new_list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.new_list li {
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #dedede;
}
div.new_list li.lst {
    border-bottom: 0;
}
.new_list .date {
    font-size: .8em;
}
.new_list .title {
    font-weight: bold;
}

/*==================================*/
.mainContent .my_title {
    color: #504098;
    font-weight: bold;
}
.mainContent .my_area {
    background-color: #dde8f0;
    padding: 20px;
    margin-bottom: 20px;
}
.mainContent .my_area2 {
    padding: 0 20px;
    margin-bottom: 20px;
}

/*=====================================*/
.bodies_list>div {
    padding: 15px 0;
    border-top: 1px solid #b3b3b3;
    position: relative;
}
.bl_top {
    min-height: 100px;
}
.bl_logo {
    position: absolute;
    right: 0;
    top: 15px;
    max-height: 100px;
}
.bl_org,
.bl_org a {
    font-weight: bold;
    color: #4b4b4b !important;
    text-decoration: none !important;
}
.bl_ts>div {
    display: table-row;
}
.bl_ts>div>div {
    display: table-cell;
}
.bodies_list .title {
    font-weight: bold;
    padding-right: 6px;
}

/*=======================================*/
.sliderArea {
    height: 275px;
    overflow: hidden;
    margin-bottom: 40px;
}
.sliderArea img {
    top: 0;
}
.sliderBg {
    position: absolute;
    left: 0;
    right: 0;
    height: 275px;
    background-color: #fff;
}
div.flexslider {
    /*	width:100%;
	margin-left:auto;
	margin-right:auto;
	border:0;
	position: static;*/
}
.flexslider .flex-control-nav {
    bottom: 1em;
    z-index: 4000;
}
.flexslider.video_gallery {
    margin-bottom: 0;
}
.mainContent .sliderArea ul,
.mainContent .sliderArea ol {
    padding: 0;
    margin: 0;
}
.sliderArea .flex-control-nav {
    bottom: 0;
    left: 0;
    z-index: 3500;
}
.sliderArea .flex-control-paging li a.flex-active {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
}
.sliderArea .flex-direction-nav a {
    font-size: 0;
    width: 39px;
    height: 69px;
    margin: -35px 0 0;
    z-index: 3500;
}
.sliderArea .flex-direction-nav .flex-prev {
    left: 10px;
}
.sliderArea .flex-direction-nav .flex-next {
    right: 10px;
}
.sliderArea .flexslider:hover .flex-direction-nav .flex-prev {
    left: 0;
}
.sliderArea .flexslider:hover .flex-direction-nav .flex-next {
    right: 0;
}
.sliderArea .flex-direction-nav a:before {
    content: " ";
    width: 39px;
    height: 69px;
    background-image: url('../images/icon_arrow_slide_left.png');
    background-repeat: no-repeat;
}
.sliderArea .flex-direction-nav a.flex-next:before {
    content: " ";
    background-image: url('../images/icon_arrow_slide_right.png');
}

/*=============================================*/
.main_bottom {
    margin-bottom: 40px;
}
.main_news {
    width: 35%;
    padding-right: 20px;
    float: left;
}
.main_about {
    width: 64.5%;
    float: left;
}
.main_news_header {
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 16px;
    border-bottom: 1px solid #ddd;
}
.main_news_list>ul {
    padding-left: 0;
    list-style-type: none;
}
.main_news_list>ul>li {
    margin: 0;
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
}
.main_news .date,
.main_news .title {
    font-weight: normal;
}
.main_about .my_header {
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 16px;
}
.my_more {
    text-align: right;
}
.my_more a {
    color: #B6052F !important;
    text-decoration: none !important;
    font-weight: bold;
}

/*===========*/
.faq_list>ol {
    padding-left: 0;
    position: relative;
    font-weight: bold;
    border-top: 1px solid #ddd;
    list-style-type: none;
}
.faq_list>ol>li:hover {
    background-color: #fff;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}
.faq_list>ol>li {
    margin: 0;
    padding-left: 0;
    padding-left: 60px;
    position: relative;
}
.faq_list>ol>li:after {
    content: " ";
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #ddd;
    position: absolute;
}
.faq_list>ol>li:before {
    content: " ";
    width: 33px;
    height: 33px;
    position: absolute;
    left: 0;
    top: 13px;
    background-image: url(../images/btn_cdlist.png);
    background-repeat: no-repeat;
}
.faq_list>ol>li.active:before {
    background-image: url(../images/btn_cdlist_on.png);
}
.faq_list .active .cd_div .cont {
    z-index: 1000;
    position: relative;
    height: auto;
    width: auto;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.faq_list .cd_div .cont,
.faq_list .cd_div.hide .cont {
    z-index: -1;
    position: fixed;
    height: 0;
    width: 0;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    overflow: hidden;
    padding: 0 16px;
    border-left: 3px solid #35b59e;
    font-weight: normal;
}
.faq_list .cd_div {
    margin: 0;
    position: relative;
}
.faq_list .active .cd_div {
    padding-bottom: 20px;
}
.faq_list .cd_div .title {
    padding: 0;
    margin: 0;
}
.faq_list .cd_div .title a {
    color: #404042 !important;
    text-decoration: none !important;
    padding: 20px 16px;
    padding-right: 30px;
    font-weight: bold;
    display: block;
    position: relative;
}
.faq_list .active .cd_div .title a {}
.faq_list .cd_div .cont p:last-child {
    margin-bottom: 0;
}
.faq_list .number {
    position: absolute;
    right: 100%;
    top: 20px;
    margin-right: -65px;
}
.graphicBanner {
    position: absolute;
    right: 0;
    top: 0;
    max-height: 215px;
    max-width: none;
    z-index: -1;
}
body abbr[title]::after {
    content: '';
}
body .close {
    float: none;
    font-size: 1em;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    text-shadow: inherit;
    opacity: 1;
}
body .close:focus,
body .close:hover {
    color: inherit;
    text-decoration: inherit;
    opacity: 1;
}

/*====================================*/
.mainContent ul.flex-control-nav,
.mainContent ol.flex-control-nav {
    margin-bottom: 0;
    bottom: auto;
}
.my_roll {
    position: relative;
    margin: 0px 10px 10px 10px;
}
.my_roll_header {
    /*font-size: 2.6em;*/
    
    font-size: 1.625em;
    font-weight: bold;
    padding: 22px 10px;
}
.my_roll .my_roll_content {
    overflow: hidden;
    width: 100%;
    background-repeat: repeat-x;
}
.my_roll .my_roll_content .my_roll_cont_row {
    display: table;
    white-space: nowrap;
    padding: 0 80px;
    margin: 0 auto;
}
.my_roll .my_roll_content .my_roll_cont_row>div {
    display: inline-block;
    vertical-align: top !important;
    padding: 0px 10px;
    /*width: 378px;*/
    /*width:236px;*/
    
    width: 229px;
}
.my_roll .my_roll_content .my_roll_image {
    margin: auto;
    position: relative;
}
.my_roll .my_roll_content .my_roll_title {
    margin: auto;
    text-align: left;
    white-space: normal;
    /*	font-size: 1.4em;*/
    
    font-size: 1em;
}

/*.my_roll_header{
	display:none;
}*/
.my_roll_control>div {
    position: absolute;
    width: 39px;
    height: 61px;
    margin: -20px 0 0 0;
    padding: 0;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    text-align: center;
}
.my_roll_control>div a {
    text-decoration: none !important;
    color: #fff !important;
}
.my_roll_control>div span {
    display: block;
    width: 39px;
    height: 61px;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 30px;
    text-align: center;
}
.my_roll_control .my_roll_prev span {
    background-image: url(../images/btn_control_prev.png);
    background-repeat: no-repeat;
}
.my_roll_control .my_roll_next span {
    background-image: url(../images/btn_control_next.png);
    background-repeat: no-repeat;
}
.my_roll_control .my_roll_prev {
    top: 0;
    bottom: 0;
    height: initial;
    margin-top: 0;
    width: initial;
    left: -10px;
    padding-top: 80px;
    padding-left: 0;
    padding-right: 0;
}
.my_roll_control .my_roll_next {
    top: 0;
    bottom: 0;
    height: initial;
    margin-top: 0;
    width: initial;
    right: -10px;
    padding-top: 80px;
    padding-left: 0;
    padding-right: 0;
}
body.indexVersion div.homeTool {
    display: none;
}

/*body.indexVersion div.clientTool>div.language:before{
	display:none;
}*/
body.indexVersion div.AStyleArea:before {
    /*	content: "";*/
}
body.indexVersion div.AStyleArea {
    /*	margin-left: 30px;*/
}
.exhibition_table td {
    padding: 10px;
}
.press_release_table1 td {
    vertical-align: top;
}
.reports_table_layout td:first-child {
    text-align: center;
}
.reports_table_layout td {
    padding: 10px;
}
.reports_list_layout li {
    display: block;
    padding: 10px;
}
.reports_list_layout li:last-child {
    margin-bottom: 0;
}
.reports_list_layout ol {
    counter-reset: item;
    margin-bottom: 0;
}
.reports_list_layout li:before {
    content: counters(item, ".") ".  ";
    counter-increment: item
}
.reports_table_layout td {
    vertical-align: text-top;
}
.fake_h4,
.fake_h5,
.fake_h6 {
    font-weight: bold;
}
.aboutus_intro_list>div {
    width: 100%;
    max-width: 605px;
    margin: auto;
}
.aboutus_intro_list>div>div {
    display: inline-block;
    width: 100%;
    max-width: 300px;
    height: 200px;
    margin-bottom: 40px;
}
.aboutus_intro_list>div>div img {
    height: 100%;
}
.aboutus_intro_list>div>div>a>div {
    text-align: center;
    font-size: 1.4em;
}
.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item_image {
    height: 90%;
}
.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item1 {
    font-weight: bold;
    margin-top: 10px;
    color: #097dae;
}
.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item2 {
    font-weight: bold;
    margin-top: 10px;
    color: #4c04a4;
}
.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item3 {
    font-weight: bold;
    margin-top: 10px;
    color: #0452a4;
}
.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item4 {
    font-weight: bold;
    margin-top: 10px;
    color: #1e8613;
}

/*.chineseVersion{
	font-size: 1.1em;
}*/
.organ_search_iframe {
    border: none;
    width: 100%;
    display: block;
}
.list_table {
    width: 100%;
    border-spacing: 0;
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}
.list-table td:first-child,
.bordered th:first-child {
    border-left: none;
}
.list_table th {
    background: #e2f3fd;
    text-align: left;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
}
.list_table td {
    text-align: left;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
}
.list_table tr:nth-child(even) {
    background: #fafdf4;
}
.list_table_rowspan {
    width: 100%;
    border-spacing: 0;
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}
.list_table_rowspan th {
    background: #e2f3fd;
    text-align: left;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
}
.list_table_rowspan td {
    text-align: left;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
}
.div_acrobat_reader {
    background-color: #EAEAEA;
    padding: 5px;
}
.div_acrobat_reader>.div_acrobat_reader_icon {
    display: inline-block;
    width: 160px;
    margin-right: 5px;
    padding: 10px 0;
}
.div_acrobat_reader>.div_acrobat_reader_description {
    display: inline-block;
    width: 75%;
}

/*======================*/
.photo_title,
.photo_area>li .title {
    margin-bottom: 24px;
    font-weight: bold;
    display: block;
}
.mainContent ul.photo_group {
    /*margin: 0 -1em;*/
    
    padding: 0;
    text-align: left;
}
.mainContent .photo_area ul.photo_group {
    margin: 0 -0.8em;
    text-align: left;
}
.photo_group li {
    display: inline-block;
    vertical-align: top;
    /*width:	200px;*/
    
    width: 190px;
    text-align: center;
    margin: 0;
    margin-bottom: 4px;
    padding: .1em;
}
.photo_group li.photo_thumb>a>img {
    border: 2px solid #b4b4b4;
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.photo_group li.photo_thumb>a:focus>img,
.photo_group li.photo_thumb>a:hover>img {
    border: 2px solid #c30819;
}
body div.light_square .pp_left,
body div.light_square .pp_middle,
body div.light_square .pp_right,
body div.light_square .pp_content {
    background-color: transparent;
}
body .pp_nav .pp_play,
body .pp_nav .pp_pause,
body a.pp_arrow_previous,
body a.pp_arrow_next {
    font-size: 0;
}
body .pp_nav .pp_play:before,
body .pp_nav .pp_pause:before,
body a.pp_arrow_previous:before,
body a.pp_arrow_next:before {
    display: none;
}
body .pp_nav .pp_play,
body .pp_nav .pp_pause,
body a.pp_arrow_previous,
body a.pp_arrow_next {
    background-color: transparent;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    margin-top: -56px;
}
body a.pp_arrow_previous {
    background-image: url(../images/btn_arrow_prev.png);
}
body a.pp_arrow_next {
    background-image: url(../images/btn_arrow_next.png);
}
body .pp_content_container .pp_details {
    margin: 0;
}
body .pp_nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
}
body a.pp_arrow_previous {
    left: 0;
}
body a.pp_arrow_next {
    right: 0;
}
body a.pp_close {
    font-size: 0;
    background-color: transparent;
    background-image: url(../images/btn_close.png);
    background-repeat: no-repeat;
    width: 35px;
    height: 33px;
    box-shadow: none;
}
body .ppt {
    display: none !important;
}
body a.pp_previous,
body a.pp_next {
    background: none !important;
}

/*=========================*/
#slider.flexslider .slides img {
    width: 50%;
    display: inline-block;
}
#slider.flexslider .slides_cont {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    padding: 20px 10px;
    max-height: 360px;
    overflow: auto;
    float: right;
}
#slider.flexslider .slides_title {
    color: #3942A9;
    font-size: 1.2em;
    font-weight: bold;
}
#slider.flexslider .slides_txt {
    margin-top: 20px;
}
#carousel.flexslider {
    margin: 20px auto;
    /*	width: 360px;*/
    
    background-color: transparent;
}
#carousel.flexslider li {
    /*	padding:0 10px;
	position:relative;
	min-width:180px;*/
}
#carousel.flexslider li .imgMask {
    position: absolute;
    background-color: #000000;
    top: 0px;
    left: 10px;
    right: 10px;
    bottom: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
#carousel.flexslider li:hover .imgMask {
    opacity: 0;
}
#carousel.flexslider .prevBtn {
    position: absolute;
    top: 30px;
    left: -50px;
}
#carousel.flexslider .nextBtn {
    position: absolute;
    top: 30px;
    right: -50px;
}
#slider.flexslider {
    margin-bottom: 20px;
}
#carousel ul.slides {
    margin-bottom: 0;
}
#carousel .slides li {
    padding: 0 3px;
}
#carousel .slides li .cover img {
    border: 2px solid #b4b4b4;
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#carousel .slides li:hover .cover img {
    border: 2px solid #c30819;
}
#carousel .slides li .title {
    padding: 8px 0;
}
#carousel .flex-direction-nav {
    margin: 0;
    padding: 0;
}
#carousel .flex-direction-nav a {
    width: 45px;
    height: 45px;
    margin-top: -22px;
    font-size: 0;
}
#carousel .flex-direction-nav li>a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/btn_vidoe_prev.png);
    background-repeat: no-repeat;
}
#carousel .flex-direction-nav li>a.flex-next:before {
    content: "";
    background-image: url('../images/btn_vidoe_next.png');
}
#carousel.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
}
#carousel.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
}
#slider .flowplayer {
    background-color: #000;
}

/*=====================*/
.myitem_list.my_pdf_div .title {
    padding-left: 35px;
    position: relative;
    display: inline-block;
    width: 100%;
}
.myitem_list.my_pdf_div.activities_photo .title {
    margin-top: 10px;
    padding-left: 0;
}
.myitem_list.my_pdf_div.tv_series_list .title {
    margin-top: 10px;
    padding-left: 0;
}
.myitem_list.my_pdf_div.whatsnew_list .title {
    padding-left: 0;
}
.myitem_list.my_pdf_div .iconPdf {
    position: absolute;
    left: 0;
}
.album_title,
.album_date {
    margin-top: 10px;
    text-align: center;
}
#form_select_photo {
    margin-bottom: 10px;
}
#form_select_photo input[type="submit"] {
    background-color: #043748;
    color: #fff;
    padding: 0px 15px;
    border-radius: 8px;
    height: 24px;
}
#form_select_photo select {
    height: 24px;
    vertical-align: top;
}

/*======================*/
.my_photo_slider.flexslider {
    margin: 20px auto;
    background-color: transparent;
}
.my_photo_slider.flexslider li .imgMask {
    position: absolute;
    background-color: #000000;
    top: 0px;
    left: 10px;
    right: 10px;
    bottom: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.my_photo_slider.flexslider li:hover .imgMask {
    opacity: 0;
}
.my_photo_slider.flexslider .prevBtn {
    position: absolute;
    top: 30px;
    left: -50px;
}
.my_photo_slider.flexslider .nextBtn {
    position: absolute;
    top: 30px;
    right: -50px;
}
.my_photo_slider ul.slides {
    margin-bottom: 0;
}
.my_photo_slider .slides li {
    padding: 0 3px;
}
.my_photo_slider .slides li .cover img {
    border: 2px solid #b4b4b4;
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.my_photo_slider .slides li:hover .cover img {
    border: 2px solid #c30819;
}
.my_photo_slider .slides li .title {
    padding: 8px 0;
}
.my_photo_slider .flex-direction-nav {
    margin: 0;
    padding: 0;
}
.my_photo_slider .flex-direction-nav a {
    width: 45px;
    height: 45px;
    margin-top: -22px;
    font-size: 0;
}
.my_photo_slider .flex-direction-nav li>a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/btn_vidoe_prev.png);
    background-repeat: no-repeat;
}
.my_photo_slider .flex-direction-nav li>a.flex-next:before {
    content: "";
    background-image: url('../images/btn_vidoe_next.png');
}
.my_photo_slider.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
}
.my_photo_slider.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
}
.membership {
    margin-top: 20px;
}
.contact_us_table td {
    vertical-align: top;
}
.myLogo .d_logo {
    display: inline;
}
.myLogo .m_logo {
    display: none
}
.temp_hide {
    visibility: hidden !important;
}
.pp_description {
    background-color: #000000;
    color: #ffffff;
    padding: 10px;
    text-align: center !important;
    margin: 0 !important;
}

/*==========================*/
.organisers_table {}
.organisers_table>div {
    display: inline-block;
    width: 25%;
    height: 170px;
    text-align: center;
    padding: 5px;
    vertical-align: middle;
}
.organisers_table>div>a {
    display: block;
    height: 100%;
    vertical-align: middle;
    position: relative;
    background-color: #fff;
    padding: 10px;
    border: 2px solid #c2c2c2;
}
.organisers_table>div>a>img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    max-width: 95%;
    max-height: 95%;
}
.organisers_table>div.half_left {
    width: 50%;
    height: 190px;
}
.organisers_table>div.half_left a {
    width: 400px;
    float: right;
}
.organisers_table>div.half_right {
    width: 50%;
    height: 190px;
}
.organisers_table>div.half_right a {
    width: 280px;
    float: left;
}


.support_organisers_table {}
.support_organisers_table>div {
    display: inline-block;
    width: calc(50% - 10px);
    height: auto;
    background-color: #fff;
    padding: 10px;
    border: 2px solid #c2c2c2;
    margin: 5px;
}
.support_organisers_table>div>div:first-child {
    display: inline-block;
    width: 100%;
    height: 170px;
    text-align: center;
    padding: 5px;
    vertical-align: middle;
}
.support_organisers_table>div>div:first-child>a {
    display: block;
    height: 100%;
    vertical-align: middle;
    position: relative;
    /* background-color: #fff;
    padding: 10px;
    border: 2px solid #c2c2c2; */
}
.support_organisers_table>div>div:first-child>a>img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    max-width: 95%;
    max-height: 95%;
}
.support_organisers_table>div>div:last-child {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 5px;
    vertical-align: middle;
}
.support_organisers_table>div.half_left {
    width: 50%;
    height: 190px;
}
.support_organisers_table>div.half_left a {
    width: 400px;
    float: right;
}
.support_organisers_table>div.half_right {
    width: 50%;
    height: 190px;
}
.support_organisers_table>div.half_right a {
    width: 280px;
    float: left;
}
.language span {
    font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
}
.activities_table {
    background-color: #ffffff;
    padding-top: 5px;
    /*border: solid 1px grey;*/
    
    width: 1138px;
    border-collapse: separate;
    border-spacing: 10px 0;
}
.mver.activities_table {
    width: 100%;
}
.mver.activities_table tr {
    display: table-row;
}
.activities_table tr,
.activities_table div.row {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.activities_table th,
.activities_table td,
.activities_table div {
    border: solid 1px #ffffff;
}
.activities_table th:first-child,
.activities_table td:first-child {
    /*border-left: 0;*/
}
.activities_table th:last-child,
.activities_table td:last-child {
    /*border-right: 0;*/
}
.activities_table th {
    background-color: #e1e1e1;
    text-align: center;
    font-weight: bold;
    padding: 15px;
    /*width: 162px;*/
    
    width: 150px;
    max-width: 150px;
}
.activities_table div.actdate {
    background-color: #e1e1e1;
    text-align: center;
    font-weight: bold;
    padding: 15px;
}
.activities_table th.holiday,
.activities_table div.holiday {
    color: #e20000;
}
.activities_table td {
    border: solid 1px #bcbcbc;
    padding: 0 5px 5px 5px;
    font-size: .8em;
    vertical-align: top;
    position: relative;
    /*width: 162px;*/
    
    width: 150px;
    max-width: 150px;
}
.activities_table div.col-12 {
    border: solid 1px #bcbcbc;
    padding: 0 5px 5px 5px;
    font-size: 1em;
    vertical-align: top;
    position: relative;
}
.activities_table>tbody>tr>td {
    padding-bottom: 30px;
}
.activities_table div.col-12 {
    padding: 1rem 0;
}
.activities_table td.no_content {
    border: 0;
}
.activities_table td.colspan_2 {
    /*width: 324px;*/
    
    width: 311px;
    max-width: 311px;
}
.activities_table td.colspan_3 {
    width: 486px;
    max-width: 486px;
}
.activities_table td.colspan_4 {
    width: 648px;
    max-width: 648px;
}
.activities_table td.colspan_5 {
    width: 810px;
    max-width: 810px;
}
.activities_table td.colspan_6 {
    width: 972px;
    max-width: 972px;
}
.activities_table td.colspan_7 {
    width: 1140px;
    max-width: 1140px;
}
.activities_table td>div.theme {
    position: absolute;
    left: 0;
    right: 0;
    height: 20px;
}
.activities_table td>div.theme_1 {
    background-color: #FF7F27;
}
.activities_table td>div.theme_2 {
    background-color: #643200;
}
.activities_table td>div.theme_3 {
    background-color: #008000;
}
.activities_table td>div.theme_4 {
    background-color: #B97A57;
}
.activities_table td>div.theme_5 {
    background-color: #00FF40;
}
.activities_table td>div.theme_6 {
    background-color: #000080;
}
.activities_table td>div.theme_7 {
    background-color: #00FFFF;
}
.activities_table td>div.theme_8 {
    background-color: #A349A4;
}
.div_theme_table>table td.theme_1 {
    background-color: #FF7F27;
}
.div_theme_table>table td.theme_2 {
    background-color: #643200;
}
.div_theme_table>table td.theme_3 {
    background-color: #008000;
}
.div_theme_table>table td.theme_4 {
    background-color: #B97A57;
}
.div_theme_table>table td.theme_5 {
    background-color: #00FF40;
}
.div_theme_table>table td.theme_6 {
    background-color: #000080;
}
.div_theme_table>table td.theme_7 {
    background-color: #00FFFF;
}
.div_theme_table>table td.theme_8 {
    background-color: #A349A4;
}
.div_theme_table>table td.theme_9 {
    background-color: #40bfb6;
}
.div_theme_table>table td.theme_10 {
    background-color: #ffc000;
}
.div_theme_table>table td.theme_11 {
    background-color: #d10000;
}
.div_activities_2>div>div>.div_activities_2_content.theme_1 {
    background-color: #ffffff;
}
.div_activities_2>div>div>.div_activities_2_content.theme_2 {
    background-color: #ffffff;
}
.div_activities_2>div>div>.div_activities_2_content.theme_3 {
    background-color: #ffffff;
}
.div_activities_2>div>div>.div_activities_2_content.theme_4 {
    background-color: #ffffff;
}
.div_activities_2>div>div>.div_activities_2_content.theme_5 {
    background-color: #ffffff;
}
.div_activities_2>div>div>.div_activities_2_content.theme_6 {
    background-color: #ffffff;
}
.div_activities_2>div>div>.div_activities_2_content.theme_7 {
    background-color: #ffffff;
}
.div_activities_2>div>div>.div_activities_2_content.theme_8 {
    background-color: #ffffff;
}
.div_activities_2>div>div>.div_activities_2_content.theme_9 {
    background-color: #ffffff;
}
.div_activities_2>div>div>.div_activities_2_content.theme_10 {
    background-color: #ffffff;
}
.div_activities_2>div>div>.div_activities_2_content.theme_11 {
    background-color: #ffffff;
}
.index_content_area_2_content>div.theme_1 .description,
.index_content_area_2_content>div.theme_1 .cover {
    background-color: #FF7F27;
}
.index_content_area_2_content>div.theme_2 .description,
.index_content_area_2_content>div.theme_2 .cover {
    background-color: #643200;
}
.index_content_area_2_content>div.theme_3 .description,
.index_content_area_2_content>div.theme_3 .cover {
    background-color: #008000;
}
.index_content_area_2_content>div.theme_4 .description,
.index_content_area_2_content>div.theme_4 .cover {
    background-color: #B97A57;
}
.index_content_area_2_content>div.theme_5 .description,
.index_content_area_2_content>div.theme_5 .cover {
    background-color: #00FF40;
}
.index_content_area_2_content>div.theme_6 .description,
.index_content_area_2_content>div.theme_6 .cover {
    background-color: #000080;
}
.index_content_area_2_content>div.theme_7 .description,
.index_content_area_2_content>div.theme_7 .cover {
    background-color: #00FFFF;
}
.index_content_area_2_content>div.theme_8 .description,
.index_content_area_2_content>div.theme_8 .cover {
    background-color: #A349A4;
}
.index_content_area_2_content>div.theme_9 .description,
.index_content_area_2_content>div.theme_9 .cover {
    background-color: #40bfb6;
}
.index_content_area_2_content>div.theme_10 .description,
.index_content_area_2_content>div.theme_10 .cover {
    background-color: #ffc000;
}
.index_content_area_2_content>div.theme_11 .description,
.index_content_area_2_content>div.theme_11 .cover {
    background-color: #d10000;
}
.activities_themes_content>div.theme_1 {
    color: #FF7F27;
}
.activities_themes_content>div.theme_2 {
    color: #643200;
}
.activities_themes_content>div.theme_3 {
    color: #008000;
}
.activities_themes_content>div.theme_4 {
    color: #B97A57;
}
.activities_themes_content>div.theme_5 {
    color: #00FF40;
}
.activities_themes_content>div.theme_6 {
    color: #000080;
}
.activities_themes_content>div.theme_7 {
    color: #00FFFF;
}
.activities_themes_content>div.theme_8 {
    color: #A349A4;
}
.activities_themes_content>div.theme_9 {
    color: #40bfb6;
}
.activities_themes_content>div.theme_10 {
    color: #ffc000;
}
.activities_themes_content>div.theme_11 {
    color: #d10000;
}
.activities_themes_2 .activities_themes_content>div.theme_1:before {
    background-color: #FF7F27;
}
.activities_themes_2 .activities_themes_content>div.theme_2:before {
    background-color: #643200;
}
.activities_themes_2 .activities_themes_content>div.theme_3:before {
    background-color: #008000;
}
.activities_themes_2 .activities_themes_content>div.theme_4:before {
    background-color: #B97A57;
}
.activities_themes_2 .activities_themes_content>div.theme_5:before {
    background-color: #00FF40;
}
.activities_themes_2 .activities_themes_content>div.theme_6:before {
    background-color: #000080;
}
.activities_themes_2 .activities_themes_content>div.theme_7:before {
    background-color: #00FFFF;
}
.activities_themes_2 .activities_themes_content>div.theme_8:before {
    background-color: #A349A4;
}
.activities_themes_2 .activities_themes_content>div.theme_9:before {
    background-color: #40bfb6;
}
.activities_themes_2 .activities_themes_content>div.theme_10:before {
    background-color: #ffc000;
}
.activities_themes_2 .activities_themes_content>div.theme_11:before {
    background-color: #d10000;
}

.div_activities_2[data_theme_id='1'] {
    border-color: #FF7F27;
}
.div_activities_2[data_theme_id='2'] {
    border-color: #643200;
}
.div_activities_2[data_theme_id='3'] {
    border-color: #008000;
}
.div_activities_2[data_theme_id='4'] {
    border-color: #B97A57;
}
.div_activities_2[data_theme_id='5'] {
    border-color: #00FF40;
}
.div_activities_2[data_theme_id='6'] {
    border-color: #000080;
}
.div_activities_2[data_theme_id='7'] {
    border-color: #00FFFF;
}
.div_activities_2[data_theme_id='8'] {
    border-color: #A349A4;
}
.div_activities_2[data_theme_id='9'] {
    border-color: #40bfb6;
}
.div_activities_2[data_theme_id='10'] {
    border-color: #ffc000;
}
.div_activities_2[data_theme_id='11'] {
    border-color: #d10000;
}
.div_activities_2[data_theme_id='1']>.div_activities_2_header {
    background-color: #FF7F27;
}
.div_activities_2[data_theme_id='2']>.div_activities_2_header {
    background-color: #643200;
}
.div_activities_2[data_theme_id='3']>.div_activities_2_header {
    background-color: #008000;
}
.div_activities_2[data_theme_id='4']>.div_activities_2_header {
    background-color: #B97A57;
}
.div_activities_2[data_theme_id='5']>.div_activities_2_header {
    background-color: #00FF40;
}
.div_activities_2[data_theme_id='6']>.div_activities_2_header {
    background-color: #000080;
}
.div_activities_2[data_theme_id='7']>.div_activities_2_header {
    background-color: #00FFFF;
}
.div_activities_2[data_theme_id='8']>.div_activities_2_header {
    background-color: #A349A4;
}
.div_activities_2[data_theme_id='9']>.div_activities_2_header {
    background-color: #40bfb6;
}
.div_activities_2[data_theme_id='10']>.div_activities_2_header {
    background-color: #ffc000;
}
.div_activities_2[data_theme_id='11']>.div_activities_2_header {
    background-color: #d10000;
}
.div_activities_table {
    overflow-x: auto;
    width: 100%;
}
.activities_table td>div.title {
    margin-top: 25px;
    font-weight: bold;
    text-align: center;
    min-height: 90px;
}
.activities_table td>div.attachment {
    position: absolute;
    bottom: 0;
    left: 5px;
    right: 5px;
}
.activities_table td>div.attachment>div {
    max-width: 150px;
    margin: auto;
}
.activities_table td>div.attachment img {
    width: 100%;
    max-width: 20px;
    vertical-align: middle;
}
.activities_table td>div.attachment span {
    margin-left: 5px;
    vertical-align: middle;
}
body.indexVersion #wrap .bodyArea>.container {
    max-width: 100%;
}
body.indexVersion div.btmNav {
    display: none;
}
.index_content_area_1 {
    background: url(../images/index_content_background_1.jpg);
    background-position: top center;
    background-size:contain
}
.index_content_area_2 {
    /* background: url(../images/index_content_background_1.jpg);
    background-position: center; */
}
.index_content_area_1>.container {
    text-align: center;
    max-width: 1920px !important;
}
.index_content_area_1>.container img {
    /*max-height: 450px;*/
    
    /* max-height: 303.58px; */
}
.index_content_area_1>.container .image_left {
    display: inline-block;
    position: relative;
    /* background-color: #3d96b1; */
    
    background-color: #337d94;
    height: auto;
    width: 230px;
    text-align: left;
    max-width: 100%;
}
.index_content_area_1>.container .image_middle {
    display: inline-block;
    position: relative;
    background-color: #337D94;
    height: 304px;
    width: 410px;
    text-align: center;
    max-width: 100%;
}
.index_content_area_1>.container .image_middle>div,
.index_content_area_1>.container .image_right>div {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.index_content_area_1>.container .image_right>div>div {
    text-align: center;
}
.index_content_area_1>.container .image_right {
    display: inline-block;
    position: relative;
    background-color: #3d82b1;
    height: 304px;
    width: 320px;
    text-align: center;
    max-width: 100%;
}
.index_content_area_1>.container .image_right span {
    color: #ffffff;
}
.index_content_area_1>.container .image_right iframe {
    margin-top: 5px;
}
.index_content_area_1>.container div.content {
    /*margin: auto;*/
    
    text-align: justify;
    /*width: 400px;*/
    
    max-width: 100%;
    /*background-color: #be8a70;*/
    /* background-color: #3d96b1; */
    
    background-color: #337d94;
    color: #ffffff;
    padding: 5px 10px;
    left: 230px;
    right: 40px;
    bottom: 20px;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: initial !important;
    word-spacing: initial !important;
}
.activities_themes {
    background-color: #ffffff;
    margin-top: 20px;
}
.activities_themes>div {
    position: relative;
    z-index: 2;
}
.activities_themes:before {
    content: "";
    background-color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    height: 126px;
    z-index: 1;
}
body.mySize1 .activities_themes:before {
    height: 141px;
}
body.mySize2 .activities_themes:before {
    height: 184px;
}
.activities_themes_header {
    font-size: 1.3em;
    padding: 10px 0;
}
.activities_themes_content {
    text-align: center;
}
.activities_themes_content>div {
    display: inline-block;
    width: 49%;
    padding: 10px 0;
    font-size: 1.1em;
    min-width: 180px;
}
.tMenu.menuLv0>li>a {
    /*padding-left: 50px !important;
	padding-right: 50px !important;*/
}
.div_previous_events {
    display: inline-block;
}
.div_previous_events_title {
    text-align: center;
    font-weight: bold;
}
.myheaderTool>div.clientTool div.share {
    position: relative;
}
.myheaderTool>div.clientTool div.share .share_tool {
    position: absolute;
    left: -78px;
    right: -85px;
    display: none;
}
.myheaderTool>div.clientTool div.share .share_tool.active {
    display: block;
}
.myheaderTool>div.clientTool div.share .share_tool a {
    display: inline-block;
    padding: 0 5px;
}
.myLogo_mobile {
    display: none;
    margin-top: 20px;
}
.myLogo_mobile .logo_0 img {
    max-width: 49%;
}
.myLogo_mobile .hksar25th {
    display: inline-block;
    float: right;
    max-width: 45%;
}
.myLogo_mobile .brandhk {
    display: inline-block;
    float: right;
    max-width: 45%;
}
.div_theme_table {
    position: absolute;
    left: 0;
    right: -1px;
}
.div_theme_table>table {
    width: 100%;
}
.div_theme_table>table tr {
    display: table-row;
}
.div_theme_table>table td {
    display: table-cell;
    height: 20px;
    border: 0;
}
.activities_details_td {
    vertical-align: top;
    padding-bottom: 10px;
    /*width: 195px;*/
    
    font-weight: bold;
}
.activities_details_td_2 {
    vertical-align: top;
    padding-bottom: 10px;
    /*padding-left: 5px;*/
}
@media screen and (min-width: 768px) {
    .activities_details_td_2 {
        padding-left: 10px;
    }
}
.activities_h1 {
    display: inline-block;
}
.activities_themes_2 {
    /*background-color: #ffffff;
	margin-top: 20px;*/
    
    width: 460px;
    max-width: 100%;
    font-size: .7em;
    float: right;
}
.activities_themes_2>div {
    position: relative;
    z-index: 2;
}
.activities_themes_2 .activities_themes_header {
    padding: 0;
}
.activities_themes_2 .activities_themes_content>div {
    padding: 3px 0;
    color: #000000;
    min-width: 200px;
}
.activities_themes_2 .activities_themes_content>div:before {
    content: " ";
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
.activities_registration {
    display: inline-block;
    font-size: .8em;
    width: 100%;
}
.activities_registration img {
    width: 100%;
    max-width: 20px;
    vertical-align: middle;
}
.activities_registration span {
    margin-left: 5px;
    vertical-align: middle;
}
.activities_table td>div.attachment>div.registration {
    display: inline-block;
}
.activities_table td>div.attachment>div.time {
    display: inline-block;
    float: right;
    /* max-width: 50%; */
    font-size: .8em;
}
.activities_navigation_header>div {
    position: relative;
    display: inline-block;
    width: 25%;
    /*width: 33.3333333333%;*/
    
    letter-spacing: initial;
    word-spacing: initial;
    border-bottom: solid 1px #c2c2c2;
}
.activities_navigation_header>div:last-child {
    /*width: 33.4%;
	float: right;*/
}
.activities_navigation_header>div div {
    background-color: #c2c2c2;
    color: #4F4F4F;
    font-weight: bold;
    padding: 10px;
    margin: 0 10px;
    text-align: center;
}
.activities_navigation_header>div.active {
    border: solid 1px #c2c2c2;
    border-bottom: 0;
    background-color: #ffffff;
}
.activities_navigation_header>div.active div {
    background-color: #ffffff;
    color: #222b5b;
}
.activities_navigation_header>div.active:before {
    content: '';
    position: absolute;
    height: 10px;
    left: 0;
    right: 0;
    background-color: #222b5b;
    top: -10px;
}
.activities_navigation_header>div>a:hover {
    text-decoration: none;
}
.activities_navigation_content {
    border: solid 1px #c2c2c2;
    border-top: 0;
}
.activities_navigation_header.publications_version>div {
    width: 33.3333%;
}
.div_activities_2 {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 5px;
    border: solid 3px;
}
.div_activities_2.activities_3 {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 5px;
    border: solid 0px;
}
.div_activities_2:last-child {
    margin-bottom: 0;
}
.div_activities_2>div.div_activities_2_header {
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    /*color: #0a58b3;*/
    
    color: #ffffff;
    width: 100%;
}
.div_activities_2[data_theme_id="7"]>div.div_activities_2_header,
.div_activities_2[data_theme_id="5"]>div.div_activities_2_header {
    color: #073e7f;
}
.div_activities_2>div {
    display: inline-block;
    /*width: 25%;
	min-width: 280px;*/
    
    width: 16.6%;
    /*min-width: 187px;*/
    
    min-width: 183px;
    padding: 10px;
}
.div_activities_2.activities_3_version>div {
    width: 19.5%;
}
.div_activities_2>div.activities_2_top {
    width: auto;
    min-width: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}
.div_activities_2>div.div_more {
    width: 100%;
    text-align: right;
}
.div_activities_2>div.div_more>div {
    background-color: #0d3175;
    width: 45px;
    height: 45px;
    color: #ffffff;
    font-size: 2em;
    display: inline-block;
}
.div_activities_2>div.div_more>div:hover {
    cursor: pointer;
}
.div_activities_2>div.div_more>div>span {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.div_activities_2>div>div {
    border: solid 1px #c2c2c2;
    position: relative;
    font-size: .7em;
    line-height: 1.5em;
    /* min-height: 150px; */
}
.div_activities_2>div>div>.div_activities_2_img {
    /*margin-top: 20px;*/
    
    background-color: #ffffff;
    height: 40px;
    position: relative;
}
.div_activities_2>div>div>.div_activities_2_img>div {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    max-width: 85%;
    width: 100%;
    max-height: 80px;
    text-align: center;
}
.div_activities_2>div>div>.div_activities_2_img.img_count_1>div img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    max-width: 95%;
    max-height: 40px;
}
.div_activities_2>div>div>.div_activities_2_img.img_count_2>div img {
    max-width: 50%;
    max-height: 40px;
    padding: 5px;
}
.div_activities_2>div>div>.div_activities_2_img.img_count_3>div img {
    max-width: 33%;
    max-height: 20px;
}
.div_activities_2>div>div>.div_activities_2_img.img_count_4>div img {
    max-width: 25%;
    max-height: 20px;
}
.div_activities_2>div>div>.div_activities_2_img.img_count_5>div img {
    max-width: 20%;
    max-height: 20px;
}
.div_activities_2>div>div>.div_activities_2_img.img_count_7>div img {
    max-width: 14.28%;
    max-height: 20px;
}
.div_activities_2>div>div>.div_activities_2_img.img_count_11>div img {
    max-height: 15px;
}

.div_activities_2>div>div>.div_activities_2_content {
    padding: 10px;
    /* height: 60px; */
    overflow: hidden;
    font-weight: bold;
    text-align: center;
    position: relative;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.div_activities_2>div>div>.div_activities_2_content>a.content_align_center {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.div_activities_2>div>div>.div_activities_2_attachment {
    padding: 5px 10px;
    background-color: #ffffff;
}
.div_activities_2>div>div>.div_activities_2_attachment>.div_activities_2_date {
    display: inline-block;
}
.div_activities_2>div>div>.div_activities_2_attachment>.div_activities_2_time {
    display: inline-block;
    /* font-size: .8em; */
    /*width: 40%;*/
}
.div_activities_2>div>div>.div_activities_2_attachment .div_activities_2_registration {
    display: inline-block;
    /*width: 60%;*/
    
    float: right;
}
.div_activities_2>div>div>.div_activities_2_attachment img {
    width: 18px;
    vertical-align: middle;
}
.div_activities_2>div>div>.div_activities_2_attachment span {
    vertical-align: middle;
}
#activity_enquiry>.enquiry_details {
    display: inline-block;
    margin-right: 30px;
}
.detail_page.backBtn {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.detail_page.backBtn>div {
    display: inline-block;
}
.detail_page.backBtn>div>a {
    display: inline-block;
    padding: 4px 7px 5px 7px;
}
.detail_page.backBtn>div.next {
    float: right;
}
.contentArea hr.hr_detail_page {
    color: #073e7f;
    background-color: #073e7f;
    height: 1px;
    width: 100%;
}
.contentArea tr.hr_registration_summary_page {
    border-bottom: 1px solid #e88715;
}
.registration_summary_table {
    padding: 10px;
    overflow-x: auto;
    width: 100%;
}
.registration_summary_table>table {
    width: 1118px;
}
.registration_summary_table>table th:nth-child(1) {
    width: 20%;
}
.registration_summary_table>table th:nth-child(2) {
    width: 20%;
}
.registration_summary_table>table th:nth-child(3) {
    width: 16%;
}
.registration_summary_table>table th:nth-child(4) {
    width: 10%;
    text-align: center;
}
.registration_summary_table>table th:nth-child(5) {
    width: 24%;
}
.registration_summary_table>table th:nth-child(6) {
    width: 10%;
}
.registration_summary_table>table th:nth-child(7) {
    width: 25%;
}
.registration_summary_table>table tr>th {
    padding: 10px 5px;
}
.registration_summary_table>table tr>td {
    padding: 10px 5px;
}
.registration_summary_table>table tr>td:nth-child(7) {
    word-break: break-all;
}
.registration_summary_table>table>tbody tr>td:nth-child(4)>.registration {
    text-align: center;
}
.registration_summary_table>table>tbody tr>td:nth-child(4)>.registration>img {
    max-width: 20px;
}
.contentArea tr.hr2_registration_summary_page {
    border-bottom: 1px solid #8c8c8c;
}
body #wrap .index_content_area_2>.container {
    padding: 10px 45px;
}
.index_content_area_2_header {
    margin: 0;
    font-weight: bold;
    font-size: 1.5em;
    color: #073e7f;
    margin-bottom: 25px;
}
.index_content_area_2_content {
    text-align: center;
}
.index_content_area_2_content>div {
    width: 170px;
    display: inline-block;
    margin: 0 45px 10px 45px;
}
.index_content_area_2_content>div .cover {
    text-align: center;
    padding-bottom: 5px;
}
.index_content_area_2_content>div .cover img {
    max-width: 100%;
    max-height: 150px;
}
.index_content_area_2_content>div .description {
    text-align: center;
    color: #ffffff;
    padding-top: 5px;
    min-height: 30px;
    font-size: 14px;
    letter-spacing: initial !important;
    word-spacing: initial !important;
}
.index_content_area_2_content>div.theme_7 .description,
.index_content_area_2_content>div.theme_5 .description {
    color: #073e7f;
}
.activities_2_top>a {
    padding: 5px 7px 8px 7px;
    background-color: #446993;
    border-radius: 4px;
    color: #FFF !important;
}
.detail_page_back_description {
    vertical-align: middle;
}

/*.organisers_table.id_0019>div{
	width: 20%;
}*/
/* .organisers_table.id_0027>div,
.organisers_table.id_0028>div {
    width: 14%;
}
.organisers_table.id_0027>div:first-child,
.organisers_table.id_0028>div:first-child {
    width: 25%;
    display: block;
} */

/*
.registration_summary_table>table, thead, tr, th{
	padding-right: 100px;
	width: 14%;
	height: 100%;
}

.registration_summary_table>table, tbody, tr, td{
	margin-bottom: 20px;
}*/
.registration_summary_table>td {
    width: 300px;
}
span.eng_font {
    font-family: Arial !important;
}
/* .div_activities_2[data_theme_id="1"] {
    width: 49.7%;
    display: inline-block;
}
.div_activities_2[data_theme_id="3"] {
    width: 49.7%;
    display: inline-block;
    margin-left: 2px;
} */
/* .div_activities_2>div>div[data-id="0001"]>.div_activities_2_img img:first-child {
    max-width: 63%;
    padding: 0;
}
.div_activities_2>div>div[data-id="0025"]>.div_activities_2_img>div img {
    padding: 1px;
} */
.div_activities_2 .backBtn {
    width: auto;
    min-width: 190px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.btmNav .back.backBtn {
    width: auto;
    min-width: 190px;
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translateX(-60%);
}
.div_subscribe_form>div {
    margin-bottom: 10px;
}
.div_subscribe_form>div label {
    font-weight: bold;
}
.div_subscribe_form>div .required {
    color: red;
}
.div_subscribe_form>div>.subscribe_form_input>input[type=text] {
    width: 100%;
    max-width: 500px;
}
.div_subscribe_form label[for=captcha_code] {
    display: none;
}
.div_subscribe_form input[name=button_submit] {
    background-color: #446993;
    border: 0;
    color: #FFF !important;
    padding: 5px 15px;
}
.footerRow .subscribe {
    max-width: 200px;
    width: 100%;
    font-size: 13px;
    float: left;
    position: absolute;
}
.footerRow .subscribe>.subscribe_left {
    width: 70%;
    display: inline-block;
    padding-right: 10px;
}
.footerRow .subscribe>.subscribe_left>div:nth-child(1) {
    width: 125%;
    margin-bottom: 5px;
    line-height: 1.5em;
}
.footerRow .subscribe>.subscribe_left>div:nth-child(2) {
    background-color: #f64a43;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    font-style: italic;
}
.footerRow .subscribe>.subscribe_right {
    width: 30%;
    display: inline-block;
    vertical-align: bottom;
}
hr.hr_subscribe {
    color: #073e7f;
    background-color: #073e7f;
    height: 1px;
    width: 100%;
}
.ol_subscribe {
    list-style: none;
}
.ol_subscribe>li {
    counter-increment: list;
    margin-left: 20px;
}
.ol_subscribe>li:before {
    content: "(" counter(list, lower-alpha) ")";
    position: absolute;
    margin-left: -30px;
}
.div_publications {
    background-color: #ffffff;
}
.div_publications>div {
    display: inline-block;
    width: 24%;
    min-width: 210px;
    margin: 20px 0;
}
.div_publications>div>div {
    margin: 0 20px;
}
.div_publications>div .publications_cover {
    padding: 10px;
    border: solid 1px #c2c2c2;
    height: 360px;
    position: relative;
}
.div_publications>div .publications_cover img,
.div_publications>div .publications_cover iframe {
    max-width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.div_publications>div .publications_title {
    text-align: center;
}
body.englishVersion .registration_summary_table td {
    font-size: .8em;
}
.long_text {
    word-break: break-all;
}
.join_us-information {
    background: #009CD6;
}
.join_us-information img {
    float: right;
}
.join_us-information .iconPdf {
    display: none;
}
.right_file-icon {
    top: 78% !important;
    left: 88% !important;
}
.activities_h1_area {
    margin-bottom: 15px;
}
.activities_h1_area>h1 {
    margin-top: 13px;
}
.activities_h1_area>div {
    float: right;
}
.activities_h1_area>div>a:nth-child(1)>div {
    border: 2px solid #0fa5e9;
    margin-bottom: 5px;
    padding: 3px;
}
.activities_h1_area>div>a:nth-child(2)>div {
    border: 2px solid red;
    margin-bottom: 5px;
    padding: 3px;
}
.div_activities_2.activities_3_version {
    border: 0;
}
.div_activities_2.activities_3_version>div>div {
    font-size: .8em;
}
.div_activities_2.activities_3_version>div>div>.div_activities_2_content {
    height: 130px;
}
.table_press_release {
    margin: 0 20px;
    width: 100%;
}
.table_press_release th {
    padding: 5px;
    font-weight: bold;
    padding: 20px 0;
}
.table_press_release th:nth-child(1) {
    width: 70%;
}
.table_press_release td {
    padding: 5px;
    vertical-align: top;
    padding: 10px 0;
}
.activity_end_textc {
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    color: #FFF;
    background-image: url(../images/martime_banner_2019.jpg);
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
}
.activity_end_text {
    text-align: center;
    font-weight: bold;
    font-size: 1.25em;
    color: #FFF;
    background-image: url(../images/martime_banner_2019.jpg);
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
}
.activity_end_text_yellow {
    color: #FF0!important;
}
.photo_gallery_whole_div {
    margin: 0 -10px;
}
.photo_gallery_whole_div a {
    text-decoration: none;
}
.photo_gallery_h2 {
    margin-top: 20px !important;
}
.photo_gallery_h3 {
    margin-top: -15px !important;
    margin-left: 10px;
}
.photo_gallery_div {
    display: inline-block;
    width: 25%;
    padding: 10px;
}
.photo_gallery_div:nth-child(1) {
    padding-top: 0px;
}
.photo_gallery_div:nth-child(2) {
    padding-top: 0px;
}
.photo_gallery_div:nth-child(3) {
    padding-top: 0px;
}
.photo_gallery_div:nth-child(4) {
    padding-top: 0px;
}
.photo_gallery_div:nth-child(4n+5) {
    padding-top: 30px;
    text-align: left;
}
.photo_gallery_div:nth-child(4n+6) {
    padding-top: 30px;
}
.photo_gallery_div:nth-child(4n+7) {
    padding-top: 30px;
}
.photo_gallery_div:nth-child(4n+8) {
    padding-top: 30px;
}
.photo_gallery_activity_text_area {
    min-height: 180px;
}
.photo_gallery_activity_name {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.3em;
    color: #4b4b4b;
}
.photo_gallery_activity_date {
    padding: 10px 15px;
    font-size: 12px;
    color: #4b4b4b;
}
.photo_gallery_thumbnail {
    background-color: white;
    border: 1px solid #000;
    height: 100%;
}
.photo_gallery_img_area {
    /*padding: 10px 0;
    background-color: black;*/
}
.photo_gallery_img_area img {
    width: 273px;
    height: 185px;
}
.photo_gallery_detail_whole_div {
    margin: 0 -10px 30px -10px;
    /* top right bottom left */
}
.photo_gallery_detail_div {
    display: inline-block;
    width: 25%;
}
.photo_gallery_detail_image {
    padding: 10px;
}
.photo_gallery_detail_image {
    max-width: 100%;
}
.photo_gallery_detail_image>div {
    color: #000000;
    text-align: center;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9000;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
}
#enlarged_photo {
    /*position: fixed;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	z-index: 9001;*/
}
.enlarged_photo_div {
    position: fixed;
    top: 50%;
    left: 50%;
    /*width: 100%;
	height: 100%;*/
    
    transform: translate(-50%, -50%);
    z-index: 9001;
    display: none;
}
.photo_gallery_previous {
    background-image: url(../images/gallery/btn_arrow_prev.png);
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: -40px;
    z-index: 9001;
    width: 44px;
    height: 44px;
    position: absolute;
}
.photo_gallery_next {
    background-image: url(../images/gallery/btn_arrow_next.png);
    position: absolute;
    transform: translate(50%, -50%);
    top: 50%;
    right: -40px;
    z-index: 9001;
    width: 44px;
    height: 44px;
    position: absolute;
}
.photo_gallery_close {
    background-image: url(../images/gallery/btn_close.png);
    position: absolute;
    transform: translate(50%, -50%);
    top: 0%;
    right: -40px;
    z-index: 9001;
    width: 35px;
    height: 33px;
    position: absolute;
}
.div_publications.photo_gallery_details.videos_pm {
    background-color: #f4f4f4;
}
.div_publications.photo_gallery_details.videos_pm .publications_cover {
    background-color: #ffffff;
    height: 180px;
}
.div_publications.photo_gallery_details.videos_pm .publications_cover img {
    max-height: 90%;
}
.activities_details_td.event_gallery>img {
    margin-right: 10px;
}
.photo_gallery_whole_div>div {
    margin-bottom: 30px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
}
.bodyArea.light_blue_bgcolor {
    /*background-color: #c0e8f0;*/
    
    background-color: #d2eff4;
}
.photo_gallery_detail_image img {
    border: 1px solid #000;
}
@media (max-width: 1024px) {
    .photo_gallery_div {
        width: 263px;
        padding-bottom: 20px;
    }
    
    .photo_gallery_whole_div {
        text-align: center;
    }
    
    .photo_gallery_whole_div>div {
        display: inline;
    }
    
    .photo_gallery_activity_name {
        font-size: 13px;
    }
    
    .photo_gallery_activity_date {
        font-size: 9px;
    }
    
    .photo_gallery_activity_text_area {
        min-height: 153px;
    }
}
@media (max-width: 600px) {
    .photo_gallery_div {
        width: 263px;
        padding-bottom: 20px;
    }
    
    .photo_gallery_whole_div>div {
        display: inline-block;
        text-align: center;
    }
    
    .photo_gallery_whole_div>div {
        margin-bottom: 0px;
    }
    
    .photo_gallery_detail_div {
        width: 100%;
    }
    
    .photo_gallery_detail_image {
        text-align: center;
    }
    
    .photo_gallery_activity_name {
        font-size: 16px;
    }
    
    .photo_gallery_activity_date {
        font-size: 12px;
    }
    
    .photo_gallery_activity_text_area {
        min-height: 120px;
    }
}
.gallery_page_top_right_text {
    text-align: right !important;
    font-style: italic;
    margin: 0 10px 10px 10px !important;
    font-size: 0.9em;
}
.bottom_copy_right_text {
    font-style: italic;
    font-size: 0.9em;
    margin-top: 5px !important;
}
.banner-wrapper {
    margin: 0 auto;
}
@media print,
(min-width: 1061px) {
    .banner-wrapper {
        width: 100%;
    }
}
@media print,
(min-width: 1171px) {
    .banner-wrapper {
        width: 960px;
    }
}
.banner-wrapper .img-wrapp img {
    max-height: none !important;
    width: 100%;
}
.img-wrapp {
    padding-bottom: 10px;
}
.row2 {
    display: flex;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.banner-description {
    padding-left: 79px;
    flex: 1;
    font-weight: bold;
}
@media print,
(max-width: 767px) {
    .banner-description {
        padding-right: 15px;
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 10px;
    }
}
.video-wrapper {
    max-width: 256px;
    width: 320px;
}
.video-wrapper .iconPdf {
    display: none;
}
.video-wrapper a {
    text-align: left;
}
@media print,
(max-width: 767px) {
    .video-wrapper {
        margin: 0 auto;
    }
    
    .banner-description {
        padding-left: 15px;
    }
}

/*front page video [start]*/
.video-box,
.audio-box {
    /*width: 48%;*/
    
    margin: 0 1% 20px;
    /*float: left;*/
    
    background: #009CD6;
}
.video-box .photo {
    display: block;
    width: 100%;
}
.video-box .photo img {
    width: 100%;
}
.video-box .topic {
    display: flex;
    width: 95%;
    font-size: 12px;
    font-weight: 300;
    height: 45px;
    padding: 0px;
    margin: 0 auto;
    align-items: center;
}
.video-box h3>a:last-child {
    flex: 0 0 100%;
    max-width: 25px;
    padding-left: 5px;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.video-box .topic a {
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
    text-decoration: none;
}
@media (max-width: 380px) {
    .video-wrapper {
        max-width: 100%;
        width: 100%;
    }
}
.table-borderless tbody tr th,
.table-borderless tbody tr td {
    border-top: none;
}

/*front page video [end]*/


/* used as popup msg */

.black_overlay {
	/* display: none; */
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 2000px;
	background-color: #3a3a3a;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
   }
   
   .white_content {
	position: absolute;
	top: 20%;
	 left: 20%;
	 width: 55%;
	 /* height: 38%; */
	padding: 16px;
	/* border: 16px solid #072465; */
	background-color: rgb(60, 150, 177);
	z-index: 1002;
	overflow: auto;
	align: centre;
   }
   
   @media (max-width: 767px) {
	 .white_content {
	  top: 4%;
	   left: 4%;
	   width: 92%;
	   height: 92%;
	 }
   }
   
   .notactive {
	pointer-events: none;
	cursor: default;
   }
   
   .DisabledLink {
	pointer-events: none;
	cursor: default;
   }
   
   .display_detail {
	text-align: justify;
	text-justify: inter-ideograph;
	font-family: "Arial";
	font-size: 1.3em;
	color: black;
   }
   
   .display_cover {
	align: middle;
	background-color: #fdd835;
	width: 200px;
	height: 200px;
	border: 1px
   }
   
   .display_cover_text {
	mages-valign: center;
	images-align: center;
	text-valign: center;
	text-align: center;
	background-color: #fdd835;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: "Arial";
	font-size: 0.9em;
	color: white;
	width: 210px;
   }
   
   .divelement {
	vertical-align: text-top;
   }
   
   td img {
	vertical-align: center;
   }
   
   .details_header {
	images-valign: center;
	images-align: center;
	text-valign: center;
	text-align: center;
	font-family: "Arial";
	font-size: 1.31em;
	color: #fdd835;
	align: center;
	font-weight: bold;
   }
   
   .clsbtn {
	 border: 0;
	 width: 2rem;
	 height: auto;
	 position: absolute;
	 right: 1rem;
   }
   .popup_title{
	   text-align: center !important;
   }
   .popup_text{
	   line-height: 25px;
	   margin-bottom: 27px;
	   color: white;
	   font-family: Arial, Helvetica, sans-serif !important;
	   font-size: 20px;
   }

   
   /* used as popup msg */