@charset "utf-8";
/* CSS Document */

@media (max-width: 1440px) {
}

@media (max-width: 1366px) {
}

@media (max-width: 1280px) {	
.container01{ width:auto; max-width:1200px; margin:0 auto;}
#cssmenu > ul > li > a { padding: 17px 25px 17px 15px !important;}
ul#ul_news{ width:auto;}

#owl-demo .item{ margin:15px;}
#owl-demo .item_img{ height:110px;}
}
@media (max-width: 1279px) {
.border_main{ background:none;}
.cntbox{ float:none; width:auto; max-width:800px; margin:0 auto; padding:50px 0;}
.side{ display:none;}

.lawcntbox{ float:none; width:auto; max-width:800px; margin:0 auto; padding:10px 15px 50px 15px;}
.lawbox{ margin-left:10px; margin-right:10px;}
}
@media (max-width: 1200px) {
.f_left{ float:none; width:100%; margin-bottom:40px; padding-bottom:40px; border-bottom:1px dotted #444;}
.f_right{ float:none; width:100%; display:block;}
.f_right iframe{ float:left;}

#btn{ float:right; width:240px; margin-right:0px;}
#cssmenu{ margin-right: 50px !important;}
#cssmenu > ul > li > a { padding: 17px 25px 17px 8px !important;}

.qnalink a{ margin-left: 0 !important; text-align: left;}
.qnalink a i{ margin-right: 10px; }
.qnalink a:after{ font-size: .813em; content: "我要會談"; }
}
@media (min-width: 1025px) and (max-width: 1279px) {
.container01{ width:auto; max-width:100%; margin:0 20px;}
#cssmenu{ margin-right: 50px !important;}
}
@media (max-width: 1024px) {
.container01{ width:auto; max-width:100%; margin:0 20px;}

#owl-demo .item_img{ height:146px;}
}
@media (max-width: 950px) {
.container01{ width:auto; margin:0 20px !important;}
/* #cssmenu{ margin-right: 10px !important;}
#cssmenu > ul > li > a { padding: 17px 25px 17px 0px !important; font-size: 13px !important; font-weight:bold; text-decoration: none; color: #666;} */

ul#ul_sthumb{ width:auto; max-width:930px; margin:0 auto; overflow:hidden;}
.sthumbbox{ margin:0 5px;}

.law_img{ float:right; width:200px; margin:0 0 30px 30px;}
.law_txt{ float:none; width:auto;}

.cmt_img{ display:none;}
.cmt_txt{ float:none; width:auto;}
.cmt_date{ float:left; margin-left:0; margin-right:20px;}
.more01{ font-size:13px; line-height:47px;}

.news_txt{ float:none; width:auto;}
}
@media (max-width: 768px) {
#btn{ float:right; width:200px; margin-right:0px;}

.sthumbbox p{ font-size:12px;}

.f_left_li_child p{ font-size:13px;}

.cmt_txt h2, .news_txt h2{ font-size:18px; line-height:26px; text-overflow: clip; display:block; white-space: normal; overflow: visible; word-break: break-all;}
.more01{ font-size:13px; line-height:40px;}

#owl-demo .item_img{ height:167px;}

i.search_default{ display:none;}
.searchlink { float:none; padding: 0 15px 10px 0; height: 56px;}
.searchform { display: block; width: 100%; top: -1px; left: -1px;}
#s { width:100%;}

}
@media (max-width: 700px) {
.sthumbbox h3.icon-book, .sthumbbox h3.icon-group, .sthumbbox h3.icon-award, .sthumbbox h3.icon-mail{ font-size:60px; line-height:60px;}
.sthumbbox p{ display:none;}

ul#ul_inews li{ float:none; width:100%;}
ul#ul_inews li:nth-child(1){ margin-bottom:20px;}
ul#ul_icnews{ margin:0 0px;}

#owl-demo .item_img{ height:151px;}

#fbox{ padding:40px 0 60px 0; overflow:hidden;}
.f_left{ margin-bottom:-20px; padding:0; border-bottom:0;}
ul#ul_left li, .f_left_li_child p{ width:100% !important; text-align:center; display:block; font-size:15px;}
.f_left_li_child{ display:none;}
.f_left_li_child.contactinfo{ display:block;}
.f_right{ display:none;}

.copyright{ float:none; margin:40px auto 0 auto; line-height:20px;}
ul#ul_share{ float:none; width:176px; margin:0 auto 20px auto; padding:0;}
ul#ul_share li{ margin:0 2px;}
}
@media (max-width: 568px) {
#logo_txt h1{ font-size:18px; line-height:5px; color:#333; letter-spacing:.3px;}
#logo_txt span.h1_en{ font-size:13px; color:#333; letter-spacing:.3px;}
#logo_txt span{ font-size:10px; color:#666; letter-spacing:2.4px;}

#btn{ float:right; width:140px; margin-right:0px;}

.sthumbbox h2{ font-size:20px;}

#inner_header h3{ float:none; padding-top:22px; font-size:24px; font-weight:300; line-height:56px;}
#inner_header h6{ float:none; font-size:12px; line-height:12px;}

#owl-demo .item_img{ height:119px;}

ul#ul_law li{ width:50%;}

.searchbox2{ max-width:383px; min-height:300px;}
.fago{display:none;}
.searchbox2_1{ width:383px; }
.searchbox2_txt{ width:330px;}
}
@media (max-width: 568px) and (-webkit-min-device-pixel-ratio:0) {
#logo_txt h1{ font-size:18px; line-height:5px; color:#333; letter-spacing:.5px;}
#logo_txt span.h1_en{ padding-left:2px;-webkit-transform:scale(1); color:#000; display:inline-block; text-indent:0px; letter-spacing:0px;}
#logo_txt span{-webkit-transform:scale(0.83); display:inline-block; text-indent:-19px; letter-spacing:.3px;}
}
@media (max-width: 480px) {
header{ height:auto; position:static;}
#logobox{ width:264px; margin:0 auto; padding-left:0px;}
#logo_txt h1{ line-height:18px; letter-spacing:0px;}
#logo_txt span.h1_en{ letter-spacing:0px; display:inline-block;}
#logo_txt span{ display:none;}
#banner{ padding-top:0;}
#btn{ clear:both; float:none; width:100%; padding-top:10px;}

.index_section{ padding:50px 0;}
.index_section h2{ margin-bottom:0px;}

ul#ul_sthumb li{ width:50%;}
ul#ul_sthumb li:nth-child(1), ul#ul_sthumb li:nth-child(2){ margin-bottom:10px;}

ul#ul_icnews{ height:auto;}
ul#ul_icnews li{ width:100%; height:28px; padding:10px 0; border-bottom:1px solid #fff;}
ul#ul_icnews li span{ float:left; margin-right:10px; padding:5px 10px; font-size:12px; font-weight:300; color:333; background:#fff;}
ul#ul_icnews li h2{ width:auto; padding-right:15px; font-size:13px; line-height:28px; text-align:left; font-weight:300; color:#333; text-overflow:ellipsis; display:block; white-space:nowrap; overflow:hidden;}

ul#ul_law li{ width:100%;}

#owl-demo .item_img{ height:102px;}
.law_img{ float:none; width:260px; margin:0 0 30px 0;}
.law_txt{ float:none; width:auto;}

.cmt_txt p{ font-size:12px;}
.cmt_date{ width:46px; font-size:15px; line-height:17px;}
.more01{ width:46px; font-size:12px;}

.news_txt p{ font-size:12px;}

.copyright{ font-size:12px;}

.searchbox2{ max-width:250px; min-height:200px;}
.fago{display:none;}
.searchbox2_1{ width:250px; }
.searchbox2_txt{ width:197px;}
}
@media (max-width: 480px) and (-webkit-min-device-pixel-ratio:0) {
#logo_txt h1{ font-size:18px; line-height:18px; color:#333; letter-spacing:.5px;}
#logo_txt span.h1_en{ padding-left:2px;-webkit-transform:scale(1); color:#000; display:inline-block; text-indent:0px; letter-spacing:0px;}
#logo_txt span{display:none;}
}
@media (max-width: 320px) {
#owl-demo .item_img{ height:140px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
}