body, div,p,img,span,table{margin:0; padding:0;}
a {color:#00558f;}
.sub_bg {background:url(../../images/sub_bg.gif) repeat-x;}

/* Contents */
#contentBox {width:1000px; margin:0 auto; margin-top:30px;}
#section {width:733px; float:right;}
#content{width:100%;}
.typhoon_title{margin:20px 0 30px 0; }
.typhoon_db{border:1px solid #d1d1d1; padding:25px 0; box-sizing:border-box; text-align:center; overflow:hidden;}
.typhoon_table{width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font: normal 12px verdana; border-collapse:collapse; color:#7c7c7c;}
.typhoon_table th, .typhoon_table td{padding:10px; border:1px solid #ccc; text-align:center;}
.typhoon_table thead th:first-child, .typhoon_table tbody th:first-child, .typhoon_table tfoot th:first-child{border-left:none;}
.typhoon_table thead th:last-child, .typhoon_table tbody td:last-child, .typhoon_table tfoot th:last-child{border-right:none;}
.typhoon_table tbody tr:nth-child(even) th, .typhoon_table tbody tr:nth-child(even) td{background:#f7f7f7;}
.typhoon_table thead th{background:#555; color:#fff;}
.typhoon_table tfoot th{background:#c7d7e2; color:#222; border:1px solid #e7eef4;}
.table_borderleft tbody td:first-child{border-left:none;}
.typhoon_footer{padding-top:40px;}
.border{border:1px solid #d1d1d1; box-sizing:border-box;}
.cmb {margin-bottom:45px;}
.text {font: normal 14px verdana;}


/* Sidemenu */
#cssmenu{float:left;}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {margin:0; padding:0; border:0; list-style:none; line-height:1; display:block; position:relative; box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#cssmenu > ul {width:224px; background:#ffffff;}
#cssmenu > ul > li > a {font: bold 12px verdana; color:#666666; text-decoration:none;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
-ms-transition: color .2s ease;
transition: color .2s ease;
}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li > a:hover {color:#222;}
#cssmenu ul li.has-sub > a::after {position:absolute; right:8px; display:block; width:10px; height:10px; content:""; border-radius:2px;}
#cssmenu ul ul li.has-sub > a::after {top:9px; background:#777;}
#cssmenu ul ul li.has-sub:hover > a::after, #cssmenu ul ul li.has-sub > a:hover::after {background:#222;}
#cssmenu ul li.has-sub > a::before {position:absolute; right:8px; z-index:2; display:block; width:0; height:0; border:3px solid transparent; content: "";}
#cssmenu ul ul li.has-sub > a::before {top:11px; border-left-color:#fff; }
#cssmenu ul {
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
#cssmenu ul ul { border:1px solid #ccc; position:absolute; top:-1px; left:-9999px; width:110px; background:#fff; opacity:0;
-moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease;
-webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
-ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease;
-o-transition: opacity 0.2s ease, -o-transform 0.2s ease;
transition: opacity .2s ease, transform .2s ease;
-webkit-transform: rotate3d(0, 1, 0, 45deg);
-moz-transform: rotate3d(0, 1, 0, 45deg);
transform: rotate3d(0, 1, 0, 45deg);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
transform-origin: left center;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#cssmenu ul li:hover > ul {left:100%; opacity:1; transform:rotate3d(0, 0, 0, 0);}
#cssmenu ul ul::after {position:absolute; left:-8px; top:11px; z-index:5; display:block; width:0; height:0; border:4px solid transparent; border-right-color:#2e353b; content: "";}
#cssmenu ul ul a {padding:7px; 10px; font:bold 12px verdana; color: #777; text-decoration:none;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
-ms-transition: color .2s ease;
transition: color .2s ease;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {color:#20250d; background:#adc6d9;}
}