/* CSS Document */
input,button,select,textarea{outline:none}
 *:focus { outline: none; }

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:#3c94cb;}
.datatable th { background:#2a64b7; color:#fff; 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;}


header { height:105px; background:#fff;}
.logo { position:absolute; z-index:10000; top:20px; left:21px; width: 180px;}
nav { padding:65px 20px 0 0px; position:relative;}
.menuzord-menu > li:first-child { position:absolute; z-index:999; top:19px; right:20px;}
.search { float:right; height:23px; padding:0 0px; width:118px; border-bottom:1px solid #525252;}
.search-txt { display:inline-block; vertical-align:top; width:calc(100% - 21px - 7px) !important; font-size:13px !important; color:#525252; background:none; border-width:0; height:21px !important;}
.search-btn { display:inline-block; vertical-align:top; width:21px ; font-size:16px; color:#3a3a3a; line-height:130%;}
.search-btn:hover { opacity:0.7;}
.lang2 { float:right; display:inline-block; width:100px; height:32px; vertical-align:top; font-size:13px; color:#525252; padding-right:18px; position:relative; border: 0px solid #a6a6a6; text-align:left; background:url(../images/dot.png) no-repeat calc(100% - 20px) 10px; cursor:pointer;}
.lang2 i { display:inline-block; vertical-align:top; padding-right:10px; font-size:15px; padding-top:4px;}
.lang2:hover { color:#dd591a;}
.lang2-open { display:none; position:absolute; z-index:100000; right:0; width:100%; top:30px; background:#fff; padding:0px;  font-size:14px; color:#424242; text-align:left;border: 1px solid #a6a6a6;}
.lang2-open a { color:#424242; display:block; padding:4px 5px;}
.lang2-open a:hover { color:#fff; background:#dd591a;}
.lang2 select { background-color:transparent;}
.lang { display:inline-block; vertical-align:top; color:#bebebe; font-size:13px; font-weight:bold;}
.lang a { display:inline-block; padding-right:7px; color:#bebebe; font-size:13px; }
.lang a:hover, .lang a.current { color:#ea5803; }
.top-right-link { float:right; display:inline-block; width:110px; height:32px; vertical-align:top; font-size:13px; color:#525252; padding-right:18px; position:relative; border: 0px solid #a6a6a6; text-align:left; background:url(../images/dot.png) no-repeat calc(100% - 20px) 10px; cursor:pointer;}
.top-right-link i { display:inline-block; vertical-align:top; padding-right:10px; font-size:15px; padding-top:4px;}
.top-right-link a { color:#525252;}
.top-right-link a:hover { color:#dd591a;}



@media only screen and (max-width: 980px) {
header { height:90px; border-bottom:1px solid #cecece;}
.logo { top:10px; left:10px;width: 150px;}
.logo img { height:72px;}
.lang2 { float:left; margin-left:15px;}
.top-right-link { float:left; background:none;}
.search { margin:0 10px 10px 10px; width:calc(100% - 20px); height:auto;}
.search-txt { height:30px !important; padding:0 5px;}
.search-btn { line-height:150%;}
.menuzord-menu > li:first-child { left:inherit;}
nav { position:absolute; width:100%; top:20px; padding:0;}
.showhide:after {
	content: "選單";
	display: block;
    text-align: center;
    color: #3b3b3b;
    width: 50px;
    font-size: 14px;}
.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(0,0,0,.1);}
.menuzord-menu > li:nth-of-type(1) > div { }
.menuzord-menu>li>a:after { display:none;}
.quick-search { display:none !important;}
.quick-search-open { display:inline-block !important; position:inherit; background:none !important; vertical-align:top; padding:0 0px; margin:0; top:inherit; width:100%; text-align:left; z-index:inherit;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px px 0px rgba(0,0,0,0);
box-shadow: 0px 0px px 0px rgba(0,0,0,0);}
.quick-search-open input { display:inline-block; vertical-align:top; width:calc(100% - 55px - 7px);}
.pro-menu-box { width:100%; flex-wrap:wrap; padding:20px;}
.pro-menu-box > div:first-child, .pro-menu-box > div:last-child { width:100%; margin-right:0;}
.pro-menu-box > div:last-child { padding-top:30px;}

}

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

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

}