/* CSS Document */
.header_bg_font { background-color: #000; color: #FFF; opacity:0.8}

.main_bg { background: url(../slide/main_slide.jpg) no-repeat; background-size:cover}
.mobile_main_bg { background: url(../slide/mobile_mail_slide.jpg) no-repeat; background-size: cover}

.main_bg2 { background:url(../slide/main_slide2.jpg) no-repeat; background-size:cover}
.mobile_main_bg2 { background: url(../slide/mobile_mail_slide2.jpg) no-repeat; background-size: cover}
.dropdown_link a{ display:block;color:#FFFFFF !important; padding-top:50px; padding-bottom:50px; padding-left:10px; padding-right:10px; text-decoration:none  !important; font-weight:bold !important}
.dropdown_link a:visited { background-color:#330066 !important}
.dropdown_link a:hover { background-color: #FFF !important; color: #666 !important}
.dropdown_link a:active { background-color: #FFF !important; color: #666 !important}

.dropdown { position:relative; display:inline-block; padding-left:5px; padding-right:5px}
.dropdown_menu { display: none; position:absolute; box-shadow: 0 0 0px 0 #000; padding:0px; z-index:10; min-width:200px; background:#FFFFFF}
.dropdown_menu a { color: #666 !important; font-weight: normal; text-decoration:none; padding:7px !important}
.dropdown_menu a:hover { text-decoration:underline !important; display:block}


.dropdown:hover .dropdown_menu { display:block}
.mobile_linkdropdown { max-width:250px; display:block; padding-left:20px}
.mobile_linkdropdown a { display:block; line-height:normal}
.mobile_linkdropdown a:hover { text-decoration:underline}

.container_ad_bgcolor { background-color: #666; color:#FFFFFF}

.container_mobile_link a{ color:#FFFFFF !important; text-decoration:none}
.container_mobile_link a:hover{ text-decoration:underline}
.container_bold { font-weight: bold !important}
.cursor_pointer { cursor: pointer}
.container_font_wt_normal { font-weight: normal}
.container_text_small { font-size: xx-small }

.footerlink {}
.footerlink a { color: #666}
.footerlink a:hover { text-decoration:underline}
.footer_main { background:url(../slide/fooer_main.jpg) no-repeat; background-size:cover}
.footer_main_mobile { background:url(../slide/footer_main_mobile.jpg) no-repeat; background-size:cover}
.footerlink_mobile {}
.footerlink_mobile a{ display:block;  border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#666666; color:#666; padding-top:10px !important; padding-bottom:10px !important}
.footerlink_mobile a:hover { text-decoration:underline}

.footer_detail_link a{ color:#FFF !important}
.footer_detail_link a:hover{ text-decoration:underline !important}



.container_padding_left_20 { padding-left:20px}
.container_padding_right_40 { padding-right:40px}
.container_padding_top_50 { padding-top:50px}
.container_padding_bottom_50 { padding-bottom:50px}
.container_padding_30 { padding:30px}
.container_padding_20 { padding:20px}
.container_padding_10 { padding:10px}
.container_padding_15 { padding:15px}
.container_padding_left_50 { padding-left:50px}
.container_padding_10 { padding:10px}
.container_padding_15 { padding:15px}
.container_padding_left_45 { padding-left:45px}
.container_padding_right_40 { padding-right:40px}
.container_padding_right_50 { padding-right:50px}
.container_padding_right_0 { padding-right:0px}
.container_padding_left_0 { padding-left: 0px}
.container_bg_wht { background-color: #FFF !important}



.container_padding_left_right_0 { padding-left:0px; padding-right:0px}
.container_padding_left_10 { padding-left: 10px}
.container_padding_left_80 { padding-left: 80px}
.container_padding_left_right_15 { padding-left:15px; padding-right:15px}
.container_padding_right_10 { padding-right:10px}
.container_padding_top_200 { padding-top:200px}
.container_padding_top_60 { padding-top:60px}
.container_padding_top_80 { padding-top:80px}
.container_padding_top_30 { padding-top:30px}
.container_padding_top_15 { padding-top:15px}
.container_padding_top_5 { padding-top:5px}
.container_padding_top_7 { padding-top:7px}

.container_padding_bottom_20 { padding-bottom:20px}

.container_padding_bottom_100 { padding-bottom:100px}

.container_padding_top_10 { padding-top:10px}
.container_padding_bottom_10 { padding-bottom:10px}
.container_padding_bottom_0 { padding-bottom:0px}
.container_padding_20 { padding:20px}
.container_padding_5 { padding:5px}


.container_padding_30 { padding:30px}
.container_border_1 { border: solid; border-width:1px; border-color:#666666}
.container_border_top_width_0 { border-top-width:0px !important}
.container_border_right_width_0 { border-right-width:0px !important}
.container_border_left_width_0 { border-left-width:0px !important}


.container_border_bottom_light { border-bottom-style: dotted; border-bottom-width:1px; border-bottom-color: #CCC;}

.container_flag {position:absolute; z-index:10; left:125px !important; top:12px; width:20px; height:12px}

.container_flag_mobile {position:absolute; z-index:10; left:80px; top:10px; width:20px; height:12px}

.container_flag_mobile2 {position:absolute; z-index:10; left:120px; top:10px; width:20px; height:12px}

.container_flag_mobile1 {position:absolute; z-index:10; left:115px; top:10px; width:20px; height:12px}

.container_flag_mobile3 {position:absolute; z-index:10; left:107px; top:10px; width:20px; height:12px}


.container_flag2 {position:absolute; z-index:10; left:150px; top:12px; width:20px; height:12px}

.container_flag1 {position:absolute; z-index:10; left:110px; top:12px; width:20px; height:12px}


.container_padding_0 { padding:0px}
.table_head_bg { font-weight: bold; background-color:#666}

.pagelink a { color: #FFF; background-color: #666 !important }
.pagelink a:hover {color: #03F ; background-color: #FFF !important }
.active_link a{color: #03F ; background-color: #FFF !important }

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}