body {margin:0px; background-color:#aaaaaa; font-size:16pt;}

.toptitle .topmenu { text-align:center; line-height:50px; width:100%; font-weight:bold; font-size:14pt; color:#fff;text-shadow:0 0 #fff;}
.toptitle .toptitle_button_menu { position:absolute; top:5px; left:10px; background-image:url(./images/top_menu_button_menu_small.png?20150417); width:40px; height:40px;}
.toptitle .toptitle_button_reload { position:absolute; top:5px; right:10px; background-image:url(./images/top_menu_button_reload_small.png); width:40px; height:40px;}
.toptitle .toptitle_button_back { position:absolute; top:5px; right:10px; background-image:url(./images/top_menu_button_back_small.png); width:40px; height:40px;}
.toptitle .toptitle_button_backMain { position:absolute; top:5px; right:10px; background-image:url(./images/top_menu_button_back.jpg); width:40px; height:40px;}


.menuitem { height:50px; background-image:url(./images/menu_item_bg.gif); background-repeat: repeat-x; font-size:14pt; vertical-align: middle; padding-left:20px; font-weight:bold;}


.c { letter-spacing: 1px; font-family: 微軟正黑體, Arial, sans-serif;}
.p { letter-spacing: 0px; font-family: Arial, sans-serif;}

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

a.newslink:link {color:#003d85; text-decoration:none;}
a.newslink:visited {color:#003d85; text-decoration:none;}
a.newslink:hover{color:#003d85; text-decoration:none;}

.tmpholder { height: 530px; width: 485px; overflow: auto; }



.newsdate {width:85px; background-image: url(./images/date_bg.gif); background-repeat: no-repeat; font-size:9pt; font-family:arial; text-align:center; color:#ffffff; padding:2px; padding-left:0px; padding-right:0px; font-weight:bold; margin-bottom:5px; letter-spacing:0px;}

.phototitle{ color:#003d85; font-weight:bold; padding-bottom:8px; font-size:12pt; text-align:left; font-family: Arial, sans-serif;} 

.listing_photo { }
td.listing_photo { padding-right:10px;}




#maincontent {min-height:1000px;}
#maincontent2 {min-height:1000px;}

#mainheading { width:100%; }
#maintitle {width:100%; }

#mainpage_footer {background-color:#aaaaaa; margin-top:10px; padding:15px; padding-bottom:40px; text-align:left; font-size:11pt; font-family: 微軟正黑體, Arial, sans-serif; color:#333333;}

/* youtube styles */
.videoWrapper {
    /*border-width:8px;	
    border-style:ridge;*/
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper img{
    
    background-color:#ffffff; 
    padding:10px; 
    border:1px solid #aaaaaa; 
    margin-bottom:5px;

    -moz-box-shadow: 0px 2px 5px #666;
    -webkit-box-shadow: 0px 2px 5px #666;
    box-shadow: 0px 2px 5px #666;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 98%;
	height: 100%;
	
    margin-top:20px;
    background-color:#ffffff; 
    padding:10px; 
    border:1px solid #aaaaaa; 
    margin-bottom:5px;

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

.videoWrapper2 {
    /*border-width:8px;	
    border-style:ridge;*/
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper2 iframe {
	position: absolute;
	top: 0;
	left: 4%;
	width: 90%;
	height: 100%;
	
    margin-top:20px;
    background-color:#ffffff; 
    padding:10px; 
    border:1px solid #aaaaaa; 
    margin-bottom:5px;

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

.newstitle2 { width:80%; padding-top:50px; text-align:left;	padding-left: 4%;font-weight:bold; color:#003d85; font-size:16pt;}

.lview_box{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 5%;
}

.lview_bg {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}

/* Interests photo & video style */
ul.submenu {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.submenu {
    padding-left: 0px;
    z-index: 5;
}
ul.submenu li {
    font-size:14pt;
    color: grey;
    background: #fefefe;
    width: 50%;
    padding: 14px 0px 10px;
    margin: 0px 0px 10px 0px;
    position: relative;
    float: left;
    text-align: center;
    z-index: 1;
}
ul.submenu li::before {
    content: '';
    display: block;
    position: absolute;
    top: 0; left: 0;
    width: 70%;
    height: 100%;
    border-style: solid;
    border-color: #eee;
    border-width: 2px 0 2px 2px;
    border-radius: 8px 0 0 0;
    -webkit-transform: skewX(-20deg);
       -moz-transform: skewX(-20deg);
         -o-transform: skewX(-20deg);
            transform: skewX(-20deg);
    background-color: inherit;
    z-index: -1;
}
ul.submenu li::after {
    content: '';
    display: block;
    position: absolute;
    top: 0; right: 0;
    width: 70%;
    height: 100%;
    border-style: solid;
    border-color: #eee;
    border-width: 2px 2px 2px 0;
    border-radius: 0 8px 0 0;
    -webkit-transform: skewX(20deg);
       -moz-transform: skewX(20deg);
         -o-transform: skewX(20deg);
            transform: skewX(20deg);
    background-color: inherit;
    z-index: -1;
}
ul.submenu li.active {
    color: orange;
    z-index: 10;
}
ul.submenu li.active::before,
ul.submenu li.active::after {
    background-color: #fff;
    border-bottom-color: #fff;
}
ul.submenu li:not([class='active'])::before,
ul.submenu li:not([class='active'])::after{
    background-color: #dddddd; 
}

ul.submenu li:not([class='active']):hover::before,
ul.submenu li:not([class='active']):hover::after {
    background-color: #afafaf; 
}

/* main.js */
.ceVideoTitle
{
    position: relative; padding-top: 50px; letter-spacing: 1px; font-family: 微軟正黑體, Arial, sans-serif; font-weight: bold; font-size: 1.4em;
}

/* policy */
.tabDiv{/*background-image: url(../../images/lineBg.png);color:White;*/text-align:left;font-size:14pt; font-weight:500;width:100%;}

.descTab {color:Blue;font-weight:bold;}
.descTabDate {color:Gray; padding-bottom:15px; font-size:14px;}


.mainmenuitem img{width:35px;padding-right:15px;}