/* CSS Document */

/*header*/
#header{ width:100%; height:111px; background:#fff; position:fixed; z-index:999;}
#header .headWhite{ width:100%; height:38px; padding:14px 0 14px; background:#fff; color:#3E3A39; font-size:12px;}
.headWhite .language{ float:left; line-height:26px;}
.headWhite .language a{ color:#3E3A39; padding:0 10px;border-right:1px solid #3E3A39}
.headWhite .gMember{ width:78px; height:24px; float:left; margin-left:30px; border:1px solid #E3E3E3; line-height:24px; padding-left:12px; cursor:pointer; position:relative; *z-index:50;}
.headWhite .gMember i{ padding-left:12px;}
.headWhite .gMember .memberHide{ width:126px; position:absolute; border:1px solid #E3E3E3; right:0; top:25px; font-size:12px; padding:6px 10px 12px 0; background:#fff; display:none; z-index:99;}
.headWhite .gMember:hover .memberHide{ display:block;}
.headWhite .gMember .memberHide a{ display:inline-block; padding:10px 0 0 13px; color:#3C3C3C;}
#header .headBlue{ width:100%; height:46px; background:#004D9F;}
.headBlue .headNav{ width:1200px; margin:0 auto;}
.headBlue .headNav li{ float:left; width:171px; height:46px; position:relative; *z-index:5;}
.headBlue .headNav li:hover{ background:#14A3F7; color:#fff;}
.headBlue .headNav li .nav{ font-size:16px; letter-spacing:2px; display:block; width:170px; text-align:center; border-right:1px solid #FFF; color:#FFF; margin-top:16px; position:absolute; z-index:2; line-height:1;}
.headNav .hideLink{ width:171px; padding:5px 0 20px; position:absolute; top:46px; left:0; background:#B6E2FC; display:none; *z-index:1;}
.headNav .hideLink a{ float:left; width:50%;*width:49.5%; text-align:center; padding-top:15px; font-size:14px; color:#3C3C3C;}
/*banner*/
#iBanner{ width:100%; height:400px; padding-top:111px; min-width:1200px;}
#iBanner .bannerBox{ width:100%; height:100%; position:relative; overflow:hidden;}
.bannerBox .bannerUl{ width:100%; height:100%; float:left; position:absolute; top:0; left:0;}
.bannerUl li{ width:100%; height:450px; float:left;}
.bannerUl .bLi0{ background:url(../image/banner0.jpg) no-repeat center center;}
.bannerUl .bLi1{ background:url(../image/banner1.jpg) no-repeat center center;}
.bannerUl .bLi2{ background:url(../image/banner2.jpg) no-repeat center center;}
.bannerUl .bLi3{ background:url(../image/banner3.jpg) no-repeat center center;}
#iBanner .bannerBtn{ background:url(../image/bannerBtn.png) no-repeat; width:50px; height:50px; display:block; position:absolute; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); cursor:pointer; top:300px; left:50%}
#iBanner .bannerBtn:hover{ opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
#iBanner .next{ background-position:-55px 0; margin-left:650px;}
#iBanner .prev{ background-position:0 0; margin-left:-700px;}
/*notice*/
.iicon{ background:url(../image/iicon.png) no-repeat;}
#iNotice{ width:100%; height:40px; min-width:1200px; background:#EDEDED; font-size:14px; color:#3C3C3C; line-height:40px;}
#iNotice .ntcIcon{ float:left; width:auto; height:40px; margin-right:10px;}
.ntcIcon .noticeIcon{ background-position:-90px 0; width:17px; height:17px; display:inline-block; margin:10px 6px -3px 0; *margin:4px 6px -3px 0;}
#iNotice .noticeUl{ display:inline-block; width:auto; height:40px;}
.noticeUl li{ list-style:url(../image/round.png); height:40px; float:left; margin-left:50px;}
.noticeUl li a{ color:#3C3C3C;}
.noticeUl .inew{ background-position:-90px -70px; width:28px; height:14px; display:inline-block; margin:0 0 0 5px;-webkit-animation: td 1s infinite ease-in-out;animation: td 1s infinite ease-in-out;}
#iNotice .ntcMore{ float:right; height:40px; line-height:40px; color:#3C3C3C;}
/*main*/
#iMain{ width:100%; height:auto; background:#fff; padding:60px 0 70px; min-width:1200px;}
#iMain .mainDiv{ float:left; width:374px; font-size:18px; color:#3C3C3C;}
#iMain .iactivity{ margin:0 39px;}
.mainDiv h2{ width:100%; height:26px; position:relative; border-bottom:1px solid #DBDBDB;}
.mainDiv h2 .hName{ position:absolute; top:1px; left:0; height:25px;font-weight: 700;}
.inews h2 .hName{ border-bottom:1px solid #14A3F7;}
.iactivity h2 .hName{ border-bottom:1px solid #55A877;}
.ivideo h2 .hName{ border-bottom:1px solid #4E71B0;}
.mainDiv .inewsMore{ position:absolute; right:0; bottom:5px; text-align:center; width:40px; height:14px; line-height:14px; background:#14A3F7; color:white; font-size:11px;}
.mainDiv .inewsBox{ width:374px; height:302px; margin-top:10px; overflow:hidden;}
.mainDiv #rollBox{ width:374px; height:302px; overflow:hidden; position:relative;}
.inewsBox .inewsUl{ width:374px; height:302px; float:left;}
.inewsUl li{ float:left; width:374px; height:302px; position:relative;}
.inewsUl li a{ width:100%; height:100%; display:inline-block;}
img[name="mainImg"]{ transition:transform 1s cubic-bezier(0,1,.75,1); -moz-transition:-moz-transform 1s cubic-bezier(0,1,.75,1); -webkit-transition:-webkit-transform 1s cubic-bezier(0,1,.75,1); -o-transition:-o-transform 1s cubic-bezier(0,1,.75,1);}
img[name="mainImg"]:hover{ transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05);}
.vcover{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../image/x.png) repeat; z-index:1; display:none; text-align:center;}
.vzz:hover .vcover{ display:block;}
.vcover .vicon{ background:url(../image/iicon.png) no-repeat 0 0; width:82px; height:90px; display:inline-block; margin:90px auto 0;}
.inewsUl .inewDetail{ width:374px; height:72px; position:absolute; bottom:0; left:0; color:#fff; z-index:2;}
.inews .inewDetail{ background:#14A3F7;}
.iactivity .inewDetail{ background:#55A877;}
.ivideo .inewDetail{ background:#4E71B0;}
.inewDetail .indInner{ width:330px; height:72px; margin-left:20px; float:left; display:table; overflow:hidden; *position:relative;}
.inewDetail .indInner .pDetail{font-size:14px; vertical-align:middle; display:table-cell; *position:absolute; *top:20%; letter-spacing:1px; cursor:default;}
.inewsBox .inewsBtn{ width:56px; height:24px; position:absolute; bottom:10px; right:10px; z-index:3;}
.inewsBox .inewsBtn span{ width:24px; height:18px; padding-top:6px; text-align:center; background:#217BC4; cursor:default;}
.inewsBox .inewsBtn span:hover{ background:#003879;}
.iactivity .iasMore{ background:#339554;}
.iactivity .iasMore .inmPlus{ background:#1F7C3E;}
.ivideo .iasMore{ background:#274D91;}
.ivideo .iasMore .inmPlus{ background:#163E68;}
.inewsUl .iasMore{ width:40px; height:72px; position:absolute; bottom:0; right:0; z-index:3;}
.inewsUl .inmPlus{ width:40px; height:0; opacity:0; text-align:center; transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;}
.inewsUl .inmPlus img{ padding-top:16px;}
.inewsUl .inmMore{ width:40px; height:72px; line-height:72px; text-align:center; color:#fff; font-size:12px; transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;}
.inewsUl .iasMore:hover .inmPlus{ height:48px; opacity:1;}
.inewsUl .iasMore:hover .inmMore{ height:24px; line-height:24px;}
/*footer*/
#footer{ width:100%; height:254px; background:#f0f0f2; color:#646464; border-top:1px solid #cacaca; min-width:1200px;}
#footer .fTop{ width:100%; height:205px; border-bottom:1px solid #cacaca;}
.fTop .ftLeft{ float:left; width:849px; height:120px; border-right:1px solid #dadada; margin-top:28px; font-size:14px;}
.fTop .ftLeft .linkLine{ margin-top:16px;}
.linkLine .groupLink{ color:#646464; font-size:16px; border-right:1px solid #646464; padding-right:18px; margin-right:18px;}
.fTop .ftLeft .mediaContact{ width:100%; float:left; margin-top:30px;}
.mediaContact .mc-a{ float:left; margin-right:25px; position:relative; color:#646464; cursor:pointer;}
.mc-a .mc-icon{ background:url(../image/mcIcon-1.png) no-repeat; width:26px; height:21px; display:inline-block; margin:0 5px -4px 0;}
.mc-a:hover .mc-icon{ background:url(../image/mcIcon-2.png) no-repeat;}
.mc-a .mci-1, .mc-a:hover .mci-1{ background-position:0 0;}
.mc-a .mci-2, .mc-a:hover .mci-2{ background-position:-35px 0;}
.mc-a .mci-3, .mc-a:hover .mci-3{ background-position:-70px 0;}
.mc-a .codeArea{ width:207px; padding:0 12px 12px; background:#fff; border:1px solid #14A3F7; display:none; position:absolute; z-index:1000; top:-200px; left:110px;}
.mc-a .codeArea p{ padding:12px 0;}
.mc-a:hover .codeArea{ display:block}
.fTop .ftRight{ float:right; margin-top:28px; width:349px; height:120px; border-left:1px solid #fff;}
.fTop .ftRight .footLogo{ padding:16px 0 0 60px;}
#footer .ibotm{ height:48px; line-height:48px; font-size:12px;}
#footer .bomLink{ color:#646464; padding:0 12px; border-right:1px solid #646464;}


/*a標簽下劃線*/
.noticeUl li a:hover ,#iNotice .ntcMore:hover ,.linkLine .groupLink:hover ,#footer .bomLink:hover{ text-decoration:underline;}
/*a標簽color:#14A3F7*/
.headWhite .language a:hover ,.headWhite .gMember .memberHide a:hover ,.headNav .hideLink a:hover{ color:#14A3F7;}
/*a標簽藍底白字*/
.mainDiv .inewsMore:hover ,.ftService .serviceLink:hover{ background:#14A3F7; color:#fff;}
@keyframes td {0% {transform:translateY(0px); opacity:0.8;}100% {transform:translateY(-3px); opacity:1;}}
@-webkit-keyframes td {0% {transform:translateY(0px); opacity:0.8;}100% {transform:translateY(-3px); opacity:1;}}