/* CSS Document */
input { border-radius:0; }
input,button,select,textarea{outline:none }
*:focus { outline: none; }
*{ font-family:'Microsoft JhengHei', 'sans-serif';}

img {max-width:100%;height: auto;}
.editor a {word-wrap: break-word;word-break: break-all;}
.editor ul, .editor li { list-style-type:initial;}
.table_scroll{overflow-x: auto; display: block; padding-bottom:15px;}
.datatable { width:100%; border-spacing:1px; background:#545454;}
.datatable th { background:#fff; color:#545454; font-size:14px; text-align:center; vertical-align:middle; padding:10px;}
.datatable td { background:#fff; color:#545454; font-size:14px; text-align:center; vertical-align:middle; padding:10px;}

#keyreply-container { text-align:left; bottom:50px !important;}
.keyreply-brand { display:none !important;}


header { height:64px; background:rgba(0,0,0,.8); position:fixed; width:100%; top:0; z-index:10;}
.logo { position:absolute; z-index:10000; top:0px; left:0px;}
nav { padding:22px 0px 0 0px; position:relative;}
.menuzord-menu > li:first-child { position:absolute; z-index:999; top:19px; right:12px; padding:0; width:210px;}

.search { display:inline-block; height:32px; vertical-align:top; font-size:13px; color:#fefefe; padding:0 9px; position:relative; border: 0px solid #a6a6a6; text-align:left; cursor:pointer;}
.search i { display:inline-block; vertical-align:top; font-size:20px; padding-top:4px;}
.search:hover { color:#e60012;}
.search-open { display:none; position:absolute; z-index:100000; right:0; width:100%; left:0; top:30px; background:#fff; padding:0px;  font-size:14px; color:#424242; text-align:left;border: 1px solid #a6a6a6;}
.search-txt { display:inline-block; vertical-align:top; width:calc(100% - 18px - 7px) !important; font-size:14px !important; color:#525252; background:none; border-width:0; height:22px !important; padding:0px 5px !important; border-width:0 !important; margin-bottom:0 !important;}
.search-btn { display:inline-block; vertical-align:top; width:18px ; font-size:16px; color:#3a3a3a; line-height:130%;}
.search-btn:hover { color:#e60012;}
.search select { background-color:transparent;}
.top-right-link { display:inline-block; height:32px; vertical-align:top; font-size:13px; color:#525252; padding-right:18px; position:relative; border: 0px solid #a6a6a6; text-align:left; cursor:pointer;}
.top-right-link i { display:inline-block; vertical-align:top; padding:0 9px;font-size:20px; padding-top:4px;}
.top-right-link a { color:#fefefe; display:inline-block; position:relative;}
.top-right-link a:hover { color:#e60012;}
.bag-number { position:absolute; top:-7px; right:0px; font-family:Abel; font-size:12px; display:inline-block;}

header .menuzord-menu ul.dropdown{ width:auto; left:50%; transform:translateX(-50%); }
header .menuzord-menu ul.dropdown li a{ white-space:nowrap; }

@media only screen and (max-width: 980px) {
header { background:rgba(0,0,0,.9); }

.lang2 { float:left; margin-left:15px;}
.top-right-link { background:none; padding-bottom:10px;}
.search { display:none;}
.search-open { display:block; position:relative; top:auto; margin-bottom:10px;}
.search-txt { height:30px !important; padding:0 5px; border-width:0 !important; font-size:16px !important;}
.search-btn { line-height:150%; font-size:18px;}
.menuzord-menu > li:first-child { left:inherit; padding:0 10px !important;}
nav { position:absolute; width:100%; top:5px; padding:0;}
.showhide:before { content:"MENU"; display:block; position:absolute; right:17px; bottom:-20px; text-align:right; font-size:12px; color:#fff; width:50px;}
.menuzord-menu > li:nth-of-type(1) { top:auto; right:auto; background:none !important; text-align:left; border-right-width:0; border-bottom:solid 1px rgba(255,255,255,.1);}
.menuzord-responsive .menuzord-menu ul.dropdown, .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown{ transform:translate(0); }
}

@media only screen and (max-width: 414px) {

}
@media only screen and (max-width: 320px) {

}