body, html{ padding: 0; margin: 0;  color: #333333; font-size: 0.916rem;}
body, html, ul{ list-style: none;}
h1, h2, h3, h4, h5, h6, ul{ margin: 0; padding: 0;}
.wrap{ width: 100%; height: auto; overflow: hidden;}
img{ display: block;}
a{ text-decoration: none; border: none; color: #333333;}
a:hover{ color: #10a5d5;}
.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both; }
.white{ background: white;}
.margin{ height: auto; overflow: hidden; margin-bottom: 18px;}
.margin02{ height: auto; overflow: hidden; margin-bottom: 2px;}

.padding{ height: auto; overflow: hidden; padding: 0 4% }
.padding2{ height: auto; overflow: hidden; padding: 0 3% }

/*********** Í·²¿ ***********/
.header{ width: 92%; height: auto; overflow: hidden; padding: 16px 4%; background: white; }
.logo{ width: 58%;}
.logo img{ width: 100%; height: auto;}

/*********** µ¼º½ ***********/
.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}

.sidenav a{outline: none; text-decoration: none; -webkit-transition: 0.2s; transition: 0.2s;}
.sidenav a:hover,a:focus{text-decoration: none;}

.toggle { width: 10%; height: auto; color: #10a5d5; float: right; display: block; margin-top: 7px;}
.material-icons{ width: 100%; height: auto;}
.sidenav {  background: #10a5d5; box-shadow: 2px 2px 6px rgba(0, 0, 0, .3); display: block; font-size: 0.916rem; font-weight: 400; height: 100%; right: 0; position: fixed;
    overflow: auto; transform: translate(100%, 0); transition: transform .3s; top: 0; width: 56%; z-index: 99999;}
.sidenav.show { padding-top: 30px; height: 100%;  transform: translate(0, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.sidenav-menu { list-style: none; margin: 0; padding: 0;}
.sidenav-menu li { border-bottom: solid 1px #06b2ea; display: block; position: relative;}
.sidenav-menu a { background: 0 0; color: white; display: block; padding: 16px 0; text-decoration: none;}
.sidenav-menu a:hover { background: #10a5d5;}
.sidenav-menu a.active, .sidenav-menu a.active .sidenav-menu a.active  { color: #FAFAFA;}

.sidenav-link-title { font-weight: bold; display: block;  padding: 0 16px 0 10%;}
.sidenav-dropdown { display: none; list-style: none;	padding: 0;}
.sidenav-dropdown li{border-bottom: solid 1px #4b4a5e;}
.sidenav-dropdown a { background: #444359; font-weight: normal; 	padding-left: 8%;}
.sidenav-dropdown a:hover { background: #4f4e5e;}
.sidenav-dropdown li:first-child a {box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); }
.sidenav-overlay { background: rgba(0, 0, 0, .6); display: none; height: 100%; right: 0; position: fixed; top: 0; width: 100%; z-index: 99;}
.sidenav-no-scroll { overflow: hidden !important; }

/*********** footer ***********/
.footer{ width: 92%; background: #10a5d5; padding: 2.333em 4%; }
.footer li{ line-height: 1.833em; color: white; text-align: center; }
.footer a{ color: white; }