@charset "utf-8";
/* CSS Document */

#leftnav-box { width: 220px; height: auto; }
#leftnav-box .top { width: 220px; height: auto; }
#leftnav-box .bottom { width: 220px; height: auto; }
/*第一層---------------------*/

#multi_menu { width: 220px; height: auto; margin-bottom: 10px; padding-top: 0; padding-right: 0; padding-bottom: 37px; padding-left: 0; }
ul.ma_menu { width: 220px; list-style-type: none; clear: both; margin: 0 auto; padding: 0px; margin: 0px; background: url(../../data/wrapper/left-center.png); }
/*第一層 滑鼠覆蓋前---------------------*/

ul.ma_menu > li { background: url(../../data/wrapper/leftnav_dot.png) 20px 15px no-repeat, url(../../data/wrapper/leftnav_line.png) center bottom no-repeat; list-style-type: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 200ms linear; -moz-transition: background 200ms linear; -o-transition: background 200ms linear; ransition: background 200ms linear; margin: 0 auto; min-height: 36px; margin-top: 0px; margin: 0px; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: justify; text-justify: inter-ideograph; }
/*第一層 滑鼠覆蓋後---------------------*/

ul.ma_menu > li:hover { background: url(../../data/wrapper/leftnav_dot.png) 20px 15px no-repeat, url(../../data/wrapper/leftnav_line.png) center bottom no-repeat; /*注意是置中或是置左*/
}
/*第一層 文字變色前---------------------*/

ul.ma_menu > li a { color: #545454; font-size: 14px; padding: 9px 10px 5px 40px; width: 100%; display: block; min-height: 24px; /*margin: 0px auto;*/
text-decoration: none; text-align: left; outline: none; -webkit-transition: color 200ms linear; -moz-transition: color 200ms linear; -o-transition: color 200ms linear; transition: color 200ms linear; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul.ma_menu > li a:hover { color: #003366; text-decoration: underline; }
ul.ma_menu > li.lock { background: url(../../data/wrapper/leftnav_dot.png) 20px 15px no-repeat, url(../../data/wrapper/leftnav_line.png) center bottom no-repeat; /*注意是置中或是置左*/
}
ul.ma_menu > li.lock a { color: #003366; text-decoration: underline; background: url(../../data/wrapper/leftnav_line.png) center bottom no-repeat; }
ul.ma_menu > li.lock ul li a { color: #4096B6; text-decoration: none; text-align: left; padding: 7px 10px 5px 25px; outline: none; -webkit-transition: color 200ms linear; -moz-transition: color 200ms linear; -o-transition: color 200ms linear; transition: color 200ms linear; }
ul.ma_menu > li.lock ul li a:hover,
#leftnav-box ul.ma_menu li ul>.active>a { color: #003366; text-decoration: none; text-align: left; outline: none; -webkit-transition: color 200ms linear; -moz-transition: color 200ms linear; -o-transition: color 200ms linear; transition: color 200ms linear; }
/*第一層---------------------*/


/*第二層---------------------*/

ul.ma_menu ul { padding: 0px; margin: 0px; /*display: none;*/
margin: auto; font-size: 13px; list-style-type: none; }
ul.ma_menu ul li { min-height: 20px; padding: 0px; margin: 0px; clear: both; margin: auto; border-bottom: 0px; font-weight: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 0px 0px 15px; text-align: justify; text-justify: inter-ideograph; }
ul.ma_menu ul li:hover { }
ul.ma_menu ul li a { /*第二層文字設定*/
color: #4096B6; text-decoration: none; text-align: left; font-size: 13px; outline: none; -webkit-transition: color 200ms linear; -moz-transition: color 200ms linear; -o-transition: color 200ms linear; transition: color 200ms linear; }
ul.ma_menu ul li a:hover { color: #003366; text-decoration: none; }
/*第二層---------------------*/

ul.ma_menu ul ul li a { color: #412605; padding-left: 0px; }
ul.ma_menu ul ul li a:hover { color: #fff; }
ul.ma_menu span { float: right; }
/*****************ck特調*****************/

.leftnav ul { padding: 0px; margin: 0px; }
ul.ma_menu ul { display: none; }
.first-list { padding-bottom: 3px; }
#icon { width: 170px; height: auto; margin-top: 10px; }
