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

/*======================================電腦版=======================================*/
@media only screen and (min-width:961px){
.top_bar{width:100%;height:50px;float:left;background-color:#FFFFFF;border-bottom:1px solid #cccccc;}
.main_menu_block{width:1024px;height:60px;margin:0 auto;position:relative;z-index:999;}
.logo{width:120px;height:30px;float:left;margin-top:0.7em;}
.main_menu{width:650px;height:50px;float:right;margin-left:10%;}
	
#nav-btn,.sub-menu{
display: none;
font-size:0.5em;
}
.menu-plus{
font-size:1.2em;
margin:0;
padding:0px;
}

.nav>.menu {
display: block !important;
}


/*第一層選單*/
.nav>ul>li{ 
float: left;
margin-left:15px;
padding-left: 15px;
line-height: 3.2em;
border-left:1px solid #e2e2e2;
}
ul .sub-menu
{border:1px solid #ccc;
margin-left:-1.5em;}

li.2_level
{width:70px;
padding-left:0;
text-align:center;
width:70px;}

.about_block_pc
{width:1024px;
height:auto;
margin:0 auto;
}

.about_menu_pc
{width:30%;
height:auto;
float:left;
margin-top:1%;}

.about_menu_pc p
{width:80%;
height:40px;
float:left;
line-height:0.8em;
font-weight:normal;
font-family:arial;
border-bottom:1px solid #ccc;
}

.about_text_pc
{width:70%;
height:auto;
float:left;
}

.about_text_pc
{line-height:1.8em;}

.about_block_mobile
{display:none;}

.about_menu_mobile
{display:none;}

footer
{background-color: #ccc;
    position: relative;
	bottom:0;
    float: left;
    width: 100%;}

*::-ms-backdrop, ul .sub-menu{margin-left:-1.8em;}
}

/*========================================平板========================================*/
@media only screen and (min-width:481px) and (max-width:768px){
.top_bar{width:100%;height:50px;float:left;background-color:#FFFFFF;border-bottom:1px solid #cccccc;}
.logo{width:100px;height:30px;margin:0 auto;}
.main_menu_block{padding-top:10px;position:relative;z-index:999;}
.nav{float:left;margin:-30px 0 0 0;width:100%;}
.nav>ul>li{border-left:none;border-bottom:1px solid #e2e2e2;background-color:#ffffff;}
#nav-btn{margin-left:10px;}
.nav>ul,.sub-menu{
display: none;
}

/*內容區塊*/
.about_block_pc
{display:none;}

.about_block_mobile
{width:85%;
height:auto;
float:left;
padding:1.5em;}

.about_menu_mobile a
{width:33%;
height:50px;
float:left;
border-left:1px solid #ccc;
}

.about_menu_mobile p
{text-align:center;
line-height:1em;
margin:0.5em 0 0 0;}

.about_text_mbile
{float:left;
margin-top:1em;}

footer
{background-color: #ccc;
    position: relative;
    float: left;
    width: 100%;}

li.2_level
{width:100%;
padding-left:0;
text-align:center;
width:70px;}
}

/*=========================================手機========================================*/
@media only screen and (max-width:480px){
.top_bar{width:100%;height:50px;float:left;background-color:#FFFFFF;border-bottom:1px solid #cccccc;}
.logo{width:100px;height:30px;margin:0 auto;}
.main_menu_block{padding-top:10px;position:relative;z-index:999;}
.nav{float:left;margin:-30px 0 0 0;width:100%;}
.nav>ul>li{border-left:none;border-bottom:1px solid #e2e2e2;background-color:#ffffff;}
#nav-btn{margin-left:10px;}
.nav>ul,.sub-menu{
display: none;
}

/*內容區塊*/
.about_block_pc
{display:none;}

.about_block_mobile
{width:85%;
height:auto;
float:left;
padding:1.5em;}

.about_menu_mobile a
{width:33%;
height:50px;
float:left;
border-left:1px solid #ccc;
}

.about_menu_mobile p
{text-align:center;
line-height:1em;
margin:0.5em 0 0 0;}

.about_text_mbile
{float:left;
margin-top:1em;}

footer
{background-color: #ccc;
    position: relative;
    float: left;
    width: 100%;}
li.2_level
{width:100%;
padding-left:0;
text-align:center;
width:100%;}
}