﻿@charset "utf-8";
/* CSS Document */


ul, ol { list-style:none; margin:0; padding:0; }
li { vertical-align:top; }

h1, h2, h3, h4, p { padding:0; margin:0; }

img { border:none; }

input { padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; vertical-align:top; }

.noSelect { user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }

/*-------------------------------------------------------------------------------------*/
/* Main Lang Format */

.en_format { font-family:'Lato', Arial, Helvetica, sans-serif; }

.tc_format { font-family:"Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif; }

/*-------------------------------------------------------------------------------------*/
/* cjselectbox.js css */

select { height:18px; background-color:#f6f6f6; }
.cjbox_select { display:inline-block; zoom:1; *display:inline; vertical-align:middle; position:relative; color:#000000; font-weight:normal; text-align:left; }
.cjbox_select .head { width:100%; height:24px; line-height:24px; background-color:#fbfafa; }
.cjbox_select .selected { padding:3px 10px; }
.cjbox_select .triangle { float:right; width:20px; height:24px; line-height:24px; text-align:center; font-size:12px; cursor:pointer; }
.cjbox_select .select_list { position:absolute; left:0px; top:24px; z-index:200; width:100%; background-color:#fbfafa; }
.cjbox_select .select_list .scrollbar { position:absolute; right:0px; top:0px; z-index:20; width:20px; background-color:#f6f6f6; box-shadow:inset 0 0 6px rgba(0,0,0,0.1); }
.cjbox_select .select_list .thumb { width:10px; height:20px; cursor:pointer; overflow:hidden; position:absolute; top:0px; right:5px; background:#666666; }
.cjbox_select .select_list .thumb .end { overflow:hidden; width:12px; height:7px; background:#666666; }
.cjbox_select .select_list .disable { display:none; }
.cjbox_select .select_list .viewport { width:100% !important; height:200px; overflow:hidden; position:relative; }
.cjbox_select .select_list .overview { list-style:none; position:absolute; left:0; top:0; padding:0; margin:0; width:100%; }
.cjbox_select .select_list .overview ul { list-style:none; padding:0; margin:0; }
.cjbox_select .select_list .overview .option { background-image:none; padding:3px 29px 3px 10px; line-height:16px; cursor:pointer; margin-top:1px; }
.cjbox_select .select_list .overview .disabled { display:none; }

/* ---------------- clear fix ---------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 





/*-------------------------------------------------------------------------------------*/
/* ONLINE FORM */

.form_content_area { margin-left:27px; margin-right:8px; padding-bottom:25px; }

.contact_us_area { float:left; width:460px; min-height:500px; padding-top:24px;}
.contact_us_area .contact_us_tab { height:21px; padding-bottom:4px; margin-bottom:24px; background:url(img/contact_us_tab_line.png) no-repeat right bottom; background-clip:border-box; text-align:center; }
.contact_us_area .contact_us_tab li { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:14px; padding:0 4px; border-left:1px solid #d6271d; outline:none; }
/* .contact_us_area .contact_us_tab li:first-child { border-left:none; } */
.contact_us_area .contact_us_tab li:first-child { border:none; }
.contact_us_area .contact_us_tab li a { display:block; font-size:16px; line-height:14px; color:#000000; transition:all 0.2s ease; position:relative; }
.contact_us_area .contact_us_tab li.ui-tabs-active a, 
.contact_us_area .contact_us_tab li a:hover { color:#cc0000; }
.contact_us_area .contact_us_tab li.ui-tabs-active a:after { content:""; position:absolute; left:45%; bottom:-22px; width:0; height:0; border-style:solid; border-width:7px 6px 0 6px; border-color:#cc0000 transparent transparent transparent; }
.contact_us_area .message{color:#990000;font-size:22px;text-align:center}
.contact_us_area .message p{padding-bottom:10px}
.contact_us_area .contact_us_title { display:none; width:100%; min-height:24px; padding:5px 0; margin-top:20px; border-bottom:1px dotted #cc3333; background:url(img/country_title_bg.png) no-repeat center top; text-align:center; font-size:18px; color:#a3140c; font-weight:bold; line-height:26px; }
.contact_us_area .contact_us_box { padding:12px 8px; border-top:1px dashed #cc0000; font-size:14px; line-height:20px; }
.contact_us_area .contact_us_box:first-child { border-top:none; }
.contact_us_area .contact_us_box table { width:auto; padding-top:10px; }
.contact_us_area .contact_us_box table td { }
.contact_us_area .contact_us_box table td:first-child { width:140px; }
.contact_us_area .contact_us_box iframe { width:100%; height:250px; padding-top:10px; }

.form_area { float:right; width:440px; margin-right:20px; margin-top:16px; }
.form_area .title_area { background-position:center bottom !important; }
.form_area .form { padding:16px 14px 16px 17px; margin-top:20px; border:1px solid #999999; background-color:#ffffff; font-size:14px; }
.form_area .form_section { padding-top:20px; }
.form_area .form_section:first-child { padding-top:0px; }
.form_area .form_title { padding:0 8px 6px 8px; border-bottom:1px solid #cc0000; font-size:16px; color:#cc0000; line-height:18px; }
.form_area .form_row { width:100%; padding:12px 8px 0 8px; box-sizing:border-box; }
.form_area .form_row span { float:left; display:block; width:65%; padding-bottom:10px; }
.form_area .form_row span:first-child { width:130px; line-height:24px; }
.form_area .form_remark span { float:none; width:100%; }
.form_area .form_remark span:first-child { width:100%; }
.form_area .form_btn { padding-top:10px; text-align:center; }
.form_area .form_btn input[type=submit] { display:inline-block; width:95px; height:28px; background-color:#c4190f; border:none; border-radius:4px; font-size:16px; color:#ffffff; font-weight:bold; line-height:28px; text-align:center; transition:all 0.2s ease; cursor:pointer; }
.form_area .form_btn input[type=submit]:hover { background-color:#959595; }

.form_area .form_row select { width:100%; height:24px; background-color:#ffffff; box-sizing:border-box; }
.form_area .form_row select.select_year { width:40%; }
.form_area .form_row select.select_month { width:20%; }
.form_area .form_row select.select_day { width:20%; }
.form_area .form_row .cjbox_select { color:#333333; font-size:12px; margin-left:8px; }
.form_area .form_row .cjbox_select .selected { padding:2px 10px; }
.form_area .form_row .cjbox_select .triangle { font-size:18px; font-family:'FontAwesome'; color:#cc0000; }
.form_area .form_row .cjbox_select .triangle:before { content:"\f0d7"; }

.form_area .form_row input[type=text], .form_area .form_row input[type=email] { width:100%; height:24px; padding:2px 10px; box-sizing:border-box; }
.form_area .form_row input[type=text]#bk_time_start,#bk_time_end{ width:100px;}
.form_area .form_row input[type=text]#other_country { width:72px; margin-left:8px; margin-right:-18px; }
.form_area .form_row input[type=radio], 
.form_area .form_row input[type=checkbox] { display:none; }
.form_area .form_row textarea{width:300px;height:100px}

.form_area .form_row label { display:inline-block; zoom:1; *display:inline; vertical-align:top; min-width:40%; padding-left:17px; margin-right:18px; margin-bottom:8px; box-sizing:border-box; cursor:pointer; }
.form_area .form_row label:before { content:"\f096"; display:inline-block; width:17px; margin-left:-17px; font-size:16px; vertical-align:middle; }
.form_area .form_row input[type=checkbox].active+label:before { content:"\f046"; }

.form_area .form_remark label { min-width:28%; }
/*-------------------------------------------------------------------------------------*/
/* Ranking */
.ranking_content{padding-top:30px;padding-bottom:30px}
.ranking_content .ranking_table caption{padding-bottom:10px}
.ranking_content .ranking_table th{font-size:20px}
.ranking_content .ranking_table {margin:auto;text-align:center;width:80%;border-collapse: collapse}
.ranking_content .ranking_table td, .ranking_table th{border:1px solid black}
/*-------------------------------------------------------------------------------------*/


