@charset "utf-8";





/* CSS Document */





#leftnav-box-box {


    width: 222px;


    height: auto;


}


#leftnav-box .bottom {


    width: 222px;


    height: auto;


}





/*第一層---------------------*/





#multi_menu {


    width: 222px;


    height: auto;


    margin-bottom: 10px;


    padding-top: 0;


    padding-right: 0;


    padding-bottom: 37px;


    padding-left: 0;


}


ul.ma_menu {


    width: 222px;


    list-style-type: none;


    clear: both;


    margin: 0 auto;


    padding: 0px;


    margin: 0px;


}





/*第一層 滑鼠覆蓋前---------------------*/





ul.ma_menu > li {


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


    -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 span {


    float: left;


    width: 160px;


    white-space: nowrap;


    text-overflow: ellipsis;


    overflow: hidden;


}





/*第一層 滑鼠覆蓋後---------------------*/





ul.ma_menu > li:hover,ul.ma_menu > li.active{


    background: url(../../data/wrapper/leftnav_bg-.png) left top no-repeat;


}





/*第一層 文字變色前---------------------*/





ul.ma_menu > li a {


    padding: 5px 10px 5px 30px;


    width: 100%;


    display: block;


    min-height: 35px;


    /*margin: 0px auto;*/


    color: #5F3A18;


    font-size: 13px;


    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: #3D1408;


    text-decoration: none;


}


ul.ma_menu > li.lock {


    background: url(../../data/wrapper/leftnav_bg-.png) left top no-repeat;


    /*注意是置中或是置左*/


}


ul.ma_menu > li.lock a,{


    color: #3D1408;


}


ul.ma_menu > li > ul > li.active a {


    text-decoration:underline;


}


ul.ma_menu > li.lock ul li a {


    color: #3D1306;


    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 {


    color: #3D1306;


    text-decoration: underline;


    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-position: inside;*/


}
/*ul.ma_menu ul li{
	position: relative;
	list-style-image: url(../../data/wrapper/left_dot.png);
}*/
ul.ma_menu ul li{
	position: relative;
	background:url(../../data/wrapper/left_dot.png) 20px center no-repeat;
	list-style:none;
}
/*ul.ma_menu ul li:before{
	content:'';
	display: inline-block;
	background:url(../../data/wrapper/left_dot.png)no-repeat;
	width:10px;
	height:10px;
	position:absolute;
	left:0;
	top:0;
}*/


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: 5px 0px 0px 5px;


    text-align: justify;


    text-justify: inter-ideograph;


}


ul.ma_menu ul li:hover {}





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





ul.ma_menu ul ul li a {


    color: #3D1306;


    padding-left: 0px;


}


ul.ma_menu ul ul li a:hover {


    color: #46B27F;


}


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;


}