/*yoke*/
@charset "utf-8";

#top_menu_block_main{width:1200px;margin:0 auto;height:auto;display:flex;justify-content: flex-start;align-content: space-between;align-items: stretch;}

#top_menu_block_main .logo{width:20%;background:linear-gradient(90deg,#fabf01, #fee101);}
#top_menu_block_main .Imenu{width:calc(100% - 20%);height:auto;background: #343434;}
#top_menu_block_main .Imenu .Imenu_product_block{display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;}
#top_menu_block_main .Imenu .Imenu_product_block .Iproduct_list_block{width:calc(100% - 20%);display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;}
#top_menu_block_main .Imenu .Imenu_product_block .Iproduct_list_block .Iproduct_list{width:calc(100%/5);padding:1em 0.5em;font:11pt "微軟正黑體";font-weight:700;}
#top_menu_block_main .Imenu .Imenu_product_block .Iproduct_list_block .Iproduct_list a{color:#ffffff;font:11pt "微軟正黑體";font-weight:700;}
#top_menu_block_main .Imenu .Imenu_product_block .Iproduct_list_block .Iproduct_list a:hover{color:#ffffff;}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block{width:20%;padding: 0.5em 0 0 0}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Ilanguage{width:50%;float:left;color:rgba(255,255,255,1.00);font:9.75pt "微軟正黑體";font-weight: 500;padding:0.5em 0;}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Ilanguage a{color:#ffffff;}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Ilanguage a:hover{color:#fedc01;}

#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Isearch{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Isearch .Isearch_inputblock{width:calc(100% - 50px);}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Isearch .Isearch_inputblock input{border:1px solid #4F4F4F;padding:0.3em 0.5em;width:100%}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Isearch .btn_Isearch{width:40px;margin:0 0 0 10px; }
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Isearch .btn_Isearch a { vertical-align:middle;background:url(../images/search.svg)  no-repeat center center;background-position:0 0;background-size:30px;height:30px;width:30px;display:inline-block;text-indent:-9999px;}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Isearch .btn_Isearch a:hover{vertical-align:middle;background-position:0 -30px;background-size:30px;height:30px;width:30px;display:inline-block;text-indent:0;text-indent:-9999px;}


#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Icommunity{width:100%;float:left;margin-bottom: 0.5em}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Icommunity a{background: url(../images/T_icon.svg) no-repeat; width:20px;height: 20px;display: inline-block;text-indent:-9999px;text-align:left;}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Icommunity a.fb_icon{background-position:0 0;margin-left: 0.3em;}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Icommunity a.fb_icon:hover{background-position:0 -20px;}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Icommunity a.in_icon{background-position:-20px 0;margin-left: 0.3em;}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Icommunity a.in_icon:hover{background-position:-20px -20px;}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Icommunity a.line_icon{background-position:-40px 0;margin-left: 0.3em;}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Icommunity a.line_icon:hover{background-position:-40px -20px;}


#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Icommunity a.en_icon{background-position:-60px 0;margin-left: 0.3em;}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Icommunity a.en_icon:hover{background-position:-60px -20px;}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Icommunity a.wechat_icon{background-position:-80px 0;margin-left: 0.3em;}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Icommunity a.wechat_icon:hover{background-position:-80px -20px;}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Icommunity a.riconnect_icon{background-position:-100px 0;margin-left: 0.3em;}
#top_menu_block_main .Imenu .Imenu_product_block .Isearch_block .Icommunity a.riconnect_icon:hover{background-position:-100px -20px;}



/*main*/
#top_menu_block_main .Imenu #navMenu{width:auto;height:auto;display:block;overflow:hidden;font:9.75pt "微軟正黑體";font-weight:900;background:#666666;padding:0 0.5em;}	
#top_menu_block_main .Imenu .Imenu1{z-index:6;}
#top_menu_block_main .Imenu .Imenu1 a{display:block;width:auto;text-align:center}
#top_menu_block_main .Imenu .Imenu1,.Imenu1 ul{list-style-type:none;}
#top_menu_block_main .Imenu .Imenu1 .Inav{height:auto;width:calc((100%/9) - 0em);padding:0.5em 0em;margin:0 0em;text-align: center;vertical-align:middle;color:rgba(255,255,255,0.7);}
#top_menu_block_main .Imenu .Imenu1 .InavSP a{font:9.75pt "微軟正黑體";font-weight:700;color:#000000;text-align: center;display:inline-block;margin-top:0.6em ;}
#top_menu_block_main .Imenu .Imenu1 .InavSP a:hover{color:#000000;}

#top_menu_block_main .Imenu .Imenu1 .Inav p{font:9.75pt "微軟正黑體";font-weight:600;}
#top_menu_block_main .Imenu .Imenu1 .Inav a p{color:#008dd9;}
#top_menu_block_main .Imenu .Imenu1 .Inav a{font:9.75pt "微軟正黑體";color:rgba(255,255,255,0.7);padding:0 0em;text-align: center;}
#top_menu_block_main .Imenu .Imenu1 .Inav a:hover{color:rgba(255,255,255,1.0);}
#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-top:-1em;display:block; visibility: hidden;opacity: 0 ;filter:alpha (opacity=0);position:absolute;padding:0.3em 0.3em 0;}
#top_menu_block_main .Imenu .Imenu1 li:hover .dropdown01{transition: opacity 250ms ease-in-out;display:block;visibility: visible;padding:0.3em 0.3em 0;font-weight:400;font:9.75pt "微軟正黑體";z-index:20000;color:#000;filter:alpha (opacity=90);margin-top:0px;width:auto;min-width:110px;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.3em;font-weight:400;font:9.75pt "微軟正黑體";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.3em;font-weight:400;font:9.75pt "微軟正黑體";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_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:calc(12pt*0.95) "微軟正黑體";font-weight:900;}	
	


#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:calc(100vw - 160px);height:88px;margin-left:30px;text-align: center; }
/*.header__logo img{width:30%;max-width: 30%;}*/
.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:auto;color:#fff;background:linear-gradient(90deg,#fabf01, #fee101);}

.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 #023e7d,0 17px 0 2px #023e7d,0 25px 0 2px #023e7d}
*/
.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:rgba(0,0,0,0.7);width:250px;-webkit-transform:translateX(-250px);transform:translateX(-250px)}
.menu a{display:block;height: auto;/*height:60px;line-height:60px;*/padding: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:1.2em 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{display:inline-block;/*margin-right:50px;*/ width:30px ;height:30px;content:url(../images/arrow.svg);margin-top: -10em/*background-size:30px 30px;*/}
/*.menu ul li a:not(:only-child):after,.menu ul li a:visited:not(:only-child):after{display:block;width:60px;height:60px;content:url(../images/arrow.svg);background-size:60px 60px;}*/
.menu ul li ul li{width:100%;background:#707070;}
.menu ul li ul li a{background:#707070;width:100%;padding:0.8em 0 0.8em 15%;}

#bu_block{width:100%;height:auto; margin:0; padding:0;zoom:1;line-height: 50px;}
#bu_block:after {content:''; clear:both; display:block;}


#bu_block .btn_login{width:calc(100% - 3em);height:auto; display:inline-block;margin:0 1.5em;}
#bu_block .btn_login a{width:100%;height:auto;line-height: 25px; font-weight: 700;padding:0 0; text-align: center; display:inline-block;border-radius:50px;background:linear-gradient(90deg,#fabf01, #fee101);color:#000;}
#bu_block .btn_login a:hover{background:linear-gradient(-90deg,#fabf01, #fee101);color:#000;}


#M_language{display:flex;justify-content: center; color:rgba(255,255,255,1.00); font:12pt "微軟正黑體";font-weight: 700;line-height: 40px;}
#M_language div {width:100%;}
#M_language div a{color:#ffffff;display:flex;justify-content: center;}
#M_language div a:hover{color:#fedc01;display:flex;justify-content: center;}

#M_Isearch{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height:auto;line-height: 45px;padding:0 1.5em;}
#M_Isearch .Isearch_inputblock{width:calc(100% - 50px);}
#M_Isearch .Isearch_inputblock input{border:1px solid #4F4F4F;padding:0.3em 0.5em;width:100%}
#M_Isearch .btn_Isearch{width:40px;margin:0 0 0 10px; }
#M_Isearch .btn_Isearch a { vertical-align:middle;background:url(../images/search.svg)  no-repeat center center;background-position:0 0;background-size:30px;height:30px;width:30px;display:inline-block;text-indent:-9999px;}
#M_Isearch .btn_Isearch a:hover{vertical-align:middle;background-position:0 -30px;background-size:30px;height:30px;width:30px;display:inline-block;text-indent:0;text-indent:-9999px;}



#M_community_block{width:100%;line-height: 30px; padding:0 0 0 0.7em;}

#M_community_block #M_community_icon_block a{margin:0.5em 0 0 0;background:url(../images/mobile_T_icon.svg) no-repeat; width:30px;height: 30px;display: inline-block;text-indent:-9999px;text-align:left;margin: 1.5em 0 0 0}
#M_community_block #M_community_icon_block a.fb_icon{background-position:0 0;margin-left: 0.5em;}
#M_community_block #M_community_icon_block a.fb_icon:hover{background-position:0 -30px;}
#M_community_block #M_community_icon_block a.in_icon{background-position:-30px 0;margin-left: 0.5em;}
#M_community_block #M_community_icon_block a.in_icon:hover{background-position:-30px -30px;}
#M_community_block #M_community_icon_block a.line_icon{background-position:-60px 0;margin-left: 0.5em;}
#M_community_block #M_community_icon_block a.line_icon:hover{background-position:-60px -30px;}

#M_community_block #M_community_icon_block a.en_icon{background-position:-90px 0;margin-left: 0.5em;}
#M_community_block #M_community_icon_block a.en_icon:hover{background-position:-90px -30px;}
#M_community_block #M_community_icon_block a.wechat_icon{background-position:-120px 0;margin-left: 0.5em;}
#M_community_block #M_community_icon_block a.wechat_icon:hover{background-position:-120px -30px;}

#M_community_block #M_community_icon_block a.riconnect_icon{background-position:-150px 0;margin-left: 0.5em;}
#M_community_block #M_community_icon_block a.riconnect_icon:hover{background-position:-150px -30px;}

/*.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%;}}*/