#top_bar_block{width:100%;background:linear-gradient(300deg,#00a493, #00639f);height: 10px;}

#top_bar_member_block{width:100%;display:flex;flex-wrap: flex;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
#top_bar_member_block .member_block{width:50%;}
#top_bar_member_block .member_block a{font:12pt "微軟正黑體";font-weight: 700;color:#232323;line-height: 40px;margin-left:1em;}
#top_bar_member_block .fb_block{width:50%;text-align: right;margin-top: 0.5em;}

/*for main*/
#top_bar_member_block .M-member_block{width:56%;margin-left: 34%;}
#top_bar_member_block .M-member_block a{font:12pt "微軟正黑體";font-weight: 700;color:#232323;background:#000000;color:#ffffff;padding:0 1em;border-radius: 30px; line-height: 40px;margin-right:1em;}
#top_bar_member_block .M-member_block a:hover{background:#5a5a5a}
#top_bar_member_block .M-fb_block{width:10%;text-align: right;margin-top: 0.5em;}



#top_menu_block{position:relative;width:1200px;margin:0 auto;}
#top_menu_block .logo{width:30%;float:left;position:absolute;z-index:99999;top:50px;left:0px;}
#top_menu_block .Imenu{width:calc(94% - 30%);height:auto;margin:0 3%;float:left;position:absolute;z-index:99999;top:60px;right:0px;border-radius:7px;}


#top_menu_block_main{position:relative;width:1200px;margin:0 auto;height:74px;}
#top_menu_block_main .logo{width:30%;float:left;position:absolute;z-index:99999;top:-20px;left:0px;}
#top_menu_block_main .Imenu{width:calc(94% - 30%);height:auto;margin:0 3%;float:left;position:absolute;z-index:99999;top:10px;right:0px;border-radius:7px;}

/*menu*/
#top_menu_block .Imenu #navMenu{width:auto;height:auto;display:block;overflow:hidden;font:12.75pt "微軟正黑體";font-weight:900;color:#fff;}	
#top_menu_block .Imenu .Imenu1{z-index:6;}
#top_menu_block .Imenu .Imenu1 a{display:block;width:auto;color:#fff;text-align:center}
#top_menu_block .Imenu .Imenu1,.Imenu1 ul{list-style-type:none;}
#top_menu_block .Imenu .Imenu1 .Inav{height:auto;padding:calc(28px/2) calc((100% - (62px*9.2))/16) calc(28px/2) calc((100% - (62px*9.2))/16);vertical-align:middle;color:#ffffff;}
#top_menu_block .Imenu .Imenu1 .InavSP a{font:12.75pt "微軟正黑體";font-weight:700;color:#fff;display:inline-block;margin-top:0.6em ; background:linear-gradient(300deg,#00a493, #00639f);padding:0.3em 1em;border-radius:30px;}
#top_menu_block .Imenu .Imenu1 .InavSP a:hover{color:#ffffff;}

#top_menu_block .Imenu .Imenu1 .Inav p{font:8.25pt Arial;font-weight:600;}
#top_menu_block .Imenu .Imenu1 .Inav a p{color:#008dd9;}
#top_menu_block .Imenu .Imenu1 .Inav a{font:12.75pt "微軟正黑體";font-weight:700;color:#fff;}
#top_menu_block .Imenu .Imenu1 .Inav a:hover{color:#ffffff;}
#top_menu_block .Imenu .Imenu1 li a:hover{text-decoration:none}

#top_menu_block .Imenu .Imenu1 li,#top_menu_block .Imenu1 li .dropdown li {float:left;padding:0;margin:0}
#top_menu_block .Imenu .Imenu1 li .dropdown01 li {clear:both;padding:0;margin:0}

#top_menu_block .Imenu .Imenu1 li .dropdown01{margin-left:-999em;position:absolute}
#top_menu_block .Imenu .Imenu1 li:hover .dropdown01{display:block;padding:0 0.5em;font-weight:400;font:12pt  "微軟正黑體";z-index:5;color:#000;filter:alpha (opacity=90);margin-left:-7px;width:auto;min-width:120px;line-height:25px;border:#eeeeee 1px solid;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;position:absolute;background-color:#ffffff;opacity:.9;+clear:both;_clear:both;}
#top_menu_block .Imenu .Imenu1 li:hover .dropdown01 li{display:block;padding:0 0.5em;font-weight:400;font:12pt  "微軟正黑體";margin:0;text-transform:none;width:auto;color:#000;text-align:left;line-height:25px;height:25px;}
#top_menu_block .Imenu .Imenu1 li:hover .dropdown01 li a{display:block;padding:0 0.5em;font-weight:400;font:12pt  "微軟正黑體";margin:0;text-transform:none;width:auto;color:#000;text-align:left;line-height:25px;height:25px;}
#top_menu_block .Imenu .Imenu1 li:hover .dropdown01 li a:hover{background:#fff;color:#008dd9;}

/*main*/
#top_menu_block_main .Imenu #navMenu{width:auto;height:auto;display:block;overflow:hidden;font:12.75pt "微軟正黑體";font-weight:900;color:#000;}	
#top_menu_block_main .Imenu .Imenu1{z-index:6;}
#top_menu_block_main .Imenu .Imenu1 a{display:block;width:auto;color:#000;text-align:center}
#top_menu_block_main .Imenu .Imenu1,.Imenu1 ul{list-style-type:none;}
#top_menu_block_main .Imenu .Imenu1 .Inav{height:auto;padding:calc(28px/2) calc((100% - (62px*9.2))/16) calc(28px/2) calc((100% - (62px*9.2))/16);vertical-align:middle;color:#000000;}
#top_menu_block_main .Imenu .Imenu1 .InavSP a{font:12.75pt "微軟正黑體";font-weight:700;color:#000000;display:inline-block;margin-top:0.6em ; background:linear-gradient(300deg,#00a493, #00639f);padding:0.3em 1em;border-radius:30px;}
#top_menu_block_main .Imenu .Imenu1 .InavSP a:hover{color:#000000;}

#top_menu_block_main .Imenu .Imenu1 .Inav p{font:8.25pt Arial;font-weight:600;}
#top_menu_block_main .Imenu .Imenu1 .Inav a p{color:#008dd9;}
#top_menu_block_main .Imenu .Imenu1 .Inav a{font:12.75pt "微軟正黑體";font-weight:700;color:#000000;}
#top_menu_block_main .Imenu .Imenu1 .Inav a:hover{color:#000000;}
#top_menu_block_main .Imenu .Imenu1 li a:hover{text-decoration:none}

#top_menu_block_main .Imenu .Imenu1 li,#top_menu_block_main .Imenu1 li .dropdown li {float:left;padding:0;margin:0}
#top_menu_block_main .Imenu .Imenu1 li .dropdown01 li {clear:both;padding:0;margin:0}

#top_menu_block_main .Imenu .Imenu1 li .dropdown01{margin-left:-999em;position:absolute}
#top_menu_block_main .Imenu .Imenu1 li:hover .dropdown01{display:block;padding:0 0.5em;font-weight:400;font:12pt "微軟正黑體";z-index:5;color:#000;filter:alpha (opacity=90);margin-left:-7px;width:auto;min-width:120px;line-height:25px;border:#eeeeee 1px solid;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;position:absolute;background-color:#ffffff;opacity:.9;+clear:both;_clear:both;}
#top_menu_block_main .Imenu .Imenu1 li:hover .dropdown01 li{display:block;padding:0 0.5em;font-weight:400;font:12pt "微軟正黑體";margin:0;text-transform:none;width:auto;color:#000;text-align:left;line-height:25px;height:25px;}
#top_menu_block_main .Imenu .Imenu1 li:hover .dropdown01 li a{display:block;padding:0 0.5em;font-weight:400;font:12pt "微軟正黑體";margin:0;text-transform:none;width:auto;color:#000;text-align:left;line-height:25px;height:25px;}
#top_menu_block_main .Imenu .Imenu1 li:hover .dropdown01 li a:hover{background:#fff;color:#008dd9;}



@media only screen and (max-width: 991px) {
 #top_menu_block{display:none;}
 #top_bar_member_block{display:none;}
 #top_menu_block_main{display:none;}
}	
@media screen and (min-width: 992px) and (max-width: 1199px) {

#top_menu_block{position:relative;width:100%;margin:0 auto;}
	
#top_menu_block .logo{width:24%;float:left;position:absolute;z-index:99999;top:50px;left:0px;}
#top_menu_block .logo img{width:100%;height: auto}	
#top_menu_block .Imenu{width:calc(94% - 24%);height:auto;margin:0 3%;float:left;position:absolute;z-index:99999;top:60px;right:0px;border-radius:7px;}

#top_menu_block .Imenu #navMenu{width:auto;height:auto;display:block;overflow:hidden;font:calca(12pt*0.95) "微軟正黑體";font-weight:900;}	
	
#top_menu_block .Imenu .Imenu1 .Inav{height:auto;padding:calc(28px/2) calc((100% - (62px*9.2))/16) calc(28px/2) calc((100% - (62px*9.2))/16);vertical-align:middle;}
#top_menu_block .Imenu .Imenu1 .Inav a{}

#top_menu_block .Imenu .Imenu1 li:hover .dropdown01{display:block;padding:0 0.5em;font-weight:400;font:10pt  "微軟正黑體";z-index:5;color:#000;filter:alpha (opacity=90);margin-left:-7px;width:auto;min-width:120px;line-height:25px;border:#eeeeee 1px solid;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;position:absolute;background-color:#ffffff;opacity:.9;+clear:both;_clear:both;}
#top_menu_block .Imenu .Imenu1 li:hover .dropdown01 li a{}
	
	
#top_menu_block .subbutton{float:right;text-align:right;top:12px;right:70px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:0.5em 1em;font:9.75pt "微軟正黑體";background:rgba(0,0,0,0.7);color:#ffffff;position:absolute;z-index:99999;}
	
}


/*html,body{font-family:'Roboto',sans-serif;font-size:1em;line-height:1.4;height:100%;margin:0;padding:0}
a{text-decoration:none;color:inherit}
.container{overflow:hidden;*zoom:1;margin:0 20px}
.site-content{padding-top:66px}
.header{position:fixed;left:0;right:0;height:66px;line-height:66px;color:#fff;background-color:#000}
.header__logo{font-weight:700;padding:0 25px;float:left}*/



.header__logo{font-weight:700;padding:0;float:left;width:70vw;height:88px;margin-left:30px;}
.site-pusher,.site-container{height:100% !important;/*min-height: 700px;*/}
.site-container{overflow:hidden}
.site-pusher{transition-duration:.3s;-webkit-transform:translateX(0px);transform:translateX(0px)}
.site-content{height:100% !important;position:absolute;top:88px;right:0;left:0;bottom:0;padding-top:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}
.header{position:static;height:88px;line-height:88px;color:#fff;background-color:#fff}

.header__icon{position:relative;display:block;float:left;width:45px;height:88px;cursor:pointer;}
/*
.header__icon:after{content:'';position:absolute;display:block;width:30px;height:0;background:#ff6600;top:25px;left:0px;margin:0 0 0 15px;box-shadow:0 9px 0 2px #00a493,0 17px 0 2px #00a493,0 25px 0 2px #00a493}
*/
.header__icon:after{content:'';position:absolute;display:block;width:30px;height:30px;background:url(../images/mobile_icon.svg) no-repeat center left;top:25px;left:0px;margin:0 0 0 15px;}




.menu .nav-list{  display: block !important;}
.menu .nav-list .Mobtitle{padding-left:30px;}
.menu{position:absolute;left:0;top:0;bottom:0;background:#6c6c6c;width:250px;-webkit-transform:translateX(-250px);transform:translateX(-250px)}
.menu a{display:block;height:60px;line-height:60px;padding:0 0;text-align:left;border-bottom:1px solid #606060;color:#ffffff;}
.menu a > span > div{background: #ff6600;height:0px;line-height: 0px;top:38px;position: absolute;font:9pt "微軟正黑體";color:rgba(255,255,255,0.5)}
.menu ul li{float:left;position:relative;width:100%;}
.menu ul li a{display:block;padding:0;color:#fff;text-decoration:none}
.menu ul li a:visited{display:block;padding:0;color:#fff;text-decoration:none}
.menu ul li a:hover{color:#fff}
.menu ul li a:visited:hover{color:#fff}

/*.menu ul li a:not(:only-child):after,.menu ul li a:visited:not(:only-child):after{padding-left:4px; content: "\f0dd";}*/
.menu ul li a:not(:only-child):after,.menu ul li a:visited:not(:only-child):after{content:url(../images/arrow.svg);width:25px /* width of the image */;height:25px /* height of the image */;}

.menu ul li ul li{width:100%;background:#5e5e5e;}
.menu ul li ul li a{background:#5e5e5e;width:85%;padding-left:15%;}

/*.menu{width:100%;float:right}
.menu ul{width:100%;list-style:none;margin:0;padding:0}
.menu .nav-list{display:block!important}
.menu ul li{float:left;position:relative}
.menu ul li a,.menu ul li a:visited{display:block;padding:0 20px;line-height:70px;background:#262626;color:#fff;text-decoration:none}
.menu ul li a:hover,.menu ul li a:visited:hover{background:#2581DC;color:#fff}
.menu ul li a:not(:only-child):after,.menu ul li a:visited:not(:only-child):after{padding-left:4px;content:' ▾'}
.menu ul li ul li{min-width:190px}
.menu ul li ul li a{padding:15px;line-height:20px}
.nav-dropdown{position:absolute;display:none;z-index:1;box-shadow:0 3px 12px rgba(0,0,0,0.15)}*/

#top_info_block{width:100%;height:auto; margin:0; padding:0;zoom:1;}
#top_info_block:after {content:''; clear:both; display:block;}
#top_info_block .bu_block{margin:1em;background:#ffffff;text-align: left; line-height: 35px; color:#000;border-radius: 5px; display: flex;flex-wrap: wrap;justify-content:center;align-content:  space-between;align-items:stretch;  height: auto;padding: 0;}
#top_info_block .bu_block div{width:100%;font:13pt "微軟正黑體";font-weight: 700;padding:0 1em}
#top_info_block .bu_block div a{font:12pt "微軟正黑體";font-weight: 700; color:#000;height: 35px; line-height: 35px; border-bottom:0px solid #606060;background: url(../images/arrow.png) no-repeat left 5px;padding-left:26px;}

@media only screen and (max-width: 992px) {
	/*
.site-pusher,.site-container{height:100%}
.site-container{overflow:hidden}
.site-pusher{transition-duration:.3s;-webkit-transform:translateX(0px);transform:translateX(0px)}
.site-content{position:absolute;top:66px;right:0;left:0;bottom:0;padding-top:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}
.header{position:static}
.header__icon{position:relative;display:block;float:left;width:50px;height:66px;cursor:pointer}
.header__icon:after{content:'';position:absolute;display:block;width:1rem;height:0;top:16px;left:15px;box-shadow:0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff}
.menu{position:absolute;left:0;top:0;bottom:0;background-color:#f60;width:250px;-webkit-transform:translateX(-250px);transform:translateX(-250px)}
.menu a{display:block;height:40px;text-align:center;line-height:40px;border-bottom:1px solid #000}
.with--sidebar .site-pusher{-webkit-transform:translateX(250px);transform:translateX(250px)}
.with--sidebar .site-cache{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6)}*/
	



.nav-dropdown{display:block;/*position:absolute;z-index:1;box-shadow:0 3px 12px rgba(0,0,0,0.15)*/}

.with--sidebar .site-pusher{-webkit-transform:translateX(250px);transform:translateX(250px)}
.with--sidebar .site-cache{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6)}
	
	
}
@media only screen and (max-width: 400px) {.header__logo img{width:100%;max-width: 100%;}}