@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400, 700'); 

body {background:#fff;}
img {border:0; margin:0;}
input{clear:both}

/* START OF FIXING NAVBAR */
.flexnav li a{position:relative; display:block; padding:0 1.2em 1.2em 1.2em; z-index:2; overflow:hidden; color:#ddd; text-decoration:none; border-bottom:2px solid; font-family:Lato; font-size:13px; text-align:left; line-height:18px; text-decoration:none}
.flexnav li a:link, .flexnav li a:visited{position:relative; display:block;  z-index:2; overflow:visible; color:#000; text-decoration:none; border-bottom:none; font-family:'Droid Sans',sans-serif; ; font-weight:400}
.flexnav li a:hover{position:relative; display:block;  z-index:2; overflow:visible; color:#E2348C!important; text-decoration:none; font-family:'Droid Sans',sans-serif; ; font-weight:400}
.flexnav li a:active{border:0px solid red; position:relative; display:block;  z-index:2; overflow:visible; color:#e2348c!important; text-decoration:none; font-family:'Droid Sans',sans-serif; font-weight:400}
.flexnav .touch-button {top: 4px;}
/* END OF FIXING NAVBAR */

/* END OF HEADER */
#ub_header{padding:0; margin:0 auto; width:1000px; background-color:#262525; font-family:Tahoma,Helvetica,mingliu,arial; font-size:13px}
#ub_header .clear{clear:both}
#site-header img {border:0;}
.ub_topnav{background-image:url(../images/nav_bg.gif); width:1000px; height:53px; background-repeat:repeat-x; text-align:left}
.ub_menu{float:left;width:620px;padding:0 0 0 10px}
.menu-bar{margin:0 auto; max-width:1000px; min-width:300px; min-height:30px; border-top:none;position: relative;z-index: 99998}
.header_separator{width:1000px; height:1px; border-top:1px #BFBFBF solid}
#site-header .ub_logo{float:left; max-width:190px; max-height:90px; margin:0 0 0 10px}
#site-header .ub_logo img{min-width:50%}
#site-header .ub_general_banner{float:right; margin:0 0 0 10px; max-width:728px}
#site-header .ub_general_banner img{max-width:728px}
#site-header .ub_search{padding:0 10px 5px 0; position:relative; text-align:right; height:25px; min-width:330px}
#header_search a{color:#000; text-decoration:none; font-size:13px}
#header_search a:link, #header_search a:visited{color:#000; text-decoration:none}
#header_search a:hover{color:#e2348c; text-decoration:underline}
#header_search a:active{color:#e2348c; text-decoration:none}
#site-header .site-title{position:relative}
#site-header .site-title h1{border-top:6px solid #3a3261;  font-family:"ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2";  font-weight:100;  font-size:1.7em;  margin-top:0;  margin-bottom:0px;  font-weight:900;  padding:7px 0 0;  background:none;  display:inline-block;  color:#3a3261;  text-transform:uppercase;  letter-spacing:2px;  text-rendering:optimizeLegibility}
#site-header .site-title h1 a{color:#3a3261;  text-decoration:none}
#site-header .site-title h2{font-size:1em;  margin-bottom:5%;  font-weight:100}
#site-header .container{margin:0 auto; width:1000px; padding:0}
#site-header #personal_t {width:280px;}
#site-header #personal_t div{float:left; margin-top:0.3em}
#site-header #personal_t a{position:inherit; display:block; padding:0 1.2em 0 1.2em; z-index:2; overflow:hidden; color:#000; text-decoration:none; background:; border-bottom:1px dotted rgba(0,0,0,0.15); font-size:13px; line-height: 20px;}
#site-header #personal_t a:link, #site-header #personal_t a:visited{position:inherit; display:block; padding:0 1.2em 0 1.2em; z-index:2; overflow:visible; color:#000; text-decoration:none; background:; border-bottom:none}
#site-header #personal_t a:hover{position:inherit; display:block; padding:0 1.2em 0 1.2em; z-index:2; overflow:visible; color:#e2348c; text-decoration:none; background:; border-bottom:none}
#site-header #personal_t a:active{position:inherit; display:block; padding:0 1.2em 0 1.2em; z-index:2; overflow:visible; color:#e2348c; text-decoration:none; background:; border-bottom:none}
#header_tools{display:inline-block; width:1000px; text-align:right}
#header_tools a{color:#000; text-decoration:none}
#header_tools a:hover, #header_tools a:active {color:#e2348c; text-decoration:underline}
#ub_header{padding:20px 0 0 0; position:relative; z-index:1}
#ub_header .ub_logo{float:left; width:201px; height:93px; padding-left:25px}
#ub_header .ub_logo img{border:none}
#ub_header .ub_general_banner{float:right; margin:0px 10px}
#ub_header .ub_region{float:right; height:12px; color:#fff; margin:10px 10px; font-size:13px}
#ub_header .ub_region img{display:inline; vertical-align:middle; border:none; margin-bottom:3px}
#ub_header .ub_region a:link, #ub_header .ub_region a:visited, #ub_header .ub_region a:active{color:#fff; text-decoration:none; font-family:Tahoma,Helvetica,mingliu,arial; font-size:0.95em; font-weight:normal }
#ub_header .ub_region a:hover{color:#fff; text-decoration:underline}
#ub_header .ub_search{float:left; width:230px; padding:15px 5px 0 0px}
#ub_header .ub_search input{width:95px; font-family:Tahoma,Helvetica,mingliu,arial; font-size:13px}
#ub_header .ub_search{float:left; width:230px; padding:15px 5px 0 0px; position:relative}
#ub_header .ub_search img{border:none; position:absolute; top:14px; right:4px}
#ub_header .ub_hot{float:left; width:128px; height:46px; padding:2px 0 0 2px; color:#FFF; font-size:13px; background-image:url(../images/hot_bg.jpg); background-repeat:no-repeat}
#ub_header .home_top10_no1{color:#FFF; font-size:13px}
#ub_header .home_top10_no2{color:#fff; font-size:9pt}
#ub_header .ub_facebook{background-image:url(../images/ub_images.jpg); width:19px; height:19px; background-position:0 0; display:inline-block; vertical-align:middle; margin-bottom:2px; text-decoration:none}
#layer_div div{margin-top:0px}
.ub_logo{float:left; width:190px}
.ub_general_banner{float:left}
#personal_t {float: right; width:270px; background: #F9F9F9; padding: 0px 5px 4px 5px!important; margin: 2px 0 0 0; display: inline-block;}
#personal_t div{float:left; margin-top:0.3em}
#personal_t a{position:inherit; display:block; padding:0 1.2em 0 1.2em; z-index:2; overflow:hidden; color:#000; text-decoration:none; background:; border-bottom:1px dotted rgba(0,0,0,0.15); font-size:13px; font-family: 'Droid Sans', "Heiti TC", "LiHei Pro", "微軟正黑體", "WenQuanYi - Micro Hei", "Arial", sans-serif; font-weight:normal;}
#personal_t a:link, #personal_t a:visited{position:inherit; display:block; padding:0 1.2em 0 1.2em; z-index:2; overflow:visible; color:#000; text-decoration:none; background:; border-bottom:none}
#personal_t a:hover{position:inherit; display:block; padding:0 1.2em 0 1.2em; z-index:2; overflow:visible; color:#e2348c; text-decoration:none; background:; border-bottom:none}
#personal_t a:active{position:inherit; display:block; padding:0 1.2em 0 1.2em; z-index:2; overflow:visible; color:#e2348c; text-decoration:none; background:; border-bottom:none}
#searchBarItem, #searchBarKeyword {font-size:13px; font-family:Arial; color:#000;}
#site-header, #ub-footer {padding:0; margin:0 auto; font-size:13px; color:#666666; background:#fff; font-family: arial, mingliu,新細明體;}
#site-header a, #ub-footer a {font-family: 'Droid Sans', "Heiti TC", "LiHei Pro", "微軟正黑體", "WenQuanYi - Micro Hei", "Arial", sans-serif; text-decoration:none; border:0; margin:0; }
#personal_t #myub li {text-align:left; }
#site-header{max-width:1000px; margin:0 auto; background:#fff; }
#site-header a{text-decoration:none; color:#000; font-family:'Droid Sans',"Heiti TC","LiHei Pro","微軟正黑體","WenQuanYi - Micro Hei","Arial",sans-serif}
/* END OF HEADER */

/* NEW FOOTER */
#ub-footer{width:1000px;  margin:0 auto; text-align:left;}
#ub-footer a{text-decoration:none; color:#000; font-family:'Droid Sans',"Heiti TC","LiHei Pro","微軟正黑體","WenQuanYi - Micro Hei","Arial",sans-serif}
#ub-footer h1{font-family:"Yanone Kaffeesatz","LiHei Pro","微軟正黑體","WenQuanYi - Micro Hei","Arial",sans-serif; font-size:28px; letter-spacing:2px; font-weight:700; margin:0; line-height: 34px; color:#111; height:34px; padding: 1px 0px 0px 0px; -webkit-margin-before: 0em; -webkit-margin-after: 0em;}
#ub-footer .cat ul{ list-style-type:none; margin:0; padding:0; line-height: 16px; font-size:13px; }
#ub-footer .item ul{ list-style-type:none; margin:0; padding:0; line-height: 16px; font-size:13px; }
#ub-footer img{display:block; border:none}
#ub-footer a:link,  #ub-footer a:visited{font-size:13px; font-weight:normal;}
#ub-footer a:hover, #ub-footer a:active{font-size:13px; font-weight:normal;}
#ub-footer .top_dotted_line{float:left; border-left:none; border-right:none; border-bottom:none; height:auto; margin-top:1px; width:100%; background: #fff;}
#ub-footer .section_title{float:left; width:100%; margin:0; border-bottom:1px solid #000}
#ub-footer .section_title_r{float:left; width:100%; margin:0}
#ub-footer .copyright{width:960px; margin:0; border-top:solid 1px #ddd; float:left; padding:20px 20px 50px 20px; font-size:13px; color:#000; }
#ub-footer .feature_section{width:100%; float:left}
#ub-footer .vertical_line{border-left:solid #ddd 1px}
#ub-footer .latest_title{margin:5px 10px 10px 10px; float:left; width:256px}
#ub-footer .latest_title a, .latest_title a:visited{color:#E2348C; font-size:18px; font-weight:bold; line-height:16px}
#ub-footer .latest_title a:hover, .latest_title a:active{text-decoration:underline; color:#FFF; font-size:18px; font-weight:bold; line-height:16px}
#ub-footer .feature_title{margin:0 0 2px 0}
#ub-footer .feature_title a, .feature_title a:visited{color:#000; font-size:13px}
#ub-footer .feature_title a:hover, .feature_title a:active{text-decoration:underline; color:#E2348C; font-size:13px}
#ub-footer .img_frame{float:left; padding:2px; margin:10px 10px 0 10px; border:solid 1px #ccc; background:#fff}
#ub-footer .latest_item{width:278px; float:left}
#ub-footer .nav_content{width:960px; float:left; margin:25px 20px}
#ub-footer .other_content{width:535px; float:left; padding:0 0 0 42px}
#ub-footer .item{width:126px; float:left; height:160px; margin-bottom:5px}
#ub-footer .cat{width:105px; float:left; height:160px; margin-bottom:10px}
#ub-footer .info{float:left; margin:5px 10px 0 10px; width:106px; height:35px}
#ub-footer .section_title_bg{float:left; height:25px; margin:0 0 10px 5px}
#ub-footer .section_title_underline{border-bottom:3px solid #000; width:160px; padding:8px 10px 5px 10px; float:left; height:34px; }
#ub-footer .section_title_r2{width:160px; padding:10px 0px 0 10px; float:left}
#ub-footer .section_title_underline a, #ub-footer .section_title_underline .title a:visited{text-decoration:none}
#ub-footer .section_title_underline .title a:hover, #ub-footer .section_title_underline .title a:active{text-decoration:none}
#ub-footer .section_title_gary-bg{background:#333; width:auto; padding:5px 10px 5px 10px; float:left; margin:0 0 0 10px}
#ub-footer .section_title_gary-bg a, #ub-footer .section_title_gary-bg a:visited{text-decoration:none; color:#fff}
#ub-footer .section_title_gary-bg a:hover, #ub-footer .section_title_gary-bg a:active{text-decoration:none; color:#E2348C}
#ub-footer .section_bottom_line{border-bottom:1px solid #ddd; padding-bottom:20px; float:left}
#ub-footer{color:#000; margin:0 auto 20px}
#ub-footer .title{margin-bottom:10px; color:#E2348C; font-size:15px}
#ub-footer .title a, #ub-footer .title a:visited{color:#E2348C; font-size:15px}
#ub-footer .title a:hover, #ub-footer .title a:active{text-decoration:underline; color:#E2348C; font-size:15px}
#ub-footer .channel{ color:#E2348C}
#ub-footer .channel a, #footer .channel a:visited{color:#E2348C}
#ub-footer .channel a:hover, #ub-footer .channel a:active{text-decoration:underline; color:#E2348C}
#ub_footer{margin:0 auto; text-align:left; background:#fff;}
#ub_footer{font-family:Tahoma,Helvetica,mingliu,arial}
#ub_footer .clear{clear:both}
#ub_footer{width:920px; height:550px; padding:30px 40px; background-color:#262525; background-image:url(../images/footer_bg.gif); background-repeat:no-repeat; color:#FFF; font-size:13px; clear:both}
#ub_footer .footer_left_header, #ub_footer .footer_left{float:left; width:370px}
#ub_footer .footer_left li, #ub_footer .footer_right li{float:left; width:100px}
#ub_footer .footer_right_header, #ub_footer .footer_right{float:left; width:550px}
#ub_footer .footer_left_header, #ub_footer .footer_right_header{font-size:23px; font-weight:bold}
#ub_footer .footer_left a:link, #ub_footer .footer_left a:active, #ub_footer .footer_left a:visited, #ub_footer .footer_right a:link, #ub_footer .footer_right a:active, #ub_footer .footer_right a:visited{font-size:13px; color:#fff; line-height:21px; text-decoration:none}
#ub_footer .footer_left a:hover,  #ub_footer .footer_right a:hover{text-decoration:underline}
#ub_footer .footer_line{background-image:url(../images/ub_images.jpg); background-position:-2px -450px; width:936px; height:1px; display:block; margin:10px 0}
#ub_footer .footer_line02{width:10px!important; height:372px}
#ub_footer .footer_sep_line{background-image:url(../images/ub_images.jpg); background-position:-131px -57px; width:1px; height:372px}
#ub_footer .row01{height:180px}
#ub_footer .row02{margin-top:10px}
#ub_footer .cat{color:#e261a4; font-size:15px; padding-bottom:5px}
#ub_footer .footer_logo{width:920px; margin-top:20px}
#ub_footer .footer_logo .logo, #ub_footer .footer_logo .links{float:left}
#ub_footer .footer_logo .logo{padding-right:15px}
#ub_footer .footer_logo .logo img{border:none}
#ub_footer .links{line-height:25px}
#ub_footer .links li a:link, #ub_footer .links li a:visited, #ub_footer .links li a:active{color:#fff; font-size:13px; text-decoration:none}
#ub_footer .links li a:hover{text-decoration:underline}
#ub_footer .section_title {height:50px;}
/* EOF OF FOOTER */