.first-menu { text-align: right;  padding: 0 15px; }
.first-menu > li { display:block; text-align: center; box-sizing: border-box; }
.first-menu > li > a { display: block; box-sizing: border-box; font-size:20px; padding-bottom:2px;color: #ffffff;background-color: transparent;outline: none; padding: 40px 0px 38px 60px; text-decoration:none}
.nav_t{ position:relative}
.first-menu  .nav_t:after{content: "";
    width: 0;
    height: 5px;
    background: #e60012;
    position: absolute;
    bottom: 0;
    left: 25px;
    transition: all 0.5s ease 0s;}
.first-menu  .nav_t:hover:after{ width: 100%;	}
.first-menu > li:hover { }
.first-menu > li:hover > a {  }

/* 選單色調 */
.fm { border-color: #1391a7; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.fm:hover > a {}
.second-menu > li > a { border-bottom: 2px solid #ccab26; }


/*隱藏選單*/
.subnav { display: none; background-color: #fff; width:200px; position: absolute; z-index:9999; top:106px; border-top: 1px solid #EEE; margin-left: -10px; box-sizing: border-box; box-shadow:0 3px 3px rgba(0,0,0,0.3); left:0px; }
.subnav li a{display:block; width:170px; height:3.2em; line-height:3.2em; padding:0 15px; border-bottom:1px #EEE solid;}
.subnav li a:hover{background-color:#f4f4f4;}

.submenu { display: none; background-color: #fff; width: 1001px; position: absolute; z-index:9999; left: 50%; top: 106px; border-top: 1px solid #EEE; margin-left: -500px; padding: 2em; box-sizing: border-box; box-shadow:0 3px 3px rgba(0,0,0,0.3);}
/*.submenu:after { content:''; width: 100%; height:550px; display: block; position:fixed; top:78px; left:0; background-color: #FFF; z-index: -110; border-top: 1px solid #EEE; box-shadow:0 2px 3px #CCCCCC;}*/
.submenu .second-menu > li > a { display: block; font-weight: bold; color: #222; margin-bottom: 0.1em; font-size:15px;}
.submenu .column {}
.submenu .column:after { content:''; display: block; clear:both;}

/* 次選單layout 分欄 - 此群組勿加其他屬性 */
.submenu .col { float: left; display: block; min-height: 1px; box-sizing:border-box;}
.submenu .col-2 { width: 20%;}
.submenu .col-3 { width: 30%;}
.submenu .col-4 { width: 30%;}
.submenu .col-5 { width: 50%;}
.submenu .col-6 { width: 70%;}

/* 次選單項目分欄 - 此群組勿加其他屬性 */
.submenu .col1 > li { width: 25%;}
.submenu .col1 > li:nth-of-type(4n+1){padding-left: 0; /*padding-left:0.75em;*/ clear:both;}
.submenu .col2 > li { width: 33%;}
.submenu .col2 > li:nth-of-type(4n+1){padding-left: 0; /*padding-left:0.75em;*/ clear:both;}

/* 次選單 shortcut 描述 */
.menu-shortcut { text-align: left; padding-right: 4em;}
.menu-shortcut h3 { margin-bottom:0.5em;padding: 0; font-size:18px; line-height:40px;}
.menu-shortcut p { color:#888; }
.menu-shortcut figure { padding:1em 0 0; margin: 0;}
.menu-shortcut img {display:block; width:38%; height:auto;}

/* 次選單 第二層級選項 */
.second-menu { text-align: left; padding: 0; }
.second-menu:after { content: ''; display: block; clear: both; }
.second-menu > li { line-height: 2em; width: 20%; display: block; float: left; box-sizing: border-box; padding:0 0.75em 2em; }
.second-menu > li:nth-of-type(3n+1) { }

/* 次選單 第三層級選項 */
.third-menu { list-style:none; padding: 0; }
.third-menu > li { line-height: 1.5em; width:100% }
.third-menu > li a {  line-height: 1.3em; display: block; border-bottom: 1px dashed #e5e5e5; padding: 0.6em 1.5em 0.6em 0; position:relative; text-decoration:none}
/*.third-menu > li a:after { content:'>'; color: #BBB; line-height: 2.4em; display: inline-block; position:absolute; right: 0;}*/
.third-menu > li a:before { content:''; width: 7px; height: 18px; background: url(arrow.html) no-repeat right center;background-size: 200% auto; display: inline-block; position:absolute; right: 5px;}
.EN{ position:absolute; top:22px;right:10%; z-index:9999; width:24px; height:24px;  border:#1392a9 solid 1px; line-height:24px; text-align:center; color:#1392a9; display:none}
@media screen and (max-width: 1024px) {
/* 如果使用者之視窗寬度 <= 1200px，將會再載入這裡的 CSS。 */
#hamburger { display: block;}
.EN{ display:block}
#hamburger { display: none \9;}
.desktop-menu { display: none;}
.breadcrumb { display: none; }
.detail-menu { display: none; }
.gh-logo {display: inline-block;  background:url(logo.html) left center no-repeat; background-size: auto 60px; margin:10px 0; text-indent: -9999px;overflow: hidden; width: 190px;height: 60px; }
.gh-header { width: 100%; height: 80px; /*border-bottom: 1px solid #EEE;*/ z-index: 9998; background-color:#FFF;}
}

@media screen and (min-width: 1024px) {
/* 如果使用者之視窗寬度 >= 1200px，將會再載入這裡的 CSS。 */

#my-menu { display: none;}
.gh-header {height: 118px; margin:0; padding:0; z-index: 9998; background-color:#FFF;}
.gh-logo {display: inline-block;  background:url(logo.html) left center no-repeat; background-size: auto 80px; margin:19px 0; text-indent: -9999px;overflow: hidden; width: 220px;height: 80px; }
}