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

#ub_header a, #ub_header abbr, #ub_header acronym, #ub_header address, #ub_header big, #ub_header cite, #ub_header code,
del, #ub_header dfn, #ub_header em, #ub_header img, #ub_header ins, #ub_header kbd, #ub_header q, #ub_header s, #ub_header samp,
small, #ub_header strike, #ub_header strong, #ub_header sub, #ub_header sup, #ub_header tt, #ub_header var,
fieldset, #ub_header form, #ub_header label, #ub_header legend,
article, #ub_header aside, #ub_header canvas, #ub_header details, #ub_header embed, #ub_header 
figure, #ub_header figcaption, #ub_header footer, #ub_header header, #ub_header hgroup, #ub_header 
menu, #ub_header nav, #ub_header output, #ub_header ruby, #ub_header section, #ub_header summary,
time, #ub_header mark, #ub_header audio, #ub_header video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* SOF NAV BAR*/
.flexnav.opacity{}
.flexnav.show{max-height:2000px; opacity:1; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
.flexnav.one-page{position:fixed; top:50px; right:5%; max-width:200px}
.flexnav li{font-size:100%; position:relative; overflow:hidden; padding-top:0.2em; text-align:left}
.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; padding:0 0.5em 0.5em 0.5em; 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; padding:0 0.5em 0.5em 0.5em; z-index:2; overflow:visible; color:#E2348C; text-decoration:none; font-family:'Droid Sans',sans-serif; ; font-weight:400; text-decoration:none!important}
.flexnav li a:active{border:0px solid red; position:relative; display:block;  z-index:2; overflow:visible; color:#e2348c; text-decoration:none; font-family:'Droid Sans',sans-serif; font-weight:400; text-decoration:none!important}
.flexnav li ul{width:auto; border:2px solid #ddd}
.flexnav li ul li{font-size:100%; position:relative; overflow:visible}
.flexnav li ul.show li{overflow:visible; padding-right:0px}
.flexnav li ul li a{display:block; font-size:13px}
.flexnav ul li ul li a{}
.flexnav ul li ul li ul li a{background:#cbcbc9}
.flexnav .touch-button{position:absolute; z-index:999; top:6px; top:3px; right:4px; right:2px; width:15px;  height:25px; display:inline-block;  text-align:center}
.flexnav .touch-button:hover{cursor:pointer}
.flexnav .touch-button .navicon{position:relative; font-size:12px; color:#ddd; font-style:normal}
.flexnav .separator{float:left; width:1px; height:10px; right:0; border-right:1px solid #ddd; margin-top:7px}
.menu-button{position:relative; display:block; padding:1.2em; color:#E2348C; cursor:pointer; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin:0; font-size:16px;  font-family:'Droid Sans',sans-serif; ; font-weight:700}
.menu-button.one-page{position:fixed; top:0; right:5%; padding-right:45px}
.menu-button .touch-button{background:transparent; position:absolute; z-index:999; top:0; right:0; width:50px; height:50px; display:inline-block; text-align:center}
.menu-button .touch-button .navicon{font-size:15px; position:relative; top:1.2em; color:#000}
.oldie body.one-page{padding-top:70px}
.oldie .flexnav{overflow:visible; display:inline-block}
.oldie .flexnav.one-page{top:0; right:auto; max-width:1000px}
.oldie .flexnav li{position:relative; list-style:none; float:left; display:block; width:auto; padding:0.2em 0.8em; min-height:25px; overflow:visible;  border:0px solid yellow}
.oldie .flexnav li:hover>ul{display:block; width:120px; overflow:visible}
.oldie .flexnav li:hover>ul li{width:120px; float:none; display:table}
.oldie .flexnav li a{float:left; border-bottom:none; overflow:visible; text-decoration:none}
.oldie .flexnav li>ul{padding:0 10px 0 0; background:#fff; position:absolute; top:25px; left:0; display:none; z-index:1; overflow:visible}
.oldie .flexnav li ul li ul{top:0}
.oldie .flexnav li ul li a{border-bottom:none}
.oldie .flexnav li ul.open{display:block; width:120px; overflow:visible}
.oldie .flexnav li ul.open li{width:120px; display:table}
.oldie .flexnav li ul.open li a{width:120px; display:table}
.oldie .flexnav li ul.open ul.open{margin-left:100%; top:0; display:block; width:120px; overflow:visible}
.oldie .flexnav ul li:hover ul{margin-left:100%; top:0}
.oldie .menu-button{display:none}
.oldie.ie7 .flexnav .separator{ position:absolute; height:10px; right:0; border-right:1px solid #ddd; margin-top:7px}
@media all and (min-width:800px){body.one-page{padding-top:70px}
.flexnav{overflow:visible}
.flexnav.opacity{opacity:1}
.flexnav.one-page{top:0; right:auto; max-width:1000px}
.flexnav li{position:relative; list-style:none; float:left; display:block; width:auto; padding:0.3em 0.7em 0.2em; overflow:visible}
.flexnav li a{border-bottom:none; color:#000}
.flexnav li>ul{position:absolute; top:auto; left:0; padding:0 10px 0 0; background:#fff; width:120px}
.flexnav li>ul li{width:120px}
.flexnav li ul li>ul{margin-left:100%; top:0}
.flexnav li ul li a{border-bottom:none}
.flexnav li ul.open{display:block; opacity:1; visibility:visible; z-index:1}
.flexnav li ul.open li{overflow:visible; max-height:100px}
.flexnav li ul.open ul.open{margin-left:100%; top:0}
.menu-button{display:none}
}
/* EOF NAV BAR*/

/* START OF HEADER */
#ub_header_container{padding:0; margin:0; height:auto; background-color:#262525; background-image:url(../images/forum_nav_bg.gif); background-repeat:repeat-x; background-position:bottom}
#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}
.ub_topnav{background-image:url(../images/nav_bg.gif); width:1000px; height:53px; background-repeat:repeat-x; text-align:left; margin-top:20px}
.ub_menu{    float:left;     width:620px;     padding:0 0 0 10px}
#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_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; text-align:left}
#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}
#site-header {
	width: 1000px;
	margin: auto;
}
#site-header .ub-login-main {
	width: 1000px;
}
#site-header .ub-login-main ul {
	float: right;
}
#site-header a:hover, #ub-footer a:hover{text-decoration:underline; color:#E2348C}
#header_tools{margin:10px 10px 0px 0; height:25px; max-width:1000px; text-align:right}
#header_tools a{color:#000}
#header_tools a:hover{text-decoration:underline; color:#E2348C}
#logo_wrapper{display:inline-block; width:100%; min-height:100px; height:100px; max-width:1000px; min-width:950px; overflow:hidden;}
#logo_wrapper #ub_logo{float:left; width:190px; height:90px; max-height:100px; padding-left:25px; overflow:hidden;}
#logo_wrapper #ub_general_banner{float:right; max-width:728px; max-height:90px; overflow:hidden}
#ub-nav{display:inline-block; width:100%; max-width:1000px; min-width:950px; border-bottom:1px #BFBFBF solid}
#site-header #personal_t a:active{ padding:0 1.2em 0 1.2em}
#searchBarKeyword{color:#ccc; line-height:18px; font-size:small; border:0;}
.menu-bar{margin:0 auto; max-width:1000px; min-width:300px; min-height:30px; height:30px; border-top:none}
.header_separator{width:100%; 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}
#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}
#header_search a{color:#000; text-decoration:none; font-size:13px}
#header_search a:link, #header_search a:visited{color:#000; text-decoration:none; border:0; }
#header_search a:hover{color:#e2348c; text-decoration:none; border:0; }
#header_search a:active{color:#e2348c; text-decoration:none; border:0; }
#header_search .ub_search_bg img {border:0;}
#personal_t div{float:left; margin-top:0.3em}
#personal_t div a{position:relative; display:block; padding:0 1.2em 0 1.2em; z-index:2; overflow:hidden; color:#000; text-decoration:none; border-bottom:0px dotted rgba(0,0,0,0.15); font-size:13px; font-family:'Droid Sans',"Heiti TC","LiHei Pro","微軟正黑體","WenQuanYi - Micro Hei","Arial",sans-serif}
#personal_t div a:hover{position:relative; display:block; padding:0 1.2em 0 1.2em; z-index:2; overflow:visible; color:#e2348c; text-decoration:none; border-bottom:none}
#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}
#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}
#searchBarKeyword {color:#ccc; line-height:18px; font-size:small;}
#searchBarItem, #searchBarKeyword {font-size:13px; font-family:Arial; color:#000;}
#myub {margin:0; padding:0;}
#myub ul li a  { position: inherit; display: block; padding: 0 1em 0 1em!important; text-align:left;}
/* END OF HEADER */

/* START OF FOOTER */
#ub-footer {padding:0; margin:0 auto; font-size:13px; color:#000; background:#fff; font-family: arial, mingliu,新細明體; text-align: left;}
#ub-footer a {font-family: 'Droid Sans', "Heiti TC", "LiHei Pro", "微軟正黑體", "WenQuanYi - Micro Hei", "Arial", sans-serif; text-decoration:none; border:0; margin:0; }
#ub-footer a:link,  #ub-footer a:visited{font-size:13px}
#ub-footer a:hover, #ub-footer a:active{font-size:13px}
#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}
#ub-footer ul{list-style:none; padding:0; margin:0}
#ub-footer li{list-style:none; font-size:13px;  line-height:16px; font-family: arial, mingliu,新細明體; }
#ub-footer img{display:block; border:none}
#ub-footer .top_dotted_line { float:left; border-left:none; border-right:none; border-bottom:none; height:auto; margin-top:1px; width:100%; padding-top:20px; }
#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 .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}
#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 .copyright{ float:left; width:960px; border-top:solid 1px #ddd; margin:0; font-size:13px; background-color:#fff; padding: 20px 20px 50px 20px; color:#000; height:auto; text-align:left;}
#ub-footer .copyright a, #index_footer .copyright a:visited, #index_footer .copyright a:hover{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 0 0 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_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 .channel { color:#E2348C;}
/* START OF FOOTER */

#searchbox_wrapper {border: 1px solid #F9F9F9; float: left; height: 22px; background:#fff; }