@import url("top.css");
@import url("to_top.css");

.maincontent1{
    font-style: normal;
    font-weight: normal;
    rem-text-transform:uppercase;
    letter-spacing: normal;
    line-height: 1.45em;
    position:relative;
    margin:0px auto;
    height:1100px;
	width: 100%;
	
    background-position:0 0;
    background-repeat:no-repeat;
    background-color: transparent;
	overflow: hidden;
	min-height:700px;
	
}

#toptitle {
   width: 450px;
   height:250px;
   background-color: transparent;
   background-repeat: no-repeat;
   rem-background-color: #6666ee;
   position: absolute;
   top:10px;
   left: -450px;
   z-index: 12;
}

#pagecontent{
   z-index: 11;
   min-height:650px;
   width:572px;
   padding:40px;
   padding-top:20px;
   font-family: 微軟正黑體, arial;
   /*font-size:9pt;*/
   position: absolute;
   top:-900px;
   left:245px;
   background-color:transparent;
   color: #ffffff;;
   text-align:justify; 
   text-justify: inter-ideograph;
   border-left: 0px solid #ffffff;
   border-bottom: 0px solid #222222;
   border-right: none;
   border-top: none;   
}   

#toptitleline {
   width: 450px;
   height:40px;
   background-color: transparent;
   position: absolute;
   top:0px;
   left: -450px;
   border-bottom: 1px solid #ffffff;
   z-index: 10;
}

#pagemenu {
   position: absolute; 
   top:0px; 
   left:0px; 
   width: 450px; 
   height:0px; 
   background-color: transparent; 
   background-image: url(../images/page_menu_bg.png);
   background-position: right bottom;
   z-index:35;
   overflow: hidden;
}

#pagemenucontent {
   position: relative;
   padding:0px; 
   padding-top:10px; 
   display:none; 
   font-size:9pt;
   font-weight:bold;
   z-index:36;
   text-align:left;
}

#pagemenucontent ul {
   list-style-type: none;
   width:100%;
}

#pagemenucontent ul  li  div{
   padding-left:20px;
   padding-top: 5px;
   padding-bottom: 5px;
   border-bottom: 1px solid #ffffff;
   cursor: pointer;
   color:#000000;
}         

#pagemenucontent ul  li  div:hover{
   background-color: transparent;
   color:#000000;
   background-image: url(../images/menu_selected_item_bg.png);
}

.popup {
   position: fixed;
   width:1100px;
   rem-height: 480px;
   background-image: url(../images/popup_bg4.png);
   background-color:transparent;
   background-repeat: repeat-y;
   z-index: 40;

}

.ipad_popup {
   position: fixed;
   width:680px;
   rem-height: 480px;
   background-color:#ffffff;
   z-index: 40;
   -webkit-box-shadow: 0px 0px 15px #000000; 
   border-radius: 10px;
}

.popupcontent {
   position: absolute;
   top:20px;
   left:30px;
   width: 1010px;
   bottom:20px;
   padding-left:15px;
   padding-right:15px;
   font-size:11pt;
   overflow: auto;
   z-index: 45;
   
}

.ipad_popupcontent {
   width:610px; 
   padding-left:40px; 
   padding-top:20px;
   padding-bottom:20px;
}

a.menu:link {
   text-decoration: none;
   color: #000080;
}

a.menu:visited {
   text-decoration: none;
   color: #000080;
}

a.menu:hover {
   text-decoration: none;
   color: #ff0000;
}

a:link {
   text-decoration: none;
   color: #003d85;
}

a:visited {
   text-decoration: none;
   color: #003d85;
}

a:hover {
   text-decoration: none;
   color: #ff0000;
}


a.newslink:link { text-decoration: none; color:#003d85; font-weight:bold;}
a.newslink:visited { text-decoration: none; color:#003d85; font-weight:bold;}
a.newslink:hover { text-decoration: underline; color:#ff0000; font-weight:bold;}


p.news, p.GCS_Message{
   margin-bottom: 15px;
}

p.speech{
   margin-bottom: 3px;
}

p.normal{
   margin-bottom: 15px;
}

.mainpagebutton{
   width: 300px;
   height: 60px;
   background-position: 0px 0px;
   cursor: pointer;
}

.mainpagebutton:hover{
   background-position: 0px 60px;
}

.photothumbs {
   cursor:pointer; 
   margin:5px; 
   border: 1px solid #bbbbbb;
   opacity: 1;
   filter:alpha(opacity=100);
}

.photothumbs:hover {
   cursor:pointer; 
   margin:5px; 
   border: 1px solid #000000;
   opacity: 0.85;
   filter:alpha(opacity=85);
}

.newsbox {padding: 10px; background-image: url(../images/newsbox_bg.png); border:6px solid #ffffff; background-color: transparent;}
.newstitle{ color:#003d85; font-weight:bold; padding-bottom:8px; text-align:left; font-size:135%;}
.newscontent { color:#000000; text-align:justify; text-justify: inter-ideograph;}
.newsdate {text-align:right; color:#666666; padding-top:10px;}
.phototitle{ color:#003d85; font-weight:bold; padding-bottom:8px; text-align:left; line-height:16px;} 

.newsboxtitle {background-image:url(../images/newsbox_title.png); background-repeat: no-repeat; height: 25px;}
.newsboxtitle_selected {background-image:url(../images/newsbox_title_s.png); background-repeat: no-repeat; height: 25px;}
.newsboxtitle_text {padding-top:5px; font-size:9pt; width: 150px; text-align:center; color:#800000; font-weight:bold;}
.newsboxtitle_text_cn {padding-top:5px; font-size:9pt; width: 150px; text-align:center; color:#800000; font-weight:bold; letter-spacing:5px;}

.tab { color:#000000; cursor:pointer;}
.tab:hover {color:#ff0000; text-decoration: underline; cursor:pointer;}
.tab_selected {color:#800000; cursor:pointer;}

.divider { height: 30px; }
.divider_s { height: 10px; margin-bottom: 15px; border-bottom:1px solid #aaaaaa;}

.inputdate {font-size:9pt; width:90px; padding: 2px; background-image: url(../images/calendar-icon.png); background-position: right center; background-repeat: no-repeat; border: 1px solid #888888;}

.inputtext {font-size:9pt; width:90px; padding: 2px; border: 1px solid #888888;}

.cn {     font-family: 微軟正黑體, Hiragino Sans GB, Arial, sans-serif; }
.cs {     font-family: 微軟正黑體, Hiragino Sans GB, Arial, sans-serif; }
.pt {     font-family: Arial, sans-serif; }

.news_photo_large {

margin-top:10px;
background-color:#ffffff; 
padding:10px; 
border:1px solid #aaaaaa; 
width:95%; 
max-width: 900px; 
margin-bottom:5px;

-moz-box-shadow: 2px 2px 5px #ccc;
  -webkit-box-shadow: 2px 2px 5px #ccc;
  box-shadow: 2px 2px 5px #ccc;
  
}  

.news_photo_large img { max-width:900px; }

.news_photo_large2 {

}  

.widthAuto { width:auto !important;}

.news_photo_large2 img {
    
max-width:100%; 
margin-top:10px;
background-color:#ffffff; 
padding:10px; 
border:1px solid #aaaaaa; 
margin-bottom:5px;

-moz-box-shadow: 2px 2px 5px #ccc;
-webkit-box-shadow: 2px 2px 5px #ccc;
box-shadow: 2px 2px 5px #ccc;

}

.gallery_photos {
    margin-top: 15px;
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid #aaaaaa;
    width: 95%;
    max-width: 600px;
    margin-bottom: 5px;
    -moz-box-shadow: 2px 2px 5px #ccc;
    -webkit-box-shadow: 2px 2px 5px #ccc;
    box-shadow: 2px 2px 5px #ccc;
}

    .gallery_photos img {
        max-width: 600px;
    }

.gallerytitle {
    color: #003d85;
    padding-bottom: 6px;
    text-align: left;
}

.wshadow {
  -moz-box-shadow: 2px 2px 5px #ccc;
  -webkit-box-shadow: 2px 2px 5px #ccc;
  box-shadow: 2px 2px 5px #ccc;
}

.new_main_shadow {
   -moz-box-shadow: 2px 2px 4px #666;
   -webkit-box-shadow: 2px 2px 4px #666;
   box-shadow: 2px 2px 4px #666;
   /* For IE 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#666666')";
   /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#666666');
}


.round10{
   border-radius:10px; 
   -moz-border-radius:10px; 
   -webkit-border-radius:10px;
}

.darkback {
   background-color: #222222;
}  


div.new_title {overflow:hidden; width:300px; height:75px; background-image:url(../images/new_title_back_2.png); border:2px solid #eeeeee; margin:5px; cursor:pointer;}
div.new_title:hover  { border:2px solid #000000;}
div.selected {border:2px solid #000000;}

div.new_content_newsdate {text-align:left; color:#666666;}
div.other_content {width:100%; height:150px; border:1px solid #aaaaaa; background-color:#ffffff; cursor:pointer;}
div.other_content:hover {border:1px solid #800000;}

div.main_video_playlist { padding:5px; border:1px solid #bbbbbb; cursor:pointer;}
div.main_video_playlist:hover { border:1px solid #ff0000; }

/* ce_mailbox_cn.html */
.replyitem:hover
{
    cursor:pointer;
    background-color: #005C49;
    color: #FFFFFF; 
}
.replyitem 
{
    margin-bottom: 2px;
    padding: 8px 10px;
    font-size:1.3em;
    font-weight: bold;
    color: #333;
    line-height: 1.2;
    border-top: 1px solid #e5e5e5;
}
.replyitemce:hover
{
    cursor:pointer;
    background-color: #005C49;
    color: #FFFFFF; 
}
.replyitemce 
{
    margin-bottom: 2px;
    padding: 8px 10px;
    font-size:1.3em;
    font-weight: bold;
    background-color: #b0eeb0;
    color: #333;
    line-height: 1.2;
    border-top: 1px solid #e5e5e5;
}
.replyitemtop
{    
    border-top: 0px;
}
.nonopen
{
    float: left;
    color: #2894FF;
    width: 30px;
    font-size:1.3em;
    text-align: center;
    line-height:17px;
}

.open
{
    float: left;
    color: #F75000;
    width: 30px;
    font-size:1.3em;
    text-align: center;
    line-height:17px;
}

.news_photo_large_policy{
margin-top:10px;
background-color:#ffffff; 
padding:10px; 
border:1px solid #aaaaaa; 
width:400px; 
margin-bottom:5px;

-moz-box-shadow: 2px 2px 5px #ccc;
  -webkit-box-shadow: 2px 2px 5px #ccc;
  box-shadow: 2px 2px 5px #ccc;
  
}  

.news_photo_large_policy img { max-width:500px; }