@charset "utf-8";
/* CSS Document */
body{ min-width:100%}
.x1{ width:1200px; min-height:620px;height:auto; overflow:hidden; margin:0 auto 0; padding:40px 0; }
.x1-2{ width:80%}
.tt1{ width:auto; height:40px;padding:0 30px; font:20px/40px verdana,"微軟正黑體";border-radius:30px; background:rgba(0, 42, 86, 0.85); border:0px solid #ccc ; color:#fff; text-align:center; display:inline-block;letter-spacing:-0.5px; margin-bottom:20px}
.lst1{ width:100%; height:auto; overflow:hidden;}
.lst1-2{ border-bottom:2px dotted #ccc; margin-bottom:20px} 
.lst1 .img1{ width:57.5%; height:auto; overflow:hidden; margin:0 2% 2% 0; float:left; border:1px solid #ddd;border-radius:8px}
.lst1 .img1 img{ width:100%; height:auto; border-radius:8px}
.lst1 .ta1{ width:40%; height:auto; float:left;}
.lst1 .ta1 .tt2{width:100%;height:40px;overflow:hidden;font:40px/36px "Times New Roman","微軟正黑體"; color:#555; letter-spacing:-1px; margin-bottom:6px; text-transform:uppercase}
.lst1 .ta1 .txa{width:100%;height:auto;overflow:hidden; margin-bottom:5px}
.lst1 .ta1 .txa .tt3{ width:30px;height:30px;font:bold 20px/30px "Times New Roman","微軟正黑體"; background:#a17f36; color:#fff;text-align:center; margin-right:2px; border-radius:50px; letter-spacing:0; float:left; margin:5px 10px 5px 0}
.lst1 .ta1 .txa .tt4 { width:85%;height:auto; overflow:hidden;font:18px/30px verdana,"微軟正黑體"; color:#555; letter-spacing:-1px;float:left; padding:5px 0;text-align:justify;text-justify: inter-ideograph;}
.lst1 .ta1 .txa .tt4 span{ color:#d00}

.x2{ width:1200px; height:40px;
background:linear-gradient(90deg,#e3d2ab 100%,#c00 0) bottom  left repeat-x; background-size:1200px 1px; margin:70px auto 0;}
.x2-2{ width:80%;margin:40px auto 0;}
.x2 .lst2{ width:auto; height:40px; overflow:hidden; float:left; margin-right:0; font:19px/38px Arial,"微軟正黑體";border-bottom:0px solid #002a56; color:#888}
.x2 .lst2 a{ width:auto; height:38px;font:19px/38px Arial,"微軟正黑體"; color:#c5ab72; display:inline-block; margin-right:0px;border-bottom:2px solid rgba(0,0,0,0); float:left}
.x2 .sdw1{ width:auto; height:40px; margin-right:0;font:15px/38px Arial,"微軟正黑體"; float:left; text-align:center; padding:0 5px;color:#aaa;}
.x2 .lst2 a:hover{ color:#002a56; border-bottom:2px solid #002a56; height:38px;}
.x2 .lst2 a.active{ color:#002a56; border-bottom:2px solid #002a56; height:38px;display:inline-block; width:auto;}

@media screen and (max-width: 1100px) {
.x2 .lst2 a{ font:15px/38px Arial,"微軟正黑體"; letter-spacing:-0.5px; margin-right:15px;}
}
.x3{ width:1200px; height:40px;
background:linear-gradient(90deg,#e3d2ab 100%,#c00 0) bottom  left repeat-x; background-size:1200px 1px; margin:70px auto 0;}
.x3-2{ width:80%;margin:40px auto 0;}
.x3 .lst2{ width:auto; height:40px; overflow:hidden; float:left; margin-right:}
.x3 .lst2 a{ width:auto; height:38px;font:19px/38px Arial,"微軟正黑體"; color:#c5ab72; display:inline-block; margin-right:40px;border-bottom:2px solid rgba(0,0,0,0); }
.x3 .lst2 a:hover{ color:#002a56; border-bottom:2px solid #002a56; height:38px;}
.x3 .lst2 a.active{ color:#002a56; border-bottom:2px solid #002a56; height:38px; }`

@media screen and (max-width: 1100px) {
.x3 .lst2 a{ font:17px/38px Arial,"微軟正黑體"; letter-spacing:-0.5px; margin-right:25px}}

/*20180305-新手包---news系統化*/
.x4{ width:1240px; min-height:500px;height:auto; overflow:hidden; margin:0 auto ; padding:40px 0 0 40px; }
.x4 .tt5{ width:auto; height:40px;padding:0 30px; font:20px/40px verdana,"微軟正黑體";border-radius:30px; background:rgba(0, 42, 86, 0.85); border:0px solid #ddd ; color:#fff;display:inline-block;letter-spacing:0px; margin-bottom:0}
.x4 .lst3{width:373px;height:auto;overflow:hidden; float:left; margin:0 40px 30px 0}
.x4 .lst3 .mv1{width:373px;height:224px;overflow:hidden; position:relative; border-radius:5px}
.x4 .lst3 .mv1 iframe{width:100%;height:224px}
.x4 .lst3 .mv1 .cov1{width:373px;height:224px;overflow:hidden;position:absolute;left:0;top:0; z-index:10;}
.x4 .lst3 .mv1 .cov1 a{width:373px;h2eight:224px; overflow:hidden;display:inline-block; transition:all 0.3s;line-height:0px; background:rgba(0,0,0,0.0);font:22px/224px "Century Gothic","微軟正黑體"; padding:0 0 0; opacity:0; text-align:center; color:#ccc}
.x4 .lst3 .mv1:hover .cov1 a{ransition:all 0.3s;background:rgba(0,0,0,0.6); padding:0 0 0; opacity:1}
.x4 .lst3 .tt6{ width:100%;height:auto overflow:hidden; font:22px/50px "微軟正黑體"; text-align:center; border-bottom:0px solid #ddd}
.x4 .lst3 .tt6 a{  font:20px/50px "微軟正黑體"; color:#333}
.x4 .lst3 .tt6 a:hover{ color:#a17f36}

/*20180305-新手包---影片彈出視窗*/
.x5{width:900px;height:auto; overflow:hidden;}
.x5 .y1{width:860px;height:auto; overflow:hidden; background:#111; margin-top:80px}
.x5 .y1 .ar1{ width:800px; height:auto;overflow:hidden; padding:20px 30px}
.x5 .y1 .ar1 .close{ position:absolute; right:8px; top:0px; color:#fff; opacity:1}
.x5 .y1 .ar1 iframe{ width:800px; height:480px}