@charset "utf-8";
/* CSS Document */
body{ font-family: Arial !important; font-size:15px; color:#333;}
body a{ transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all;	-o-transition:0.5s all;	-ms-transition:0.5s all;}

a{ color:#333; text-decoration:none;}
a:hover{ color:#46638f; text-decoration: none;}

p{ margin:0; padding:0; line-height:24px;}

img{ max-width:100%; height:auto; vertical-align:bottom;}

strong, b{ font-weight:bold;}

.ease{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

select, textarea{ appearance:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; border-radius:0;}

input.btn, input.s{-webkit-appearance:none;-moz-appearance:none; border-radius:0; }

/*** HEADER ***/
header{ width:100%; height:46px; padding:15px 0; background:#fff; opacity:.95; position:fixed; z-index:200;}

#logo{ float:left; width:90px; height:46px;}
ul#ul_lang{ float:left; margin:0 50px; padding:9px 0; list-style:none;}
ul#ul_lang li{ float:left; margin:0 7px 0 0; font-size:12px; line-height:28px; text-align:center;}
ul#ul_lang li a{ width:26px; height:26px; color:#999; border:1px solid #999; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; display:block;}
ul#ul_lang li a:hover{ width:26px; height:26px; color:#46638f; border:1px solid #46638f;}
ul#ul_lang li:last-child{ margin:0;}
ul#ul_lang li.active a, ul#ul_lang li.active a:hover{ color:#fff; background:#06234f; border:1px solid #999;}

#btn{ float:right;}

.input_search{ width:500px; height:28px; margin:20px 0 0 0; padding:10px; font-size:15px; border:1px solid #ccc; display:block;}
.input_search2{ width:100%; height:28px; margin:0px 0 0 0; padding:5px; font-size:15px; border:1px solid #ccc; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
a .l_submit{ float:left; margin:5px 0 0 0 !important; padding:8px 20px; background:#06234f !important; border:1px solid #41719c; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:14px; background:#111; color:#fff; display:block;}
a:hover .l_submit{ background:#fff !important; color:#06234f; display:block; cursor:pointer;}

.searchlink { color: #666; display: block; float: right; position: relative; padding: 0 10px; right: 0; font-size: 1em; cursor: pointer; line-height: 50px;}
.searchlink:hover, .searchlink.open { color: #46638f;}
.searchlink.open > .searchform { display: block;}
.searchform { display: none; position: absolute; width: 240px; line-height: 40px; top: 45px; right: -20px; padding: 0; cursor: default; background: #fff;border:1px solid rgba(150,150,150,0.15);}
.searchlink.open .searchform { display: block;}
#search { display: block; position: relative;}
.search_radio{ margin:10px 0 0 10px; padding:0; font-size:13px !important; line-height:13px; color:#333 !important;}
.search_txt{ width:100% !important; margin-left:3px; padding:0 5px 8px 5px; border:0; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
#s { width:auto; margin:0; padding: 8px; color: #999;border:1px solid rgba(150,150,150,0.15);}
button.sbtn { display: block; position: absolute; right: 8px; top:5px; padding:10px 9px 9px 9px; background:none; border: none; color: #666; cursor: pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none;}

@-moz-document url-prefix() { 
button.sbtn { display: block; position: absolute; right: 5px; top:14px; padding:10px 9px 9px 9px; background:none; border: none; color: #666; cursor: pointer;}
}

/*** HEADER ***/

/*** BANNER ***/
#banner{ padding-top:76px;}
#banner_inner{ padding-top:76px; width:1200px; margin:0 auto;}
/*** BANNER ***/

/*** INDEXBOX ***/
.index_section{ padding:80px 0; overflow:hidden;}
.index_section2{ padding:80px 0; overflow:hidden;}
.index_section h2{ margin-bottom:80px; color:#06234f; font-size:48px; font-weight:bold; text-align:center;}
.is_bg01{ background:#efefef; background-size:cover;}

#owl-demo .item{ padding:20px 0px; margin: 5px; color: #FFF; border:0px solid #ccc; text-align: center; display:block;}
#owl-demo .item p{ width:auto; padding-top:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:center;}

ul#ul_news{ width:1240px; margin:0 auto; overflow:hidden; list-style:none;}
ul#ul_news li{ float:left; width:50%;}
.inewsbox{ margin:0 10px;}
.inewsbox_img{ float:left;}
.inewsbox_txt{  font-size:13px; color:#777;}
.inewsbox_txt h2{ width:auto; margin-bottom:10px; font-size:15px; color:#575757; text-align:justify;}
.inewsbox_txt span{ width:100%; font-size:12px; color:#999;}
.inewsbox_txt p{ margin-top:15px; line-height:20px;}
.inewsbox_more{ float:left; text-align:center; line-height:30px;}
a .inewsbox_more{ width:80px; height:30px; background:#46638f; font-size:15px; color:#fff;}
a:hover .inewsbox_more{ width:80px; height:30px; background:#06234f; font-size:15px; color:#fff;}
/*** INDEXBOX ***/

/*** INNERBOX ***/
.container01{ width:1200px; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
.container02{ width:1220px; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}

.nav_guide{ margin:0 0px 30px 0px; padding-top:8px; font-size:12px; color:#999; border-top:1px solid #efefef; text-align:right;}
.nav_guide2{ margin:0 0px 30px 0px; font-size:12px; color:#999; text-align:right;}
.nav_guide a, .nav_guide2 a{ color:#999;}
.nav_guide a:hover, .nav_guide2 a:hover{ color:#46638f;}

.innerbox{ min-height:630px; padding:40px 0 80px 0; overflow:hidden;}
.innerbox h1{ margin-bottom:20px; color:#06234f; font-size:36px; text-align:center;}
.innerbox h2{ margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #444; font-size:18px; font-weight:bold;}
.innerbox h3{ margin-bottom:5px; font-size:16px; font-weight:bold; color:#46638f;}
.innerbox h4{ margin-bottom:0px; font-size:15px; font-weight:bold;}
.innerbox.num ul li{ width:100%; margin-left:20px !important; padding-left:0px !important; line-height:20px; list-style: decimal !important;}

.textarea { line-height:24px;  font-family: Arial !important;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.textarea li{ width:97% !important; margin-left:17px; margin-left:10px\0; list-style:disc !important; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
.textarea img{ max-width:100% !important; height:auto !important; vertical-align:bottom;}
.textarea ol li{ width:97% !important; list-style:decimal !important;}

.pdtinfo{ padding:10px 0; line-height:20px;}
.pdtinfo ul li{ list-style: circle; margin-left:20px; padding-left:0px;}
.pdtinfo.num ul li{ list-style: decimal; margin-left:20px; padding-left:0px;}
.pdtinfo ol li{ list-style:decimal; margin-left:20px; padding-left:0px;}
.pdtinfo.num ol li{ list-style: decimal; margin-left:20px; padding-left:0px;}
.pdtinfo a{ color:#ff6600;}
.pdtinfo a:hover{ color:#46638f;}

ul#ul_pdtlist{ overflow:hidden;}
ul#ul_pdtlist li{ float:left; width:25%; list-style:none;}
.pdtlistbox{ height:430px; margin:0 10px 20px 10px; padding:20px; border:1px solid #efefef; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.pdtlistbox:hover{ border:1px solid #46638f;}
.pdtlistbox:hover > ul.ul_features li{ color:#46638f;}
.pdtlistbox h3{ width:100%; padding:10px 0 0 0; display: block; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space : nowrap;}
.pdtlistbox span{ margin-bottom:10px; font-size:13px; color:#999; display:block; text-align:center;}
.pdtlistbox p.features{ line-height:18px; font-size:13px; color:#666; display: block; text-align:center;}
.wtb .pdtlistbox{ height:auto;}
ul.ul_features{ margin:0; padding:0; overflow:hidden; list-style:none;}
ul.ul_features li{ width:100% !important; margin-bottom:10px; padding-left:16px; color:#666; background:url(../img/icon-arrow.png) 0 0 no-repeat; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.ul_features li:last-child{ margin-bottom:0px;}

ul#ul_pdtdetail{ overflow:hidden; list-style:none;}
ul#ul_pdtdetail li{ float:left;}
ul#ul_pdtdetail li.pdtdetail01{ width:45%;}
ul#ul_pdtdetail li.pdtdetail02{ width:55%;}

.pdtimgbox{}
.pdttxtbox{ margin-left:50px;}
.pdttxtbox h1{ margin-bottom:8px; font-size:30px; line-height:1.1em; text-align:left; text-transform: capitalize;}
.pdttxtbox span{ margin-bottom:20px; clear:both; display:block;}
.pdttxtbox p{}

ul#ul_pdf{ margin-top:20px; padding:15px; border:1px solid #efefef; overflow:hidden;}
ul#ul_pdf h2{ margin-bottom:0px;font-weight:bold; border-bottom:0px solid #efefef;}
ul#ul_pdf li{ float:none; padding-left:20px; font-size:13px; line-height:20px; background:url(../img/icon-pdf_dl.png) no-repeat;}

ul#ul_shareicon{ margin-top:20px; overflow:hidden; list-style:none;}
ul#ul_shareicon li{ float:left !important; width:34px !important; height:34px; margin:0; padding:0; text-indent:-9999px; list-style:none !important;}
ul#ul_shareicon li a{ width:34px !important; height:34px; display:block;}
ul#ul_shareicon li.si01{ background:url(../img/icon-share_fb.png) center center no-repeat;}
ul#ul_shareicon li.si02{ background:url(../img/icon-share_g+.png) center center no-repeat;}
ul#ul_shareicon li.si03{ background:url(../img/icon-share_tt.png) center center no-repeat;}

ul#ul_news2{ width:1220px; margin:0 auto; overflow:hidden; list-style:none;}
ul#ul_news2 li{ float:left; width:50%; margin-bottom:20px;}
.inewsbox2{ margin:0 10px; padding:30px; background:#fff; border:1px solid #ddd; overflow:hidden;}
/*ul#ul_news2 li:nth-last-child(1), ul#ul_news2 li:nth-last-child(2){ margin-bottom:0;}*/
.inewsbox2_img{ float:left; width:150px; height:150px; margin-right:30px;}
.inewsbox2_txt{ height:114px; font-size:13px; color:#777;}
.inewsbox2_txt h2{ width:auto; margin-bottom:10px; font-size:15px; color:#575757; text-align:justify; border:0;}
.inewsbox2_txt span{ width:100%; color:#999;}
.inewsbox2_txt p{ margin-top:15px; line-height:20px; font-size:15px;}
.inewsbox2_more{ float:left; text-align:center; line-height:30px;}
a .inewsbox2_more{ padding:3px 15px; background:#46638f; font-size:15px; color:#fff;}
a:hover .inewsbox2_more{ background:#06234f; font-size:15px; color:#fff;}

.faqbox{ min-height:550px;}
.faqbox h2{ margin-bottom:15px; padding-bottom:10px; border-bottom:0px solid #444; font-size:18px; font-weight:bold; text-align:center;}
.menu_list { width:auto;}
.menu_head { padding: 10px 15px 10px 35px; cursor: pointer; position: relative; margin-top:1px; font-weight:bold; border:1px solid #ddd; background:#fff url(../img/icon-right.png) 10px 14px no-repeat; word-wrap: break-word;}
.menu_body { display:none; padding: 13px 15px; background-image:none !important; border:1px solid #ddd; border-top:0; background-color:#f9f9f9; word-wrap: break-word;}
.menu_body a{ color:#ff6600;}
.menu_body a:hover{ color:#46638f;}
#secondpane.menu_list{ background:#A6696A;}
.faqsearch{ width:500px; margin:0 auto 20px auto; overflow:hidden;}
.input_faqsearchtxt{ float:left; width:438px; height:28px; padding:5px 10px; font-size:15px; border:1px solid #ccc;}
.input_faqsearchbtn{ float:left; width:39px; height:38px; background:#06234f url(../img/icon-search.png) center center no-repeat; border:1px solid #ccc; border-left:0; font-size:0;}

.menu_box { padding: 10px 15px 10px 15px; cursor: pointer; margin-top:1px; border:1px solid #ddd;}
.menu_box h2 { width:100%; margin:0; padding:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:bold; text-align:left;}
.menu_box p { margin:0; padding:10px 0 0 0; font-size:13px; line-height:20px; color:#666;}
a:hover .menu_box{ border:1px solid #46638f;}
a .menu_box h2{ color:#333;}
a:hover .menu_box h2{ color:#333;}

.btn01 a{ width:auto; margin:5px auto; padding:15px 30px; text-align:center; border:1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; display:block;}
.btn01 a:hover{ width:auto; margin:5px auto; padding:15px 30px; text-align:center; border:1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; display:block; background:#06234f; color:#fff;}

.btn02 a{ width:200px; margin:5px auto; padding:15px 30px; text-align:center; border:1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; display:block;}
.btn02 a:hover{ width:200px; margin:5px auto; padding:15px 30px; text-align:center; border:1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; display:block; background:#06234f; color:#fff; cursor:pointer;}

.midwidthbox{ width:568px; margin:0 auto;}
.midwidthbox div{ overflow:hidden; margin-bottom:5px;}
.midwidthbox label{ float:left; width:150px; line-height:29px;}
.input_midwidthbox{ width:418px; border:1px solid #ccc; padding:5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border-radius:0;}
.input_midwidthtextarea{ width:418px; height:150px; border:1px solid #ccc; padding:5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.select_midwidthbox{width:418px; border:1px solid #ccc; padding:5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.submit_midwidthbox { width:200px; margin:5px auto; padding:15px 30px; text-align:center; border:1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; display:block; background:#fff; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border-radius:0;}
.submit_midwidthbox:hover { background:#06234f; color:#fff; cursor:pointer;}
.submit_midwidthbox2 { width:200px; margin:20px 0 0 150px; padding:15px 30px; text-align:center; border:1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; display:block; background:#fff; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border-radius:0;}
.submit_midwidthbox2:hover { background:#06234f; color:#fff; cursor:pointer;}
.input_midwidthcaptcha{ float:left; width:80px; height:29px; border:1px solid #ccc; padding:5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border-radius:0;}
p.invice_note{ margin:0 0 0 120px; font-size:12px;}
.codeimg{float:left; width:80px; height:29px; margin-left:5px; border:1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.reload{float:left; width:27px; height:27px; margin-left:5px; border:1px solid #ccc;}

ul#ul_branch{ width:1220px; margin:0 auto; overflow:hidden;}
ul#ul_branch li{ float:left; width:50%; margin-bottom:20px;}
.branchbox{ margin:0 10px; padding:30px; background:#fff; opacity:0.85; border:1px solid #ddd; overflow:hidden;}
.branchbox h2{ width:auto; margin:0 0 10px 0; padding:0; font-size:13px; color:#575757; text-align:justify; border:0;}
ul#ul_branch li:nth-last-child(1), ul#ul_branch li:nth-last-child(2){ margin-bottom:0;}
.branchbox_img{ float:left; width:180px; height:125px; margin-right:30px; border:1px solid #ddd;}
.branchbox_txt{ height:101px; font-size:13px; color:#777;}
.branchbox_txt h2{ height:30px;}
#table_branch td{ padding-bottom:4px;}
#table_branch td.cap{ width:70px; font-weight:bold; vertical-align:top;}
.branchbox_more{ float:left; margin:0 5px 0 0; padding:0; text-align:center; line-height:26px;}
a .branchbox_more{ width:26px; height:26px; background:#46638f; font-size:15px; color:#fff;}
a:hover .branchbox_more{ width:26px; height:26px; background:#06234f; font-size:15px; color:#fff;}

.btn_buy{ width:160px; margin:20px 0; font-size:18px; font-weight:bold; text-align:center; border:1px solid #fffff; clear:both;}
.btn_buy a{ width:160px; padding:15px 20px; background:#FFC72C; color:#FFFFF; display:block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.btn_buy a:hover{ background:#06234f; color:#fff;}

#tab-1, #tab-2 ,#tab-3{ overflow:hidden;}
ul#ul_tabsbox{ overflow:hidden;}
ul#ul_tabsbox li{ float:left; list-style:none;}
ul#ul_tabsbox li:first-child{ width:45%;}
ul#ul_tabsbox li:last-child{ width:55%;}
.tab_img01{ margin-right:30px;}
.tab_img01 img{ width:100%; height:auto;}

ul#ul_mediabox{ overflow:hidden; list-style:none;}
ul#ul_mediabox li.li_media01{ float:left; width:20%;}
ul#ul_mediabox li.li_media02{ float:left; width:80%;}
ul#ul_mediabox li.active{ color:#46638f; background:url(../img/icon-media_left_hover.gif) right center no-repeat;}
ul#ul_media_left{ border:1px solid #efefef; border-bottom:0; border-left:0; border-right:0; list-style:none;}
ul#ul_media_left li{ padding:10px; font-size:18px; border-bottom:1px solid #efefef;}
ul#ul_media_left li.li_last{ margin:0; padding:10px 0; border:0;}
ul#ul_media_left a:hover li{ background:url(../img/icon-media_left_hover.gif) right center no-repeat;}
ul#ul_media_right{ margin:0 0 0 30px; overflow:hidden; list-style:none;}
ul#ul_media_right li{ float:left; margin-top:30px; width:33.3333%;}
ul#ul_media_right li:nth-child(1), ul#ul_media_right li:nth-child(2), ul#ul_media_right li:nth-child(3){ margin-top:0;}
.mediabox{ margin:0 15px; padding:15px; border:1px solid #efefef;}
.mediabox_img{ border:0px solid #efefef;}
.mediabox_btn{ width:100%; padding:10px 0; border:1px solid #ccc; text-align:center;}
a .mediabox_btn{ color:#999;}
a:hover .mediabox_btn{ color:#fff; background:#06234f;}
.mediabox h2{ height:19px; margin:10px 0; padding:0; font-size:15px; border:0;}

ul#ul_dl{ margin:0 0 0 30px; overflow:hidden;}
ul#ul_dl li{ padding:10px; border:1px solid #efefef; overflow:hidden; margin-top:2px;}
ul#ul_dl li:first-child{ margin-top:0;}
ul#ul_dl h2{ float:left; margin:0; padding:0; border:0; font-size:15px; font-weight:normal;}
ul#ul_dl h3{ margin-bottom:0px; padding-bottom:10px; color:#444; border-bottom:1px solid #444; font-size:18px; font-weight:bold;}
ul#ul_dl span{ float:right;}

ul#ul_sitemap{ overflow:hidden;}
ul#ul_sitemap li{ float:left; width:33.3333%;}
.sitemapbox{ margin:0 10px 20px 10px;}
.sitemapbox b{ margin-bottom:5px; display:block;}
.sitemapbox p{ line-height:20px;}

ul#ul_1btn{ max-width:800px; margin:0 auto; padding:0 0px; list-style:none; overflow:hidden;}
ul#ul_1btn li{}

ul#ul_2btn{ max-width:800px; margin:0 auto; padding:0 0px; list-style:none; overflow:hidden;}
ul#ul_2btn li{ float:left; width:50%;}
.btnbox{ margin:0 10px; background:#ddd;}
.btnbox img{ margin:0; padding:0; vertical-align:bottom;}

.btn03 a p{ width:auto; margin:0px auto; padding:10px; text-align:center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; display:block;}
.btn03 a:hover p{ background:#06234f; color:#fff;}

ul#ul_contactbox{ margin:0; padding:0; list-style:none; overflow:hidden;}
ul#ul_contactbox li{ float:left;}
ul#ul_contactbox li:first-child{ width:45%;}
ul#ul_contactbox li:last-child{ width:55%;}

ul#ul_wholesale{ max-width:300px; margin:10px auto 70px auto; padding:0; list-style:none; clear:both;}
ul#ul_wholesale li{ float:left; width:50%; font-size:15px;}
.wholesalebox{ margin:5px; padding:8px; text-align:center; border:1px solid #122e57; border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px;}
a .wholesalebox{ background:#fff; color:#46638f; border:1px solid #46638f;}
a:hover .wholesalebox, a.active .wholesalebox{ background:#122e57; color:#fff;}

a.blue{ color:#46638f;}

ul.ul_num{ margin:0; padding:0; list-style:decimal;}
ul.ul_num li{ margin:0 0 0 20px; line-height:24px;}
ul.ul_letter{ margin:0; padding:0; list-style: lower-alpha;}
ul.ul_letter li{ margin:0 0 0 20px; line-height:24px;}
/*** INNERBOX ***/

/*** FOOTER ***/
footer{ background:#06234f;}

#fbox{padding:40px 0;}

ul#ul_fbox{padding:0 0 20px 0; overflow:hidden; list-style:none;}
ul#ul_fbox li{ float:left; color:#fff; overflow:hidden;}
ul#ul_fbox li:first-child{ width:20%;}
ul#ul_fbox li:last-child{ width:80%;}

ul#ul_social{ overflow:hidden; margin:0 auto; list-style:none;}
ul#ul_social li{ float:left; width:30px !important; height:30px; margin-right:5px; padding:0;}
.socialhover { position:relative;}
.socialhover img { height:30px; position:absolute; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out;}
.socialhover img:nth-of-type(2):hover{ opacity:0;}

.f_right{ float:right; overflow:hidden; color:#999;}
.f_right p{ float:left; margin-right:10px; color:#fff; line-height:30px;}
.f_right_email{ float:left; width:215px; height:24px; padding:5px; border:0; border-radius:0; appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none;}
a .f_right_submit{ float:right; width:103px; margin:0 0 0 5px !important; padding:8px 20px; background:#06234f !important; border:1px solid #41719c; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:14px; background:#111; color:#fff; display:block;}
a:hover .f_right_submit{ background:#fff !important; color:#06234f; display:block; cursor:pointer;}

ul#ul_fbox2{padding:20px 0 0 0; border-top:1px solid #41719c; overflow:hidden; list-style:none;}
ul#ul_fbox2 li{ float:left; width:50%;}
.copyright{ color:#fff; text-align:right;}
ul#ul_privacy{ margin:0; padding:0; overflow:hidden; list-style:none;}
ul#ul_privacy li{ float:left; width:auto !important; margin-right:20px; padding:0; color:#fff;}
ul#ul_privacy li a{ color:#fff;}
ul#ul_privacy li a:hover{ color:#fff; text-decoration:underline;}
/*** FOOTER ***/

/*** PAGE NAV ***/
#listbox{ margin:20px 20px 0 20px; padding:30px 0 0 0; clear:both;}
#list{ position:relative; float:right; right:50%;}

#nav_list{ clear:both;}
#navlist{ position:relative; float:right; right:50%;}
ul#ul_navlist{float:left; position:relative; left:50%; list-style:none;}
ul#ul_navlist li{ float:left;}

ul#ul_list{float:left; position:relative; left:50%; list-style:none;}
ul#ul_list li{ float:left;}
.li_border{ margin:0 4px; padding:10px 15px; color:#fff; background:#06234f; border:1px solid #ccc;}
a .li_border { color:#ccc; border:1px solid #ccc; background:#fff; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
a:hover .li_border { color:#fff; background:#46638f;}

.li_border_2{ margin:0 4px; padding:10px 15px; background:#eee; color:#ccc; border:1px solid #eee;}
a .li_border_2 { color:#ccc; background:#fff; border:1px solid #ccc;}
a:hover .li_border_2 { color:#fff; background:#46638f;}
/*** PAGE NAV ***/

/*** FUNCTION ***/
::-webkit-input-placeholder { color:#999;}
::-moz-placeholder { color:#999;}
:-ms-input-placeholder { color:#999;}
:-moz-placeholder { color:#999;}

#fbtn_box{ width:96px; margin:0 auto;}
#fbtn_box2{ width:96px; margin:0;}

a .submit01{ padding:10px 15px; margin:0 auto; border:1px solid #46638f; color:#fff; background:#46638f; cursor:pointer;}
a:hover .submit01{ border:1px solid #1e3960; color:#fff; background:#1e3960;}

.no_min_height{ min-height:0 !important;}

.clear{ clear:both;}

#float_left{ float:left; margin:0 30px 30px 0;}
#float_right{ float:right; margin:0 0 30px 30px;}

.color01{ color:#46638f;}
.color02{ color:#ff0000;}
.color03{ color:#2ca6e0;}
.color04{ color:#a9a9a9;}

.magtop_10{ margin-top:10px;}
.magbtm_10{ margin-bottom:10px;}
.magtop_20{ margin-top:20px;}
.magbtm_20{ margin-bottom:20px;}
.magleft_10{ margin-left:10px;}
.magleft_20{ margin-left:20px;}
.magright_10{ margin-right:10px;}
.magright_20{ margin-right:20px;}
.padtop_0{ padding-top:0px;}
.padbtm_0{ padding-bottom:0px;}
.padtop_10{ padding-top:10px;}
.padbtm_10{ padding-bottom:10px;}
.padtop_20{ padding-top:20px;}
.padbtm_20{ padding-bottom:20px;}
.padtop_30{ padding-top:30px;}
.padbtm_30{ padding-bottom:30px;}
.padtop_70{ padding-top:70px;}
.padbtm_70{ padding-bottom:70px;}

* {
    padding: 0;
    margin: 0;
}
#panorama-360-view {
    width: 100vw;
    height: 100vh;
}






/*** FUNCTION ***/

@media screen and (-webkit-min-device-pixel-ratio:0) { 
body{ font-family: Arial; font-size:15px; color:#333;}

strong, b{ font-weight:bold;}

.inewsbox_more{ float:left; text-align:center; line-height:30px;}
a .inewsbox_more{ width:80px; height:30px; background:#46638f; font-size:15px; color:#fff;}
a:hover .inewsbox_more{ width:80px; height:30px; background:#06234f; font-size:15px; color:#fff;}

/*** HEADER ***/
.searchlink { color: #666; display: block; float: right; position: relative; padding: 0 10px; right: 0; font-size: 1em; cursor: pointer; line-height: 50px;}
.searchlink:hover, .searchlink.open { color: #46638f;}
.searchlink.open > .searchform { display: block;}
.searchform { display: none; position: absolute; width: 270px; line-height: 40px; top: 45px; right: -20px; padding: 0; cursor: default; background: #fff;border:1px solid rgba(150,150,150,0.15);}
.searchlink.open .searchform { display: block;}
#search { display: block; position: relative;}
.search_txt{ width:100%; margin-left:3px; padding: 8px 5px; border: 0; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
#s { width:auto; padding: 8px; color: #999;border:1px solid rgba(150,150,150,0.15);}
button.sbtn { display: block; position: absolute; right: 10px; top: 23px; padding:10px 9px 9px 9px; background:#fff; border: none; color: #666; cursor: pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
/*** HEADER ***/

/*** INNERBOX ***/
.submit_midwidthbox { width:200px; margin:5px auto; padding:15px 30px; text-align:center; border:1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; display:block; background:#fff;}
.submit_midwidthbox:hover { width:200px; margin:5px auto; padding:15px 30px; text-align:center; border:1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; display:block; background:#06234f; color:#fff; cursor:pointer;}
/*** INNERBOX ***/

/*** FOOTER ***/
.f_right_email{ float:left; width:200px; height:24px; padding:5px;}
/*** FOOTER ***/
}