/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, Protech-bt, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, Protech-bt, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ---reset.css--- */

html {	
	font-family:"微軟正黑體", Arial;
	-webkit-text-size-adjust:none;
	background-color:#FFF;
}

body{
	
}

/* --電腦版型------------------------------------- */
#About-menu{
	clear: both;
	width: 100%;
	background-color: #FFF;
	padding-bottom: 20px;
	overflow: hidden;
}
.Protech-bt {
    display: block;
    width: 100%;
    max-width: 1200px;
    height: 57px;
    /*border-bottom: 2px solid #0c649d;*/
    margin: 0 auto;
    padding-top: 15px;
    }
.Protech-bt ul{
    margin: 0;
    padding: 0;
	background: #a1afb5s;
    }
.Protech-bt li{
    position: relative;
    float: left;
    color: #FFF;
    list-style: none;
    background: #a1afb5;
	margin-left: 17px;
    }
.Protech-bt li.Quality-1{
    position: relative;
    float: left;
    color: #FFF;
    list-style: none;
    background: #0c649d;
	margin-left: 17px;
	font-weight: bold;
    }
.Protech-bt li a {
    display: block; 
	width: 180px;
	height: 40px;
    line-height: 40px;
	font-size: 15px;
    color: #FFF;
    text-decoration: none;
	text-align: center;	
    }
.Protech-bt li:hover {
    background-color: #BEC309;
    }
.Protech-bt li ul li:hover {
    background-color: #8F9304;
    }
.Protech-bt li ul li a{
    border-bottom: 1px solid #FFF;
}
.Protech-bt li ul {
     display: none;
     position: absolute;
     top: 100%;
    }
.Protech-bt li:hover ul {
     display: block;
     right: 0;
     left: 0;
     top: 100%;
     }
.Protech-bt ul li ul li{
    margin: 0;
	background: #a1afb5;
    }
.toggle { 
     display: none;
    }
            
@media (max-width: 737px) { 
#About-menu{
	clear: both;
	width: 100%;
	background-color: #FFF;
	padding-bottom:3%;
}	
.Protech-bt {
     display: block;
	 width: 100%;
	height: auto;
	border-bottom: 0px;
	margin: 0 auto;
	padding-top: 0px;
     }
.Protech-bt li{
     float: none;
	 position: relative;
     color: #FFF;
     list-style: none;
     background: #a1afb5;
	 margin-left: 0px;
   }
.Protech-bt li.Quality-1{
    float: none;
	position: relative;
    color: #FFF;
    list-style: none;
    background: #0c649d;
	margin-left: 0px;
    }	 
.Protech-bt li a{
    padding: 0px 0px;
	display: block; 
	width: 100%;
	height: 40px;
    line-height: 40px;
	font-size: 15px;
    color: #FFF;
    text-decoration: none;
	text-align: left;
    padding-left: 4%;
	border-bottom: 1px solid #EEE;
    }
.Protech-bt li:hover {
    background-color: #BEC309;
    }	
.Protech-bt li:hover ul {
    position: relative;
    display: block;
    background: transparent;
   }
.Protech-bt li:hover ul li{
     background-color: #8F9304;
    }
.Protech-bt li:hover ul li a{
     text-align: left;
    padding-left: 4.2%;
    }
.Protech-bt ul li ul li{
    margin: 0;
	background: #a1afb5;
    }	 

    } 
/* --ipad版型------------------------------------- */
@media only screen and (min-width: 737px) and (max-width: 1024px) {
*{
	box-sizing:border-box; /* 讓 padding 與 width 解除關係 */
}

html,body{
	-webkit-text-size-adjust:none; /* iPhone 旋轉後 文字不要放大 */
}
#About-menu{
	clear: both;
	width: 100%;
	background-color: #FFF;
}	
.Protech-bt {
     display: block;
	 width: 100%;
	height: auto;
	border-bottom: 0px;
	margin: 0 auto;
	padding-top: 0px;
     }
.Protech-bt li{
     float: none;
	 position: relative;
     color: #FFF;
     list-style: none;
     background: #a1afb5;
	 margin-left: 0px;
   }
.Protech-bt li.Quality-1{
    float: none;
	position: relative;
    color: #FFF;
    list-style: none;
    background: #0c649d;
	margin-left: 0px;
    }	 
.Protech-bt li a{
    padding: 0px 0px;
	display: block; 
	width: 100%;
	height: 40px;
    line-height: 40px;
	font-size: 15px;
    color: #FFF;
    text-decoration: none;
	text-align: left;
	padding-left:3%;
	border-bottom: 1px solid #EEE;
    }
.Protech-bt li:hover {
    background-color: #BEC309;
    }	
.Protech-bt li:hover ul {
    position: relative;
    display: block;
    background: transparent;
   }
.Protech-bt li:hover ul li{
     background-color: #8F9304;
    }
.Protech-bt li:hover ul li a{
     padding-left:3.5%;
	text-align: left;
    }
.Protech-bt ul li ul li{
    margin: 0;
	background: #a1afb5;
    }	 	
}