﻿/* Game */

.section_client_dnBox { margin:0; padding:0; }
.section_client_dnBox h4 { margin:1px 0 0 0; padding:0 0 0 17px; font-weight:bold; background:url(https://cdn.rage-sage.com/site/flyff/common/bullet/bullet_h4_title_01.png) no-repeat left top; }
.section_client_dnBox h4.first { margin-top:0px; }
.section_client_dnBox .download_summary { margin:5px 0 0 0; padding:0; font-size:12px; color:#c2bd8e; }
.section_client_dnBox .download_summary strong { font-weight:normal; color:#f2ca11; }

.file_download { margin:28px 0 0 0; padding:0; text-align:center; }
.file_download span { display:block; }
.file_download a.btn_download1 { display:inline-block; padding-right:54px; width:192px; height:62px; background:url(http://simg.gpotato.com/flyff/common/bg/bg_download_btn01.jpg) no-repeat left top; }
.file_download a.btn_download1 span { padding-top:12px; font-weight:bold; font-size:16px; color:#fbf0c2; line-height:20px;
	text-shadow:1px 1px 0 #000000;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#000000, Positive=true);
	zoom:1;
}


.file_download a.btn_download1 span:hover { color:#fce738; }

.file_download a.btn_download2 { display:inline-block; margin:0 4px;padding-right:44px; width:170px; height:54px; background:url(http://simg.gpotato.com/flyff/common/bg/bg_download_btn02.jpg) no-repeat left top; }
.file_download a.btn_download2 span { padding-top:10px; font-weight:normal; font-size:13px; color:#fbf0c2; line-height:18px;
	text-shadow:1px 1px 0 #000000;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#000000, Positive=true);
	zoom:1;
}

.file_download a.btn_download2 span:hover { color:#fce738; }

.requirements { margin:10px 0 0 0; padding:0; border:1px solid #000000; border-top:0px; }
.requirements table { width:100%; border-spacing:0; }
.requirements table thead tr th { padding:10px 5px 9px 5px; border-top:1px solid #93550d; border-bottom:1px solid #643c15; border-left:1px solid #000000; background-color:#37220b; font-size:13px; font-weight:normal; color:#f2ca11; text-align:center; }
.requirements table thead tr th.first { border-left:0px; }
.requirements table tbody tr th { padding:10px 5px 9px 5px; border-top:1px solid #000000; background-color:#332a22; font-size:12px; font-weight:normal; color:#b89e64; text-align:center; }
.requirements table tbody tr td { padding:10px 5px 9px 5px; border-top:1px solid #000000; border-left:1px solid #000000; background-color:#332a22; font-size:12px; color:#b89e64; text-align:center; }
.requirements table tbody tr td textarea { padding:0 7px; font-family:Tahoma; font-size:11px; color:#c2bd8e; border:1px solid #685938; background-color:#261e12; }
.requirements table tbody tr th span { position:absolute; left:0px; top:0px; display:block; height:1px; background-color:#000000; }
.requirements table tbody tr td span { position:absolute; left:0px; top:0px; display:block; height:1px; background-color:#000000; }

/* */
.section_story_Box { margin:0; padding:0; }
.section_story_Box h4 { margin:35px 0 0 0; padding:0 0 0 17px; font-weight:bold; background:url(https://cdn.rage-sage.com/site/flyff/common/bullet/bullet_h4_title_01.png) no-repeat left top; }
.section_story_Box h4.first { margin-top:55px; }

.section_story_Box .imgTitle { margin:10px 0 0 0; padding:0; font-size:15px; font-weight:bold; color:#f2ca11; text-align:center; }

.section_story_Box .text_explan { margin:5px 0 0 0; padding:0; font-size:12px; color:#c2bd8e; line-height:18px; }

/* */
.section_classes_Box { margin:0; padding:0; }
.section_classes_Box .cnts { margin:0; padding:15px 0 0 0; }
.section_classes_Box .text_explan { color:#c2bd8e; }

.section_classes_Box { margin:0; padding:0; }
.section_classes_Box h4 { margin:35px 0 0 0; padding:0 0 0 17px; font-weight:bold; background:url(https://cdn.rage-sage.com/site/flyff/common/bullet/bullet_h4_title_01.png) no-repeat left top; }

.classes_table { margin:30px 0 0 0; padding:0; border:1px solid #000000; border-top:0px; }
.classes_table table { width:100%; border-spacing:0; }
.classes_table table thead tr th { padding:0 17px 0 30px; height:33px; border-top:1px solid #93550d; border-bottom:1px solid #643c15; background-color:#522d08; font-size:13px; font-weight:normal; color:#f2ca11; text-align:center; }
.classes_table table tbody tr th { padding:10px 10px 9px 10px; border-top:1px solid #000000; border-left:1px solid #000000; background-color:#191511; font-size:12px; font-weight:normal; color:#815a30; text-align:center; }
.classes_table table tbody tr td { padding:12px 10px 12px 10px; border-top:1px solid #000000; border-left:1px solid #000000; background-color:#332a22; font-size:12px; color:#c29a61; text-align:center; }

.classes_table table tbody tr th.first { border-left:0px; }
.classes_table table tbody tr td.first { border-left:0px; }

.classes_table table thead tr th.level1 { background-color:#2e1303; }
.classes_table table thead tr th.level15 { background:#2f1b08 url(http://simg.gpotato.com/flyff/game/bg_classes_table_th01.gif) no-repeat left top; }
.classes_table table thead tr th.level60 { background:#3e2307 url(http://simg.gpotato.com/flyff/game/bg_classes_table_th02.gif) no-repeat left top; }
.classes_table table thead tr th.level130_150 { background:#522d08 url(http://simg.gpotato.com/flyff/game/bg_classes_table_th03.gif) no-repeat left top; }

.classes_table table tbody tr td .listbox { position:relative; margin:0; padding:0; width:90px; border:1px solid #423b20; }
.classes_table table tbody tr td .listbox .thumb { margin:0; padding:0; width:90px; height:102px; }
.classes_table table tbody tr td .listbox .bg { position:absolute; left:0px; bottom:0px; width:100%; height:20px; background-color:#190e02; opacity:0.95; -ms-filter: alpha(opacity=95);filter: alpha(opacity=95); }
.classes_table table tbody tr td .listbox .title { position:absolute; left:0px; bottom:0px; margin:0; padding:0; width:100%; height:20px; font-family:Arial, Tahoma, Arial Unicode MS, serif; font-size:13px; color:#c29a61; text-align:center; line-height:20px; overflow:hidden; }
.classes_table table tbody tr td .listbox .title .textcolor1 { color:#ffb300; }
.classes_table table tbody tr td .listbox .title .textcolor2 { color:#ffd400; }
.classes_table table tbody tr td .listbox .title .textcolor3 { color:#fefac8; }

.classes_table table tbody tr td span { display:inline-block; } 

/* */

.acrobat_table { position:relative; margin:30px 0 0 0; padding:0; border:1px solid #000000; border-top:0px; }
.acrobat_table.first { margin-top:0px; }
.acrobat_table table { width:100%; border-spacing:0; }
.acrobat_table table thead tr th { padding:0 18px 0 18px; height:34px; border-top:1px solid #824b0d; border-bottom:1px solid #543311; background-color:#39240d; font-size:15px; font-weight:bold; color:#f2ca11; text-align:left; }
.acrobat_table table tbody tr th { border:0px; border-top:1px solid #000000; background-color:#000000; font-size:12px; font-weight:normal; color:#815a30; text-align:center; vertical-align:top; }
.acrobat_table table tbody tr td { border-top:1px solid #000000; border-left:1px solid #000000; background-color:#251e17; font-size:12px; color:#c29a61; vertical-align:top; }
.acrobat_table table tbody tr td.bdNone { border:0px; padding:0;}

.acrobat_table table tbody tr td .text_summary { margin:0; padding:3px; font-size:12px; color:#c2bd8e; line-height:18px; }
.acrobat_table table tbody tr td .text_summary.noneScroll { padding:20px 23px; }
.acrobat_table table tbody tr td .text_summary .scroll { margin-top:3px; margin-right:-2px; height:278px; overflow-x:hidden; overflow-y:scroll;
		SCROLLBAR-3DLIGHT-COLOR: #261f18;
		SCROLLBAR-ARROW-COLOR: #19150f;
		SCROLLBAR-TRACK-COLOR: #261f18;
		SCROLLBAR-DARKSHADOW-COLOR: #261f18;
		SCROLLBAR-FACE-COLOR: #615d42;
		SCROLLBAR-HIGHLIGHT-COLOR: #615d42;
		SCROLLBAR-SHADOW-COLOR: #261f18;
}
.acrobat_table table tbody tr td .text_summary .text_scroll { margin:0; padding:18px 21px 18px 21px !important;  font-size:12px; color:#c2bd8e; line-height:18px; }
}
.acrobat_table table thead tr th .textcolor1 { color:#f2ca11; }

.pageTop { position:absolute; right:5px; bottom:100px; z-index:100 }
.pageTop .bgbox { margin:0; padding:8px 0 0 0; width:48px; height:20px; background:url(http://simg.gpotato.com/flyff/common/bg/bg_top.gif) no-repeat left top; text-align:center; }
.pageTop .bgbox a { padding-right:10px; font-family:Tahoma; font-size:11px; color:#2e1306; background:url(http://simg.gpotato.com/flyff/common/bullet/bg_bullet_arrow_up.gif) no-repeat right 6px; }
.pageTop .bgbox a:hover { color:#2e1306; }

.sub_jobClass { margin:0; padding:0; }
.sub_jobClass ul { margin:0; padding:0; list-style:none; }
.sub_jobClass ul li { float:left; margin:0; padding:0; border-left:1px solid #000000; }
.sub_jobClass ul li.first { border-left:0px; }
.sub_jobClass ul:after { content:""; display:block; clear:both; }

.sub_jobClass ul li h4 { margin:0; padding:0; height:30px; font-family:Arial; font-size:12px; font-weight:normal; color:#815a30; border-bottom:1px solid #000000; background:#16120e none; text-align:center; line-height:30px; }

.jobClass { margin:0; padding:14px 12px 14px 12px; width:182px; border-bottom:1px solid #000000; overflow:hidden; }
.jobClass span { display:inline-block; }
.jobClass .listbox { position:relative; margin:0; padding:0; width:81px; border:1px solid #423b20; }
.jobClass .listbox .thumb { margin:0; padding:0; width:81px; height:92px; }
.jobClass .listbox .bg { position:absolute; left:0px; bottom:0px; width:100%; height:17px; background-color:#190e02; opacity:0.95; -ms-filter: alpha(opacity=95);filter: alpha(opacity=95); }
.jobClass .listbox .title { position:absolute; left:0px; bottom:0px; margin:0; padding:0; width:100%; height:17px; font-family:Arial, Tahoma, Arial Unicode MS, serif; font-size:11px; color:#c29a61; text-align:center; line-height:17px; overflow:hidden; }
.jobClass a { position:relative; display:inline-block; }
.jobClass a .on { position:absolute; left:0px; top:0px; display:block; width:83px; height:94px; background:url(http://simg.gpotato.com/flyff/game/bg_frame_overLine.gif) no-repeat left top; z-index:10; }

/* */
.skill_table { margin:10px 0 0 0; padding:0; border:1px solid #000000; border-top:0px; }
.skill_table table { width:100%; border-spacing:0; }
.skill_table table thead tr th { padding:10px 5px 9px 5px; border-top:1px solid #93550d; border-bottom:1px solid #643c15; border-left:1px solid #000000; background-color:#37220b; font-size:13px; font-weight:normal; color:#f2ca11; text-align:center; }
.skill_table table thead tr th.first { border-left:0px; }
.skill_table table tbody tr th { padding:10px 5px 9px 5px; border-top:1px solid #000000; background-color:#332a22; font-size:12px; font-weight:normal; color:#b89e64; text-align:center; }
.skill_table table tbody tr td { padding:13px 5px 11px 5px; border-top:1px solid #000000; border-left:1px solid #000000; background-color:#332a22; font-size:12px; color:#b89e64; text-align:center; }
.skill_table table tbody tr td .pic { display:inline-block; width:26px; height:26px; border:1px solid #f1aa00; }
.skill_table table tbody tr td .pic img { border:1px solid #1e1400; }
.skill_table table thead tr th.first { border-left:0px; }
.skill_table table tbody tr td.first { border-left:0px; }
