body { background-color:#f1f1f1; }
img { max-width:100%; }

.tbl { display:table; }
.tbl > div { display:table-cell;vertical-align:middle; }
.left_align { text-align:left; }
.center_sec { width:100%;max-width:1200px;margin:0px auto; }

.right-font-size {font-size:14px;}

#top_header { padding:7px 10px;background-color:#70ab1c;color:#fff;font-size:9pt; }
#top_header a { padding:0px 10px;color:#fff;border-left:1px solid rgba(255,255,255,0.2);display:inline-block; }
#top_header a:last-child { border-style:none; }

#header { padding:20px 0px;background-color:#f4f4f4; }
#header div.left_align { direction:ltr; }
#logo_sec > span { font-size:18pt;font-weight:600;display:block }

#search_spc { width:250px;height:35px;border-radius:25px;background-color:#fff;direction:rtl;border:1px solid #ddd; }
#search_spc > div:nth-child(1) { width:215px;height:35px;float:right;text-align:center; }
#search_spc > div:nth-child(1) input { width:185px;height:35px;border-style:none;outline-style:none;background:none;padding:0px 15px; }
#search_spc > div:nth-child(2) { width:35px;height:35px;line-height:35px;float:left;text-align:center; }
#search_spc > div:nth-child(2) img { vertical-align:middle;height:15px;cursor:pointer; }

#menu { background-image:url('images/bg.jpg');background-size:100% auto;background-position:center center;box-shadow:0px 1px 3px rgba(0,0,0,0.4); }
.menu_item { display:inline-block;padding:25px 0px;position:relative;height:25px;line-height:25px;margin-left:0px; }
.menu_item > a { padding:4px 15px;color:#fff;font-size:11pt;border:1px solid rgba(0,0,0,0);border-radius:15px; }
.menu_item:hover > a { border-color:rgba(255,255,255,0.4);background-color:rgba(255,255,255,0.2); }
.menu_item > div { position:absolute;right:0px;top:75px;width:200px;height:auto;background-color:#0a2870;display:none;padding:10px;z-index:+10; }
.menu_item:hover > div { display:block; }
.menu_item > div a { display:block;text-align:right;color:rgba(255,255,255,0.6);font-size:11pt;padding:3px 10px; }
.menu_item > div a:hover { background-color:rgba(255,255,255,0.1);color:#fff; }

#menu_item_resp { line-height:25px;text-align:center;position:relative;display:none; }
#menu_item_resp > span { display:inline-block;margin:20px 0px;width:35px;height:35px;background-image:url('images/menu.png');background-size:100% auto; }
#menu_item_resp > div { position:absolute;left:0px;top:75px;width:100%;height:auto;background-color:#0a2870;z-index:+10;padding:10px 0px 10px;display:none; }
#menu_item_resp > div a { display:block;padding:5px 0px;text-align:center;font-size:11pt;color:#fff; }
#menu_item_resp > div > span { display:block;padding:5px 0px;text-align:center;font-size:11pt;color:#fff; }
#menu_item_resp > div > span div { margin-top:10px;display:none; }
#menu_item_resp > div > span div a { background-color:#03143d; }
#menu_item_resp:hover > div { display:block; }

#top_bar { padding:15px;background-color:#fff;border-radius:10px;margin-top:20px; }
#top_bar > span { display:block;font-size:12pt;color:#aaa;text-align:center;padding-bottom:20px; }
#top_bar > div { display:table;width:100%; }
.por_item { display:table-cell;vertical-align:top;text-align:right;width:25%; }
.por_item > div { display:table;width:100%; }
.por_item > div div { display:table-cell;vertical-align:top; }
.por_item > div div:nth-child(1) { width:100px;padding-left:10px; }
.por_item > div div:nth-child(1) img { width:100px;border-radius:10px; }
.por_item > div div:nth-child(2) span { display:block;font-size:11pt;margin-bottom:5px; }

#right_col { width:300px;float:right;padding-top:20px; }
#left_col { width:calc(100% - 320px);float:left;padding-top:20px; }

.right_win { background-color:#fff;border-radius:5px;margin-bottom:20px;overflow:hidden; }
.right_win > div:nth-child(1) { padding:5px 10px;background-color:#357ec7;color:#fff;font-size:12pt; }

.right_pic_item { display:table;margin-bottom:10px;padding:10px 15px;font-size:11pt; }
.right_pic_item > div { display:table-cell;vertical-align:middle; }
.right_pic_item > div:nth-child(1) { width:80px;padding-left:20px; }
.right_pic_item img { width:80px;vertical-align:middle; }


#slide_spc { overflow:hidden;border-radius:10px;background-color:#fff;padding:10px;margin-bottom:20px; }
#slide_frame { position:relative;border-radius:7px;overflow:hidden; }
#slide_frame > div:nth-child(1) { width:100%;position:absolute;left:0px;top:0px; }
#slide_frame > div:nth-child(1) img { width:100%;display:none; }
#slide_frame > div:nth-child(2) { width:100%;position:absolute;left:0px;bottom:0px;height:26px;text-align:center;direction:ltr; }
#slide_frame > div:nth-child(2) > span { cursor:pointer;display:inline-block;width:8px;height:8px;background:none;border:2px solid #fff;border-radius:100%;margin:0px 4px;box-shadow:0px 1px 3px 0px rgba(0,0,0,0.3); }
#slide_frame > div:nth-child(2) > span.selected { background-color:#fff; }

.left_win { padding:25px 15px;background-color:#fff;border-radius:10px;margin-bottom:20px;display:table;width:calc(100% - 30px); }
.left_win > div { display:table-cell;vertical-align:top; }
.left_win > div:nth-child(1) { width:200px; }
.left_win > div:nth-child(1) img { width:200px; }
.left_win > div:nth-child(2) { width:calc(100% - 215px);padding-right:15px; }
.left_win > div:nth-child(2) > div:nth-child(1) span { color:#357ec7;font-size:12pt;padding:4px 10px;border-radius:4px;margin-right:0px; }
.left_win > div:nth-child(2) > div:nth-child(1) { margin-bottom:15px;border-bottom:2px solid #357ec7; }
.left_win > div:nth-child(2) > div:nth-child(3) { padding-top:40px;text-align:left; }
.left_win > div:nth-child(2) > div:nth-child(3) a { background-color:#357ec7;color:#fff;padding:3px 10px;border-radius:4px;margin-left:10px; }

.null_win { padding:25px;background-color:#fff;border-radius:10px;margin-bottom:20px; }
.win_title { padding:0px 10px 20px;text-align:center;font-size:13pt;color:#bbb; }

#page_number_holder { text-align:center;padding:15px 1px;direction:ltr;font-size:12pt; }
#page_number_holder > * { display:inline-block;padding:1px 10px;background-color:#f5f5f5;margin:5px 3px;border-radius:4px; }
#page_number_holder > *.selected { background-color:#357ec7;color:#fff; }

#footer_spc { background-color:#323c48;width:100%;color:#ddd;border-bottom:9px solid #212932; }
#footer_spc > div { padding:30px 0px;display:table;margin:0px auto;width:100%; }
.footer_col { display:table-cell;vertical-align:top;text-align:right;padding:0px 30px;width:25%; }
.footer_col > * { display:block;padding:3px 10px;color:#ddd; }
.footer_col > * input { width:calc(100% - 20px);display:block;border-style:none;outline-style:none;background-color:#fff;padding:5px 10px;color:#000;margin:10px auto 5px;border-radius:10px; }
.footer_col > * button { width:100%;display:block;border-style:none;outline-style:none;background-color:#70ab1c;padding:5px 10px;color:#fff;margin:0px auto;border-radius:10px; }
.footer_col > *:first-child { font-size:13pt;padding:3px 10px;margin-bottom:0px;color:#fff; }

#follow_sec { width:100%;max-width:250px;margin:10px auto 20px; }
#follow_sec input { width:calc(100% - 30px);border-radius:10px;background-color:#eee;border-style:none;padding:5px 15px;font-size:11pt;outline-style:none;direction:ltr;border-bottom:4px solid #ccc; }
#follow_sec span { cursor:pointer;display:block;width:100%;border-radius:10px;background-color:#70ab1c;border-style:none;padding:5px 0px;font-size:12pt;outline-style:none;margin-top:10px;color:#fff;text-align:center;border-bottom:5px solid rgba(0,0,0,0.3); }
#follow_sec span:hover { opacity:0.7; }
.slide_height { height:300px; }

@media only screen and (max-width: 1000px) {
  .footer_col:nth-child(1) { display:none; }
  #right_col { display:none; }
  #left_col { width:100%; }
  .menu_item { display:none; }
  #menu_item_resp { display:block; }
  .por_item:nth-child(4) { display:none; }
}

@media only screen and (max-width: 500px) {
  #header .tbl > div { display:block; }
  #header .tbl > div:nth-child(1) { padding-bottom:20px; }
  .slide_height { height:100px; }
  #top_bar { display:none; }
}

@media only screen and (max-width: 700px) {
  #footer_spc { width:100%; }
  .footer_col:nth-child(3) { display:none; }
  .slide_height { height:200px; }
  .left_win > div { width:100%;display:block; }
  .left_win > div:nth-child(1) { width:100%;text-align:center;padding-bottom:20px; }
  .left_win > div:nth-child(2) { width:100%;padding-right:0; }
  .por_item:nth-child(3) { display:none; }
}

@media only screen and (max-width: 500px) {
	.card_win > div { display:block; }
	.card_win > div:nth-child(1) { padding-bottom:30px; }
}