@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
*{font-family:'Noto Sans TC';}
html, body, ._wrapper{height:100%;}
body{text-align:center; margin:0; padding:0; background-color:#9E9E9E; background-image:url(../img/bg.jpg); background-position:center top; background-repeat:repeat-y; position:relative; font-family:Microsoft Jhenghei;}

._wrapper{width:712px; background-color:#c8deea; position:relative; margin:0 auto; background-image:url(../img/Header.jpg); background-repeat:no-repeat; padding-top:280px; padding-left:248px; margin-bottom:-500px;}

/*._menu, ._content, ._footer{position:absolute;}*/
._menu{position:absolute;}

._menu{top:300px; left:24px; width:224px;}
._menu a{display:block; width:224px; height:100px; margin-bottom:15px;}
._menu ._index{background:url(../img/HOME.png); padding:0;}
._menu ._smart_Disaster_Prevention{background:url(../img/Smart_Disaster_Prevention.png);}
._menu ._smart_Transportation{background:url(../img/Smart_Transportation.png);}
._menu ._smart_City{background:url(../img/Smart_City.png);}
._menu ._Expert_column{background:url(../img/Expert.png);}

._menu ._index:hover{background:url(../img/HOME_o.png);}
._menu ._smart_Disaster_Prevention:hover{background:url(../img/Smart_Disaster_Prevention_o.png);}
._menu ._smart_Transportation:hover{background:url(../img/Smart_Transportation_o.png);}
._menu ._smart_City:hover{background:url(../img/Smart_City_o.png);}
._menu ._Expert_column:hover{background:url(../img/Expert_o.png);}

._menu ._smart_Disaster_Prevention_o{background:url(../img/Smart_Disaster_Prevention_o.png);}
._menu ._smart_Transportation_o{background:url(../img/Smart_Transportation_o.png);}
._menu ._smart_City_o{background:url(../img/Smart_City_o.png);}
._menu ._Expert_column_o{background:url(../img/Expert_o.png);}

._content{width:625px; background-color:#FFF; padding:35px 25px; border-radius:16px; box-shadow:#265160 4px 4px 16px;}
._content p{font-size:14px; line-height:24px; color:#615656; text-align:left; table-layout: fixed; overflow: auto; word-wrap: break-word; word-break: normal; text-align:justify; text-justify:inter-ideograph; margin-bottom:1em; text-indent:14px;}
._content ul li, ._content ol li{font-size:14px; line-height:24px; color:#615656; text-align:left; table-layout: fixed; overflow: auto; word-wrap: break-word; word-break: normal; text-align:justify; text-justify:inter-ideograph; margin-bottom:1em; text-indent:14px;}
._content i{font-style:normal; float:right; margin-top:20px; display:block;}
._content i a{color:#1c61c8;}
._content i a:hover{color:#F49C00; text-decoration:none;}
._content div._quote{width:80%; margin:0 auto; background:#EBEBEB; border-radius:1em;}

._index{padding-bottom:100px; background-image:url(../img/content_bg.png); background-position:left bottom; background-repeat:repeat-x;}

._content em{font-style:normal; font-size:14px; line-height:24px; color:#FFF; box-shadow:#26596C 2px 2px 4px; display:block; border-radius:10px; text-align:left; padding:20px; margin-top:-10px;}
._content h4{background-image:url(../img/h4_icon.png); background-position:5px 5px; background-repeat:no-repeat; display:block; border-radius:26px; text-align:left; font-size:18px; padding:15px 20px 15px 55px; margin-bottom:0; clear:both;}
._content a{font-weight:bold;}
._content a:hover{text-decoration:none;}

._smart_Disaster_Prevention p, ._smart_transportation p, ._smart_city p, ._expert_column p{padding:0 30px; text-indent:0;}

._smart_Disaster_Prevention em{background-color:#009ce0;}
._smart_Disaster_Prevention h4{background-color:#c8deea; color:#050c39;}
._smart_Disaster_Prevention a{color:#1e4989;}
._smart_transportation em{background-color:#901458;}
._smart_transportation h4{background-color:#d7a9c2; color:#47102e;}
._smart_transportation a{color:#901458;}
._smart_city em{background-color:#577c03;}
._smart_city h4{background-color:#b6c98c; color:#1e2904;}
._smart_city a{color:#577c03;}
._expert_column em{background-color:#ccc;}
._expert_column h4{background-color:#edbda5; color:#331405; }
._expert_column a{color:#F49C00;}
._expert_column img{display:block; border-radius:16px; margin:10px 0 10px 10px; float:left;}
._expert_column hr{border:#FFF 1px solid;}
._expert_column i{margin:0 30px;}
._expert_column h5{font-size:16px; text-align:left; padding-left:2em; margin-bottom:5px; border-bottom:#F49C00 1px dotted; padding-bottom:10px;}
._expert_column figure{font-size:12px; color:#755F4F; display:block; float:none;}

._expert_column span{display:block; clear:both; font-size:12px; color:#322C27;}

._footer{margin-left:-248px; position:relative; background-image:url(../img/Footer.png); background-position:center bottom; background-repeat:no-repeat; min-height:750px;}
._footer a{text-decoration:none;}
._15_GSDI_banner, ._Call4Paper, ._Register, ._footer div, ._MOI, ._TADPI, ._DIGITIMES{display:block; position:absolute;}
._footer a._15_GSDI_banner{width:240px; height:290px; top:30px; left:30px; background:url(../img/15_GSDI_banner.png);}
._footer a._Call4Paper, ._footer a._Register{width:240px; height:140px;}
._footer a._Call4Paper{background:url(../img/Call4Paper_banner.png); top:30px; left:290px;}
._footer a._Register{background:url(../img/Register_banner.png); top:180px; left:290px;}
._footer div{width:374px; height:286px; top:30px; left:550px; padding-top:120px; background:url(../img/expert_bg.png); border-radius:10px; border:#999 1px solid; padding:2px;}
._footer div a._expert{display:block; width:374px; height:56px; background:url(../img/expert_title.png);}
._footer div a._expert:hover{width:374px; height:56px; background:url(../img/expert_title_o.png);}
._footer div a._expert_article{width:354px; height:50px; display:block; padding:10px 10px 15px 10px; position:relative;}
._footer div a._expert_article img{display:block; width:60px; border-radius:10px; box-shadow:#0b2129 0px 0px 4px; position:absolute;}
._footer div a._expert_article p{display:block; text-align:left; color:#6d6d6d; position:absolute; top:2px; left:80px; right:10px; font-size:14px; line-height:24px;}
._footer div a._expert_article p span{color:#000; font-weight:bold;}
._footer div a._expert_article:hover p{text-decoration:underline;}
._footer div hr{border-top:#F49C00 1px solid; border-right:0; border-bottom:0; border-left:0; margin:0;}
._footer ._MOI{top:420px; left:170px; width:110px; height:110px;}
._footer ._TADPI{top:430px; left:370px; width:190px; height:100px;}
._footer ._DIGITIMES{top:460px; left:630px; width:200px; height:35px;}
._footer div._App{width:300px; height:200px; margin-top:300px; border:none; background:none; padding:0 0 0 90px;}
._footer div._App h5{font-size:18px; color:#FFE800; text-shadow:#000 1px 1px 3px; margin:0;}
._footer div._App a{display:inline-block; width:130px; height:176px; box-shadow:#000 2px 2px 5px; border-radius:10px; margin:5px;}
._footer div._App a._iOS{background-image:url(../img/APP_iOS.png);}
._footer div._App a._Android{background-image:url(../img/APP_Android.png);}