.scrollTop {background: transparent url(archive/image/customization/top_arrow1.png) center center no-repeat;}

.logo_img table{text-align: left !important; }
.top_panel {box-shadow: 0px 0px 1px rgba(0,0,0,0.3);}

/*CSS-button*/
.animate{transition: all 0.1s;-webkit-transition: all 0.1s;}
.action-button{position: relative;padding: 8px 30px;margin: 0px 5px 5px 0px;border-radius: 5px;font-size: 10px;color: #FFF;text-decoration: none;}
.blue{background-color: #3498DB;border-bottom: 3px solid #2980B9;text-shadow: 0px -2px #2980B9;}
.action-button:active{transform: translate(0px,5px);-webkit-transform: translate(0px,5px);border-bottom: 1px solid;}


/*CSS-button1*/
.animate1{transition: all 0.1s;-webkit-transition: all 0.1s;}
.action-button1{position: relative;padding: 100px 40px;margin: 0px 5px 5px 0px;border-radius: 5px;color: #FFF;text-decoration: none;}
.blue1{background-color: #3498DB;border-bottom: 6px solid #2980B9;text-shadow: 0px -2px #2980B9;}
.action-button1:active{transform: translate(0px,5px);-webkit-transform: translate(0px,5px);border-bottom: 1px solid;}


/*CSS-button2*/
.animate2{transition: all 0.1s;-webkit-transition: all 0.1s;}
.action-button2{position: relative;padding: 100px 40px;margin: 0px 5px 5px 0px;border-radius: 5px;color: #FFF;text-decoration: none;}
.blue2{background-color: #376099;border-bottom: 6px solid #223C61;text-shadow: 0px -2px #223C61;}
.action-button2:active{transform: translate(0px,5px);-webkit-transform: translate(0px,5px);border-bottom: 1px solid;}


/*發展歷程*/
.hexa{border: 0px;float: left;text-align: center;height: 35px;width: 60px;font-size: 22px;background: #f0f0f0;color: #3c3c3c;position: relative;margin-top: 15px;}
.hexa:before{content: ""; position: absolute; left: 0; width: 0; height: 0;border-bottom: 15px solid #f0f0f0;border-left: 30px solid transparent;border-right: 30px solid transparent;top: -15px;}
.hexa:after{content: ""; position: absolute; left: 0; width: 0; height: 0; border-left: 30px solid transparent;border-right: 30px solid transparent; border-top: 15px solid #f0f0f0;bottom: -15px;}
.timeline {position: relative;padding: 0; width: 100%; margin-top: 20px;list-style-type: none;}
.timeline:before { position: absolute;left:-19px; top: 0; content: ' ';display: block;width: 2px;height: 100%;margin-left: -1px; z-index: 5; background: rgb(213,213,213);
  background: -moz-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
  background: -webkit-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: -o-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: -ms-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: linear-gradient(to bottom, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
}
.timeline li {padding: 2em 0;}
.timeline .hexa{width: 16px;height: 10px;position: absolute;background: #404040;z-index: 5;left: 0;right: 0;margin-left:auto;margin-right:auto;top: -30px;margin-top: 0;}
.timeline .hexa:before { border-bottom: 4px solid #404040;border-left-width: 8px;border-right-width: 8px;  top: -4px;}
.timeline .hexa:after {border-left-width: 8px;border-right-width: 8px; border-top: 4px solid #404040;bottom: -4px;}
direction-l, .direction-r {float: none; width: 100%;text-align: left;}
.flag-wrapper { text-align: left; position: relative;}
.flag {  position: relative; display: inline; background: rgb(255,255,255); font-weight: 600; z-index: 15; padding: 6px 10px; text-align: left; border-radius: 5px;}
.direction-l .flag:after, .direction-r .flag:after {content: ""; position: absolute; left: 50%;top: -15px; height: 0; width: 0; margin-left: -8px; border: solid transparent; border-bottom-color: rgb(255,255,255); border-width: 8px;pointer-events: none;
}
.direction-l .flag {-webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); boxshadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);}
.direction-r .flag { -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);}
.time-wrapper { display: block;  position: relative; margin: 4px 0 0 0; z-index: 14; line-height: 1em;  vertical-align: middle;color: #fff;}.direction-l .time-wrapper {float: none;}.direction-r .time-wrapper {float: none;}
.time { background: #21738e;display: inline-block; padding: 8px;}
.desc { position: relative;margin: 1em 0 0 0;padding: 1em; background: rgb(254,254,254); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.50);  -moz-box-shadow: 0 0 1px rgba(0,0,0,0.50); box-shadow: 0 0 1px rgba(0,0,0,0.50);z-index: 15;}
.direction-r .desc { position: relative; padding: 1em; z-index: 15;margin: 1em 0 0 0.75em;width:90%}

.timeline li:after { content: "";  display: block; height: 0; clear: both;visibility: hidden;  }
.timeline .hexa {  left: -28px;  right: auto;  top: 8px; }
.timeline .direction-l .hexa {  left: auto;  right: -28px; }
.direction-l {  position: relative;  width:98%;  float: left;  text-align: left;}
.direction-r { position: relative;width: 98%; float: left; text-align: left;}
.flag-wrapper {  display: inline-block;} 
.flag { font-size: 18px;}
.direction-l .flag:after { left: auto; right: -16px; top: 50%;margin-top: -8px;border: solid transparent;border-left-color: rgb(254,254,254)border-width: 8px;}
.direction-r .flag:after { top: 50%; margin-top: -8px; border: solid transparent; border-right-color: rgb(254,254,254); border-width: 8px;left: -8px;}
.time-wrapper {  display: inline;  vertical-align: middle;  margin: 0; }
.direction-l .time-wrapper { float: left;}
.direction-r .time-wrapper {float: right;}
.time { padding: 5px 10px;}



.timeline { width: 99.2%;margin: 0 auto;margin-top: 20px; }




/*lightbox*/
.lightbox {display: none;position: fixed;z-index: 999;width: 100%;height: 100%;text-align: center;top: 0;left: 0;background: rgba(0,0,0,0.9);}
.lightbox img {max-width: 90%;max-height: 80%;margin-top: 2%;}
.lightbox:target {outline: none;display: block;}



/*CSS_table*/
.cglist-table {background: #98662B;}
.cglist-tr2 { background: #FFFAF4; height: 28;}
.cglist-tr1 {background: #ffffff; height: 28;}

/*聯絡我們*/
.itemLine {  border-bottom: 2px solid #dddddd; padding-bottom:10px;  position: relative;}
.itemLine:after {  background-color: #21738e; content: "";   height: 2px;  width: 50px;    position: absolute;    bottom: -2px;  left: 0;}


/*隱私權*/
/*jp*/
/*#m_HOM_VI03_LIG01_28_2 > div > ul > li:nth-child(7) {display: block;}
#m_PAGE_001_11_1 > div > ul > li:nth-child(7) {display:block}*/