@charset "utf-8";
/* CSS Document */
	body{margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-color:#00A8E2; font-size:15px; font-family: Arial, 微軟正黑體, Microsoft JhengHei, Arial; color:#000;} 
	
	/* main frame */
	.main_frame{width:100%; background-color:#00A8E2;}
	
	/* main content */
	.main_container{width: 1024px; margin-left:auto; margin-right:auto;}
	.main_container .logo{top: 10px; left: 15px;}
	
	/* top menu */
	.top_menu_frame{width: 100%; background:url(images/top_menu_bg.png); height:41px; z-index:100;}
	.top_menu_frame .top_menu_sub_frame{ margin-left: 140px;}
	.top_menu_frame  .item{margin-top: 11px; margin-left: 10px; margin-right: 10px; font-size: 16px;}
	.top_menu_frame  .item_lang{margin-top: 11px; margin-left: 10px; margin-right: 10px;}
	
	/* content */
	.main_content_frame{background:url(images/bg.png); /*height: 300px;*/ width:100%;}
	.main_content_frame .shadow{background:url(images/top_menu_shadow.png); width: 100%; height: 12px;}
	.main_content_frame .left_content{margin-left: 36px; width: 605px;}
	.main_content_frame .left_content .text{line-height: 22px;}
	.main_content_frame .left_content .content_point{ margin-left: -20px;}
	
	.main_content_frame .left_content .race_info_frame{ height: 185px; overflow:hidden;}
	.main_content_frame .left_content .race_info_frame .index_content_frame{ padding-left: 20px; padding-top: 5px; padding-bottom: 20px; padding-right: 10px; width: 283px;}
	.main_content_frame .left_content .race_info_frame .index_content_frame .title{ color:#00b996; width: 60px; font-weight: bold; padding-bottom: 6px;}
	.main_content_frame .left_content .race_info_frame .index_content_frame .content{padding-bottom: 6px; width: 217px;}
	
	
	.main_content_frame .right_content{margin-left: 45px; width: 309px;}
	.main_content_frame .right_content .counter_frame{top: 16px; left: 50px;}
	.main_content_frame .right_content .counter_frame .counter_text_1{ }
	.main_content_frame .right_content .counter_frame .counter_text_2{margin-top: -20px;margin-left: 5px;margin-right: 5px;}
	.main_content_frame .right_content .counter_frame .counter_text_3{margin-bottom: -37px;}
	
	.main_content_frame .right_content .news_frame{width: 309px;}
	.main_content_frame .right_content .news_frame .image_frame{width: 87px; height: 87px; overflow:hidden; margin-right: 10px;}
	.main_content_frame .right_content .news_frame .content{width: 210px;}
	
	/* main content */
	.main_content_frame .content_frame{margin-left: 36px; padding-right: 36px; }
	.main_content_frame .content_frame .header_title{ font-size: 20px; font-weight:bold;}
	
	
	/* racer content */
	.main_content_frame .content_frame .racer_frame{height:237px;}
	.main_content_frame .content_frame .line{height: 237px; border-right: 2px #00b996 solid;}
	
	.main_content_frame .content_frame .profile_frame{}
	.main_content_frame .content_frame .profile_frame .profile_img{border-left: 9px #00b996 solid; border-right: 2px #00b996 solid}
	
	.main_content_frame .content_frame .title_frame{width: 228px; font-size: 14px;}
	.main_content_frame .content_frame .title_frame .item{padding-left: 10px; padding-top: 3px; padding-bottom: 2px;}
		
	.main_content_frame .content_frame .detail_content_frame{width: 534px; font-size: 14px;}
	.main_content_frame .content_frame .detail_content_frame .item{padding-left: 10px; padding-top: 3px; padding-bottom: 2px;}
	
	/* news content */
	.main_content_frame .content_frame .news_main_frame{}
	.main_content_frame .content_frame .news_main_frame .new_image{width: 463px;}
	
	.main_content_frame .content_frame .news_main_frame .new_content{width: 439px; padding-left: 40px;}
	
	/* common content */
	.main_content_frame .content_frame .table_frame{ border: 1px #666 solid; width: 402px;}
	.main_content_frame .content_frame .table_frame .td{width: 190px; padding: 5px;}
	
	.main_content_frame .content_frame .full_table_frame{border: 1px #666 solid; width: 952px;}
	.main_content_frame .content_frame .full_table_frame .tb_title{width: 120px; padding:10px;}
	.main_content_frame .content_frame .full_table_frame .tb_content{/*width: 792px;*/ padding:10px;}
	
	.main_content_frame .content_frame .sponsor_section{width: 33%;}
	
	/* footer frame */
	.footer_frame{width:100%; background:url(images/footer/bg.png); height: 61px;}
	.footer_frame .footer_icon{margin-top: 15px; margin-left: 10px;}
	.footer_frame .footer_subframe{margin-right: 25px;}
	.footer_frame .footer_subframe .social_item{margin-top: 20px; margin-left: 10px;}

	/* common style */
	.paging_frame{width: 100%}
	.paging_frame .paging{width: 20px; height: 20px; padding-top: 0px; color:#FFF; display: table; margin: 0 auto; border: 1px #333 solid; text-align:center; display: inline-block; font-size:15px; background-color: #3399cc; margin-right: 5px;}
	.paging_frame .paging_over{width: 20px; height:20px; padding-top: 0px; color:#FFF; display: table; margin: 0 auto; border: 1px #333 solid; text-align:center; display: inline-block; font-size:15px; background-color: #f8b62c; margin-right: 5px;}
	.paging_frame .paging_no_bg{width: 20px; height: 20px; padding-top: 0px; color:#FFF; display: table; margin: 0 auto; text-align:center; display: inline-block; font-size:15px; margin-right: 5px;}
	.paging_frame .paging_no_bg img{margin-top: -7px;}
	
	.left{float:left;}
	.right{float:right;}

	.input-text-comment {
		width: 645px;
		height: 48px;
		padding: 5px;
		border: 1px solid #CFCFCC;
		line-height: 18px;
		background-color: #F9FFFF;
		resize: none;
	}
	.white_line{border-bottom: 1px #FFF solid; width:100%}
	.green_border{border: 1px #00b996 solid;}
	.green_border_2px{border: 2px #00b996 solid;}
	.green_left_border_9px{border-right: 9px #00b996 solid;}
	.green_right_border_9px{border-left: 9px #00b996 solid;}
	.green_bottom_border{border-bottom: 1px #00b996 solid;}
	
	.white_border{border: 1px #FFF solid;}
	.grey_border{border: 1px #bababa solid;}
	.grey_dot_border{border: 1px #bababa dotted;}
	.grey_bottom_border{border-bottom: 1px #bababa solid;}
	.white_radius_border{border: 1px #FFF solid; border-radius: 5px;}
	.radius_border{border-radius: 5px;}
	
	.green_font{color:#00b996;}
	.blue_font{color:#3399cc;}
	.white_font{color:#FFF;}
	.black_font{color:#000;}
	.light_red_font{color:#ff4747;}
	.deep_red_font{color: #ad0a0a;}
	.red_font{color: #f10000;}
	.dark_red_font{color:#e70f0f;}
	.grey_font{color: #212121;}
	.light_grey_font{color:#999;}
	.brown_font{color: #663503;}
	.orange_color{color:#f68428;}
	
	.dark_blue_gb_color{background-color:#194f6a;}
	.blue_bg_color{background-color: #3399cc;}
	
	.green_bg_color{background-color: #1ac0a1;}
	.dark_green_bg_color{background-color:#a6e7da;}
	.light_green_bg_color{background-color:#d9f5ef;}
	
	.light_grey_bg_color{background-color: #f6f6f6;}
	.grey_bg_color{background-color:#212121;}
	.white_bg_color{background-color:#FFF;}
	.orange_bg_color{background-color:#FF8C17;} /*#eca818;}*/
	.pink_bg_color{background-color:#fe7f8a;}
	
	.size_9{font-size: 9px; -webkit-transform : scale(0.75); -o-transform : scale(1);}
	.size_10{font-size: 10px; -webkit-transform : scale(0.83); -o-transform : scale(1);}
	.size_11{font-size: 11px; -webkit-transform : scale(0.92); -o-transform : scale(1);}
	.size_12{font-size: 12px;}
	.size_13{font-size: 13px;}
	.size_14{font-size: 14px;}
	.size_15{font-size: 15px;}
	.size_16{font-size: 16px;}
	.size_17{font-size: 17px;}
	.size_18{font-size: 18px;}
	.size_19{font-size: 18px;}
	.size_20{font-size: 20px;}
	.size_22{font-size: 22px;}
	.size_24{font-size: 24px;}
	.size_25{font-size: 25px;}
	.size_30{font-size: 30px;}
	.size_32{font-size: 32px;}
	.size_35{font-size: 35px;}
	.size_36{font-size: 36px;}
	.size_45{font-size: 45px;}
	.size_55{font-size: 55px;}
	.size_60{font-size: 60px;}
	.size_62{font-size: 62px;}
	
	.m_font{font-family: Microsoft JhengHei, "微軟正黑體", LiHei Pro, "儷黑體", PMingLiu, "新細明體", Arial, sans-serif;}
	.o_font{font-family: 'Oswald', Microsoft JhengHei, "微軟正黑體", LiHei Pro, "儷黑體", PMingLiu, "新細明體", Arial, sans-serif;}
	.a_font{font-family: Arial, Helvetica, sans-serif;}
	.n_font{font-family: "新細明體", Arial, sans-serif;}
	
	.bold{font-weight:bold;}
	.normal{font-weight:normal;}
	
	.underline{text-decoration:underline;}
	.df_height{height: 10px;}
	.dfs_height{height: 5px;}
	.clear{clear:both;}

	.paging {
		width: 100%;
		height: 38px;
		/*float: right;*/
	}
	.paging_box {
		margin-right: 0.5%;
		padding: 2px 6px;
		/*float: right;*/
		display: inline-block;
		border: 1px solid #e5e5e5;
	}
	
	input {
		border: 1px solid #BBBBBB;
		background: #fff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	.image_btn{border: 0px;}
	
	textarea {
		border: 1px solid #BBBBBB;
		background: #fff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	
	.normal_input {
		background: none;
	}
	
	.long_input {width: 400px; height: 25px; padding-left: 10px;}
	.search_input {width: 100px; height: 25px; padding-left: 10px;}
	.edm_input {width: 260px; height: 21px; padding-left: 10px;}
	
	.normal_padding{padding: 10px;}
	.padding_13{padding: 13px;}
	.small_padding{padding: 5px;}
	.left_margin{margin-left: 5px;}
	.right_margin{margin-right: 5px;}
	.top_margin{margin-top: 10px;}
	
	.tre_font{font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; }
	
	a{color:inherit; text-decoration:none; outline: none;}
	a:hover{color:inherit; text-decoration:none; outline: none;} /* font-weight:bold; */
	
	img{border: 0px;}
	
	h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; /*font-size:inherit; font-weight:normal;*/ }	
	
	button:focus { outline:0 !important; }
	input:focus { outline:0 !important; }
	span:focus { outline:0 !important; }
	
	.show{display:block;}
	.hidden{display:none;}	
	.overflow{overflow:hidden;}	
	.relative{position:relative;}
	.absolute{position:absolute;}
	
	.icon_weather:before {
		font-family: 'MeteoconsRegular';
		content: attr(data-icon);
	}
	
	form{margin: 0px;}
	
	/* for datepicker */
	input::-webkit-outer-spin-button, /* Removes arrows */
	input::-webkit-inner-spin-button, /* Removes arrows */
	input::-webkit-clear-button { /* Removes blue cross */
	  -webkit-appearance: none;
	  margin: 0;
	}

	/* end common style */