@import url("reset.css");
@import url("fontFace.css");

*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;/*-webkit-tap-highlight-color: rgba(255,255,0,100);*/-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
-moz-text-size-adjust:none;
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
}
a{text-decoration:none;}
a:hover{/*text-decoration:underline;*/}
a:focus {/*outline:none;*/outline-offset:-1px;}
html,body {/*font-family: 'robotoregular', Arial, 'Microsoft JhengHei', sans-serif, simsun;font-size:12px;*/}
body{overflow-x:hidden;background-color:#ffffff;-webkit-overflow-scrolling: touch;}
html{/*overflow-y: scroll;*/}
dl dt, dl dd {float:left;}
dt, dd{display:block;}
dt:after{clear:left;}
img{vertical-align: middle;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}
input[type=text], input[type=tel], input[type=email] {width: 250px;font-family: 'robotoregular', Arial, 'Microsoft JhengHei', sans-serif, simsun;font-size:12px;background:url(../images/spacer.gif) transparent;border:0;}
textarea {font-family: 'robotoregular', Arial, 'Microsoft JhengHei', sans-serif, simsun;font-size:12px;resize:vertical;min-height:100px;}
select, select option {font-family: 'robotoregular', Arial, 'Microsoft JhengHei', sans-serif, simsun;font-size:12px;}

.btn{cursor:pointer;}
.btn:hover{background-position:left bottom !important;}
.aLeft{text-align:left;}
.aRight{text-align:right;}
.aCenter{text-align:center;}
.tc.aJustify,.sc.aJustify {/*text-align:justify;*/}
.clear{clear:both;}
.clearLine{clear:both !important;height:0 !important;padding:0 !important;margin:0 !important;}

/*clearfix*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/*clearfix eof*/

.fixDiv{position:fixed;}
.floatDiv{position:absolute;}
.containerDiv{position:relative;}
.floatLeft{float:left;}
.floatRight{float:right;}
.iframeContent {width: 100%;border: 0px;}
.ulList li{list-style-type:none;float:left;}
.ulListVertical li{list-style-type:none;}

.normalText{text-transform:none !important;}
.upperText{text-transform:uppercase;}
.lowerText{text-transform:lowercase;}
.cssTrim{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}/*you need to set width of the html element*/
.nowrap{white-space: nowrap;display:inline-block;}
.anim{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
.shadow-box{box-shadow: 5px 5px 5px rgba(170, 170, 170, 0.5);}
.shadow-text{text-shadow: 5px 5px 5px rgba(170, 170, 170, 0.5);}



::-webkit-input-placeholder { /* WebKit browsers */
    color: #2f2f2f;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #2f2f2f;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #2f2f2f;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #2f2f2f;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-diagonal:before {
  content: "\e900";
}
.icon-btn_arrow:before {
  content: "\e901";
}
.icon-btn_close:before {
  content: "\e902";
}
.icon-quote_close:before {
  content: "\e903";
}
.icon-quote_open:before {
  content: "\e904";
}
.icon-diagonal2:before {
 /* content: "\e905";*/
}
.icon-btn_accordion-open:before {
  content: "\e906";
}
.icon-btn_accordion-close:before {
  content: "\e907";
}
.icon-btn_pdf:before {
  content: "\e908";
}
.icon-btn_left:before {
  content: "\e909";
}
.icon-btn_right:before {
  content: "\e90a";
}
.icon-btn_download:before {
  content: "\e90b";
}
.icon-btn_play:before {
  content: "\e90c";
}
.icon-btn_play2:before {
  content: "\e90d";
}
.icon-btn_play-tri:before {
  content: "\e90e";
}
.icon-btn_experience:before {
  content: "\e90f";
}
.icon-btn_stock_code:before {
  content: "\e910";
}
.icon-stock_up:before {
  content: "\e911";
}
.icon-stock_down:before {
  content: "\e912";
}
.icon-btn_play3:before {
  content: "\e913";
}
.icon-bullet01:before {
  content: "\e914";
}
.icon-btn_left2:before {
  content: "\e915";
}
.icon-btn_right2:before {
  content: "\e916";
}
.icon-btn_reload:before {
  content: "\e917";
}
.icon-btn_up:before {
  content: "\e918";
}
.icon-btn_down:before {
  content: "\e919";
}
.icon-btn_grid-view:before {
  content: "\e91a";
}
.icon-btn_list-view:before {
  content: "\e91b";
}
.icon-btn_pause:before {
  content: "\e91c";
}

.icon-btn_photo:before {
  content: "\e91d";
}

.icon-single_wave_small:before {
  content: "\e91e";
}
.icon-nws_logo:before {
  content: "\e91f";
}
.icon-nws_logo2:before {
 content: "\e920";
}


/*color*/
.wt{color:#ffffff;}
.bk{color:#000000;}
.gn{color:#2c4923;}
.gn2{color:#427532;}
.gn3{color:#26ba31;}
.gy{color:#2f2f2f;}
.gy2{color:#575757;}
.or{/*color:#ca5200;*/ color: #C75000;}
.or2{color:#ef8740;}
.or3{color:#af4700;}
.rd{color:#ff0000;}

/*font*/
.ft0{font-size:0px;}
.ft12{font-size:12px;}
.ft14{font-size:14px;}
.ft18{font-size:18px;}
.ft24{font-size:24px;}
.ft28{font-size:28px;}
.ft30{font-size:30px;}
.ft38{font-size:38px;}
.ft40{font-size:40px;}
.ft48{font-size:48px;}
.ft50{font-size:50px;}
.ft60{font-size:56px;}

.lh0{line-height:0px;}
.lh16{line-height:16px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lhs26{line-height:26px;}
.lh28{line-height:28px;}
.lh30{line-height:30px;}
.lh46{line-height:46px;}
.lh48{line-height:48px;}
.lhs60{line-height:56px;}

.ft-normal{font-weight:normal;}
.ft-bold{font-weight:700;}

.robotobold{font-family:'robotobold', Arial, 'Microsoft JhengHei', sans-serif, simsun;}
.robotolight{font-family:'robotolight', Arial, 'Microsoft JhengHei', sans-serif, simsun;}
.robotoregular{font-family:'robotoregular', Arial, 'Microsoft JhengHei', sans-serif, simsun;}
.robotothin{font-family:'robotothin', Arial, 'Microsoft JhengHei', sans-serif, simsun;}

/*common*/
#debugPanel{background:rgba(100, 100, 100, .5);left:0px;bottom:0px;width:100%;height:250px;max-height:250px;display:none;overflow:auto;pointer-events:none;z-index:9999;}
#guide{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;}
#preloader {position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(../images/white60.png);background-color:#ffffff;z-index:9999;}

#preloader.gy-bg {-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}

#preloader .preloader-img{width:50px;height:50px;position:absolute;left:50%; top:50%; background:url(../images/ajax-loader.gif) no-repeat center center/100% ;margin:-25px 0 0 -25px;}
.mobile{display:none !important;}
#skiptocontent{display: inline-block;top: 15px;position: relative;left: 30px;}
#skiptocontent:focus {font-size:14px;line-height:14px;}

#headerWrapper, #mainWrapper, #footerWrapper{}
#headerContent, #mainContent, #footerContent{}
.headerFixWidth, .mainFixWidth, .footerFixWidth{width:1200px;margin:0 auto;}

 


/*header*/
#headerWrapper{background-color:#ffffff;}
#headerContent{}
#topMenu{max-width:1200px;margin:0 auto;padding:20px 0;border-bottom:1px solid #cdcdcd;position:relative;
         background:url(../images/common/orange_line.png) no-repeat 15px 87px / auto 4px;
}
#topMenu .logo{width:235px;margin-left:10px;}
#topMenu .border{border-bottom:1px solid #cdcdcd;position:absolute;left:-90%;bottom:-1px;width:100%;}
#topMenuControl{padding:16px 0;}
#topMenuControl a{background-size:100% auto;text-decoration:none;}
#topMenuControl li.border-left{border-left:1px solid #292929;}
#topMenuControl > li > a > img{width:100%;height:100%;}
#topMenuControl .fb, #topMenuControl .youtube,#topMenuControl .ig,#topMenuControl .linkedin{display:inline-block;width:24px;height:13px;}
#topMenuControl .fb{background-image:url(../images/common/top_facebook.png);}
#topMenuControl .ig{background-image:url(../images/common/top_ig.png);}
#topMenuControl .linkedin{background-image:url(../images/common/top_linkedin.png);}
#topMenuControl .youtube{background-image:url(../images/common/top_youtube.png);}
#topMenuControl .email, #topMenuControl .search{display:inline-block;width:42px;height:13px;}
#topMenuControl .email{background-image:url(../images/common/top_mail.png);}
#topMenuControl .search{background-image:url(../images/common/top_search.png);}
#topMenuControl .font-enlarge, #topMenuControl .font-reduce{display:inline-block;width:36px;height:13px;}
#topMenuControl .font-enlarge{background-image:url(../images/common/top_text_enlarge.png);}
#topMenuControl .font-reduce{background-image:url(../images/common/top_text_smaller.png);}
body.fx5 #topMenuControl .font-enlarge, body.fx0 #topMenuControl .font-reduce{cursor:default;opacity:0.5;}
body.fx5 #topMenuControl .font-enlarge:hover, body.fx0 #topMenuControl .font-reduce:hover{background-position:left top !important;}
#topMenuControl .lang{color:#292929;padding:0 25px 0 15px;background:url(../images/common/top_lang_arrow.png) no-repeat 35px top / 15px auto;vertical-align:text-bottom;position:relative;display:inline-block;height:13px;}
#topMenuControl .lang:hover{background-position:35px bottom !important;color:#ca5200;}
#topMenuControl .lang-wrapper.open > a{background-position:35px bottom !important;color:#ca5200;}
#topMenuControl .lang-hover{border:1px solid #cdcdcd;padding:30px 0px 8px 0px;width:53px;left:4px;top:-10px;text-align:center;z-index:1;background:url(../images/common/half-wh.png) no-repeat left bottom;}
#topMenuControl .lang-hover a{display:block;color:#292929;background-color:white;padding:8px 16px 0px 5px;}
#topMenuControl .lang-hover a:hover{color:#ca5200;}
#topMenuControl .lang-hover a.close, #topMenu .mobile .lang-hover a.close{position:absolute;left:0;top:0;width:100%;height:25px;background-color:transparent;}

#topNavMenuMobile{color:#ffffff;background-color:#ca5200;top:60px;}
#topMenu .mobile .lang-wrapper{right:55px;top:23px;z-index:99;}
#topMenu .mobile .lang{color:#d47432;padding:0 15px;background:url(../images/common/top_lang_arrow_m.png) no-repeat right top / 15px auto;vertical-align:text-bottom;position:relative;display:inline-block;height:13px;}
#topMenu .mobile .lang:hover{text-decoration:none;}
#topMenu .mobile .lang-hover{border:1px solid #cdcdcd;padding:25px 0px 0px 0px;width:50px;left:4px;top:-5px;text-align:center;z-index:1;}
#topMenu .mobile .lang-hover a{display:block;color:#292929;background-color:white;padding:10px 15px 10px 5px;}
#topMenu .mobile .lang-hover a:hover{color:#ca5200;text-decoration:none;}
#topMenu #hamburgerWrapper{position:absolute;right:5px;top:13px;padding:10px;}
#topMenu .hamburger{padding:0;}
#topMenu .hamburger:hover{opacity:1;}
.hamburger .hamburger-inner::before{top:-5px;}
.hamburger .hamburger-inner::after {bottom: -5px;}
#topMenu .hamburger .hamburger-box{width:15px;height:15px;}
#topMenu .hamburger-inner, #topMenu .hamburger-inner::before, #topMenu .hamburger-inner::after{background-color:#f76d0d;width:15px;height:2px;}
.mm-menu .mm-listview>li .mm-next:after{border-color: rgba(255,255,255,1);}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {color: #ca5200;font-size:14px;}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {border-color: #ca5200;}
.mm-listview{font-size:14px;line-height:20px;}
.mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after {border-color: #d47432;}
.mm-listview>li:not(.mm-divider):after{left:0;}
.mm-listview > li > a, .mm-listview > li > span{padding:12px 10px 12px 20px}
.mm-navbar{border-color: rgba(212,116,50,1);background-color: #ffffff;height:auto;}
.mm-navbar > *{padding:12px 0;}
.mm-listview>li.footer, .mm-listview>li.footer:after {border-color: #ca5200;padding:6px 0;}
.mm-listview>li.footer span.border{border-left:2px solid #ffffff;padding-left:6px;}
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span {background:rgba(179,73,0,1);}
/*.mm-menu  #mm-12 .mm-listview>li.mm-selected>a{background:transparent !important;}*/
.mm-panels>.mm-panel{overflow:hidden;overflow-y:hidden;}
#mm-blocker{top:60px;}

#topNavMenuBar{background:url(../images/common/orange_line.png) no-repeat 1000px 54px / auto 5px;}
#topNavMenuWrapper{max-width:1200px;/*width:1200px;*/margin:0 auto;}
#topNavMenu{display:table;font-family:'robotobold', Arial, 'Microsoft JhengHei', sans-serif, simsun;width:100%;min-width:1180px;padding:0 14px;text-transform:uppercase;background:url(../images/common/orange_line.png) no-repeat 8px 54px / auto 5px;}
#topNavMenu > li{display:table-cell;/*padding:19px 0;*/padding:19px 30px; list-style-type:none;text-align:center;}
#topNavMenu > li:nth-child(even){width:200px; padding: 19px 0px;}
#topNavMenu > li:nth-child(even) > span{display:inline-block;border-left:1px solid #707070;width:1px;height:13px;margin:0 auto;}
#topNavMenu > li > a{color:#595959;text-decoration:none;position:relative;white-space:nowrap;height:20px;display:inline-block;}
#topNavMenu > li > a:hover, #topNavMenu > li > a.selected, #topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col a.selected{color:#BD4B00;}
#topNavMenu > li > a span.tri {position: absolute;top: 27px;width: 0;height: 0;border-style: solid;border-width: 0 8px 8px 8px;border-color: transparent transparent #f76d0d transparent;left: 50%;margin-left: -8px;display: none;}
/*.fx3 #topNavMenu > li > a span.tri{top: 28px;}
.fx4 #topNavMenu > li > a span.tri{top: 29px;}
.fx5 #topNavMenu > li > a span.tri{top: 29px;}*/
#topNavMenu > li.selected > a span.tri{display:block;}

#topNavMenuMobile #topMenuStockInfoMobile {background-color:#ffffff !important; color: #595959 !important;font-size: 12px !important;}

#topNavMenu .topNavSubmenu{position:absolute;left:0;top:145px;width:100%;/*min-width:1200px;*/min-height:260px;background-color:#f7f7f7;color:#2f2f2f;text-align:left;font-family:'robotoregular', Arial, 'Microsoft JhengHei', sans-serif, simsun;text-transform:none;z-index:100;box-shadow:inset 0 10px 6px -6px #cccccc;}
#topNavMenu .topNavSubmenu .topNavSubmenuWrapper{margin:0 auto;padding:30px 10px;max-width:1200px;min-height:260px;}
#topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col{width:25%;display:inline-block;vertical-align:top;}
#topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col .h1{padding-bottom:11px;font-weight:normal;display:block;}
#topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col-1 .h1{/*visibility:hidden;*/display:none;}
#topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col-1 a, #topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col-2 a{color:#2f2f2f;display:block;width:100%;padding:11px 0 11px 14px;word-wrap:break-word;position:relative;}
#topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col-1 a:before, #topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col-2 a:before{/*content:"/ ";position:absolute;left:0;*/}
#topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col-1 a:hover, #topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col-2 a:hover{color:#B34700;text-decoration:none;}
#topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col-2 .h1{display:none;}
#topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col-1 > a:nth-child(2), #topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col-2 > a:nth-child(2){padding-top:0;}
#topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col-3{width:48%;}
#topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col-3-inside{width:50%;float:left;}
#topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col-3 div.highlight{border:1px solid #bcbcbc;width:87%;max-width:247px;}
#topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col-3 div.highlight a.highlight-img img{width:100%;height:115px;}
#topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col-3 div.highlight a.highlight-caption{padding:7px 15px;display:block;color:#2f2f2f;text-decoration:none;}
#topNavMenu .topNavSubmenu .topNavSubmenuWrapper .col-3 div.highlight:hover a.highlight-caption{color:#ca5200;}

/*content*/
#mainContent{min-height:500px;}
/*#mainContent a:hover{color:#ca5200;}*/
#mainContent .grid_50{width:50%;}
#mainContent .grid_100{width:100%;}
#mainContent .grid_1200p{display:block; position:relative; margin:auto; max-width:1200px;}
#mainContent .grid_1100p{display:block; position:relative; margin:auto; max-width:1100px;}
#mainContent .tb_cell{display:table-cell;vertical-align:middle;}
#mainContent .line_top{border-top:1px solid;}
#mainContent .line_gy{border-color:#a8a8a8;}
#mainContent .line_blue{border-color:#193160;}
/*#380300*/
#mainContent .bg_or_grdt
{
    color:#121212;
    /*background:url(../images/common/calendar_bg_or.jpg) no-repeat center center;*/
    background-image: linear-gradient(to bottom, rgba(249, 155, 55, 1), rgba(204, 27, 9, 1)) ;
    background-position:center;
    background-repeat:no-repeat;
    background-size: cover;
}

#mainContent ul.bullet{}
#mainContent ul.bullet li{padding-left:25px;list-style-type:none;position:relative;}
#mainContent ul.bullet li:before{content:"\e914";font-family: 'icomoon';position:absolute;top:0;left:0;font-size:12px;}

/*top-banner*/
#topBanner{position:relative;background-size:cover;background-position:top;}
#topBanner > img{width:100%;max-height:510px;min-height:280px;}
/* #topBanner img.splitter{width:auto;position:absolute;left:50%;top:50%;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} */
#topBanner img.splitter{width:auto;height:110px;position:absolute;left:calc(50% + 8px);top:calc(50% + 10px);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#topBanner div.floatDiv{top:0;right:0;bottom:0;left:0;}
#topBanner h1{color:#ffffff;position:absolute;top:50%;margin-top:-35px;font-size:50px;line-height:70px;width:100%;}
#topBanner h1 span{font-family:'robotolight', Arial, 'Microsoft JhengHei', sans-serif, simsun;font-weight:normal;line-height:70px;text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
#topBanner h1 b{font-family:'robotobold', Arial, 'Microsoft JhengHei', sans-serif, simsun;font-weight:normal;line-height:70px;text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);}
#topBannerMobile{height:150px;background-size:cover;background-position:center;position: relative;}

#mainContent hr.hr-or{margin:0;border-top:6px solid #ca5200;}

#breadcrumb{border-bottom:1px solid #cdcdcd;box-shadow:inset 0 10px 6px -6px rgba(204, 204, 204, 0.5);}
#breadcrumb > div{max-width:1200px;margin:0 auto;padding:15px 10px 20px 10px;}
#breadcrumb h1{font-size:50px;line-height:75px;font-family:'robotolight', Arial, 'Microsoft JhengHei', sans-serif, simsun;font-weight:normal;}
#breadcrumb h1 small{font-size:30px;font-weight:normal;}
#breadcrumb ul li{font-family:'robotoregular', Arial, 'Microsoft JhengHei', sans-serif, simsun;color:#2f2f2f;}
#breadcrumb ul li:before{content:">";padding: 0 5px;}
#breadcrumb ul li:first-child:before{content:"";padding: 0 0px;}
#breadcrumb ul li a{color:#2f2f2f;}

.last-section-elment{margin-bottom:0 !important;padding-bottom:0 !important;}
#pagecontentLastElm{height:100px;border-bottom:1px solid #cdcdcd;background-color:#ffffff;}


/*footer*/
#footerWrapper{background-color:#f7f7f7;/*min-width:1200px;*/}
#footerContentWrapper{}
#footerContent{max-width:1200px;padding:40px;margin:0 auto;}
#footerLogo{display:table;width:100%;}
#footerLogo .col-left{display:table-cell;padding-top:5px;width:35%;}
#footerLogo .col-right{display:table-cell;width:65%;text-align:right;}
#footerLogo .col-right > div{display:inline-block;}
#footerLogo .col-right > div > div{display:inline-block;text-align:right;}
#footerLogo .col-right > div > div.spacer{width:40px;}
#footerLogo .col-right > div > div:first-child > img{}
#footerLink{font-family:'robotoregular', Arial, 'Microsoft JhengHei', sans-serif, simsun;padding-top:60px;}
#footerLink .col{width:25%;}
#footerLink .col-1,#footerLink .col-2, #footerLink .col-3{float:left;padding-right:40px;max-width:300px;}
#footerLink .col-4{float:right;max-width:226px;}
#footerLink .col-4 input[type=text]{width:180px;}
#footerLink .col .h1{padding-bottom:14px;display:block;}
#footerLink .col ul{padding-bottom:14px;}
#footerLink .col:not(.col-4) a{color:#2f2f2f;display:block;width:100%;word-wrap:break-word;}
#footerLink .col a:hover{color:#ca5200;text-decoration:none;}
#footerControl a.btn, #footerControl > div.lang-en, #footerControl > div.lang-tc, #footerControl > div.lang-sc
    {background:url(../images/common/bottom_SNS_base.png) no-repeat left top/100% auto;/*width:30px;height:30px;*/margin-left:16px;display:inline-block;vertical-align:top;}
#footerControl a.btn{vertical-align:top;}
#footerControl a.btn:first-child{margin-left:0;}
#footerControl a.btn img{width:100%;}
#footerControl div.lang > a > img{width:100%;height:100%;}

#footerControl a > div, 
#footerControl a > span, 
#footerControl > div > a.lang-en, #footerControl > div  > a.lang-tc, #footerControl > div  > a.lang-sc, 
#footerControl > div.lang-en > span, #footerControl > div.lang-tc > span, #footerControl > div.lang-sc > span
{width:30px;height:30px;background-repeat:repeat;background-position:left top;background-size:100% auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
#footerControl > a:hover > div/*, #footerControl > div:hover > a, #footerControl > div:hover > div*/{background-position:left -30px !important;}
#footerControl a.fb > div{background-image:url(../images/common/bottom_facebook.png);}
#footerControl a.youtube > div{background-image:url(../images/common/bottom_youtube.png);}
#footerControl a.font-enlarge > div{background-image:url(../images/common/bottom_text_enlarge.png);}
#footerControl a.font-reduce > div{background-image:url(../images/common/bottom_text_smaller.png);}

body.fx5 #footerControl a.font-enlarge, body.fx0 #footerControl a.font-reduce{cursor:default;}
body.fx5 #footerControl a.font-enlarge:hover, body.fx0 #footerControl a.font-reduce:hover{background-position:left top !important;}
body.fx5 #footerControl a.font-enlarge:hover > div, body.fx0 #footerControl a.font-reduce:hover > div{background-position:left top !important;}

#footerControl > div.lang > a.lang-en, #footerControl div.lang-wrapper a.lang-en > span{background-image:url(../images/common/bottom_lang_en.png);display:inline-block;vertical-align:top;}
#footerControl > div.lang > a.lang-tc, #footerControl div.lang-wrapper a.lang-tc > span{background-image:url(../images/common/bottom_lang_tc.png);display:inline-block;vertical-align:top;}
#footerControl > div.lang > a.lang-sc, #footerControl div.lang-wrapper a.lang-sc > span{background-image:url(../images/common/bottom_lang_sc.png);display:inline-block;vertical-align:top;}
#footerControl > div.lang.mobileMouseout{background-position:left top !important;}
#footerControl .lang-wrapper{right:0;bottom:30px;width:30px;height:70px !important;}
#footerControl .lang-wrapper a{margin-left:0;margin-bottom:5px;}

#footerContent .footerExtra{position:relative;}
#footerContent .footerExtra div.border-bottom{width:100%;height:100%;position:absolute;left:0;top:0;border-bottom:1px solid #595959;z-index:1;}
#footerContent .footerExtra div.border-anim{width:0%;height:100%;position:absolute;right:0;top:0;border-bottom:1px solid #ca5200;z-index:1;}
#footerContent .footerExtra:hover div.border-anim, #footerContent .footerExtra:focus div.border-anim{
    width:100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
#footerContent .footerExtra img.icon, #footerContent .footerExtra button[type=submit].icon{border-bottom:1px solid #ca5200;position:relative;z-index:2;border-radius:0;} 
#footerContent .footerExtra button[type=submit].icon{background-color:#f7f7f7;-webkit-appearance: none;width:41px;height:63px;display:inline-block;border-top:0px;border-right:0px;border-left:0px;font-size:0;cursor:pointer;padding:0;float:left;}
#footerContent .footerExtra button[type=submit].icon img{width:41px;height:64px;}
#footerContent .footerExtra div.content{position:relative;z-index:3;}
#footerContent .footerExtra div.content a{display:inline-block;line-height:45px;padding-top:15px;float:right;vertical-align:bottom;color:#2f2f2f;}
#footerContent .footerExtra div.content a:hover{color:#ca5200;}
#footerContent .footerExtra div.content input[type=text]{height:48px;margin-top:15px;float:right;vertical-align:bottom;border:0;background:none;text-align:right;position:relative;z-index:3;color:#2f2f2f;}

#footerBottom{font-size:12px;line-height:24px;padding:20px 0;border-top:1px solid #cdcdcd;color:#111111;}
#footerBottom .link a{border-left:1px solid #2f2f2f;padding:0 7px;color:#2f2f2f;}
#footerBottom .link a:hover{color:#ca5200;text-decoration:none;}
#footerBottom .link a:first-child{border-left:0px solid #2f2f2f;}

.black_overlay {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:black;z-index:99;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
.message-box {display:none;position:absolute;margin:0px auto;left:0px;right:0px;z-index:100;padding:5px; background-color:#F5F5F5;border: 2px solid black;}
.message-box.save-result {width:450px;height:150px; padding:10px;}
.message-box .close-button {text-align:right;position:relative;top:0px;right:0px;cursor:pointer;}
.message-box .close-button  img {cursor:pointer; width:28px;height:28px;}
.message-box .msg {text-align:left; padding-left:40px;padding-right:20px; font-size:18px; color:#333640;}
.message-box .button { margin:0 auto; margin-bottom:20px; }

button.focus {border:1px solid #8dc9f1 !important;}

@media only screen and (min-width: 1020px) and (max-width: 1200px){
    .headerFixWidth, .mainFixWidth, .footerFixWidth{width:auto;}
    #topMenuControl{padding-right:10px;}
    #topNavMenuWrapper{width:auto;}
    #topNavMenu{min-width:0px;}
    #footerWrapper{min-width:0px;}
}

@media only screen and (min-width: 2000px){
    #topNavMenuBar{background:url(../images/common/orange_line.png) no-repeat 100% 54px / auto 5px;}
}

@media only screen and (max-width: 450px) {
    .message-box.save-result {width:95%; height:200px;}

}