/*====================Common====================*/
html, body { color: #666; background-color: #fff; height: 100%; width: 100%; }

/*font*/
@font-face { font-family: Square721; src: url("../fonts/Square721/Square721BoldExtended.eot"); src: url("../fonts/Square721/Square721BoldExtended.eot?#iefix") format("embedded-opentype"), url("../fonts/Square721/Square721BoldExtended.woff") format("woff"), url("../fonts/Square721/Square721BoldExtended.ttf") format("truetype"), url("../fonts/Square721/Square721BoldExtended.svg#Sri-TSCRegular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: kenyanCoffee; src: url("../fonts/kenyanCoffee/kenyancoffeerg.eot"); src: url("../fonts/kenyanCoffee/kenyancoffeerg.eot?#iefix") format("embedded-opentype"), url("../fonts/kenyanCoffee/kenyancoffeerg.woff") format("woff"), url("../fonts/kenyanCoffee/kenyancoffeerg.ttf") format("truetype"), url("../fonts/kenyanCoffee/kenyancoffeerg.svg#Sri-TSCRegular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: TrebuchetMS; src: url("../fonts/TrebuchetMS/TrebuchetMS.eot"); src: url("../fonts/TrebuchetMS/TrebuchetMS.eot?#iefix") format("embedded-opentype"), url("../fonts/TrebuchetMS/TrebuchetMS.woff") format("woff"), url("../fonts/TrebuchetMS/TrebuchetMS.ttf") format("truetype"), url("../fonts/TrebuchetMS/TrebuchetMS.svg#Sri-TSCRegular") format("svg"); font-weight: normal; font-style: normal; }
/*text*/
.font_sg { font-family: Square721; color: #ff0000; }

.font_kc { font-family: kenyanCoffee; }

.font_vn { font-family: Verdana; }

.font_tm { font-family: TrebuchetMS; }

.text_red { color: #ff0000; }

.text_block { color: #000; }

/*btn*/
.btn { display: inline-block; }

.btn_redBorder { color: #d7000f; border: 1px solid #d7000f; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: 10px 40px 8px 30px; background: url("../images/base/arrow-02.png") no-repeat 80% center; font-weight: bold; }

.btn_redBorder:hover { color: #fff; background: url("../images/base/arrow-03.png") no-repeat 80% center #d7000f; }

/*blur*/
.blur { -moz-filter: blur(3px); -webkit-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); opacity: 0.6; }

/*bxsilder*/
.bx-wrapper .bx-viewport { border: none; left: 0; background: transparent; box-shadow: none; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #ccc; border-radius: 100%; width: 12px; height: 12px; margin: 0 8px; vertical-align: middle; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #d7000f; }
.bx-wrapper .bx-controls-direction a { background: url("../images/base/arrow.png") no-repeat left top; width: 32px; height: 62px; }
.bx-wrapper .bx-controls-direction .bx-next { background-position: left bottom; left: auto; }
.bx-wrapper .bx-controls-direction a:hover { background-position: right top; }
.bx-wrapper .bx-controls-direction .bx-next:hover { background-position: right bottom; }

/*tab menu*/
.tabMenu { position: relative; border-bottom: 1px solid #969696; height: 44px; margin-bottom: 80px; }
.tabMenu > div { position: relative; overflow: hidden; height: 45px; width: 100%; }
.tabMenu > div > div { position: absolute; }
.tabMenu a { display: inline-block; width: 233px; background: url("../images/base/tabMenu.jpg") repeat-x left top; background-size: 100% 43px; border: 1px solid #969696; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-left: 8px; color: #fff; font-size: 18px; line-height: 43px; text-align: center; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
.tabMenu a:first-child { margin-left: 0; }
.tabMenu .active, .tabMenu a:hover { background: #fff; color: #d7000f; border-bottom: 1px solid #fff; box-shadow: none; }
.tabMenu .show_tabBtn { display: block !important; }
.tabMenu .nowTab { display: none; background: url("../images/base/tabMenu.jpg") repeat-x left top; background-size: 100% 43px; color: #fff; border-radius: 0; font-size: 20px; text-align: center; padding: 15px 0; }
.tabMenu .tabCtrlMenu { position: absolute; right: 0; top: 0; }
.tabMenu .tabCtrlMenu span { display: inline-block; cursor: pointer; }
.tabMenu .tabCtrlMenu .tabPrev, .tabMenu .tabCtrlMenu .tabNext { width: 35px; height: 35px; margin: 5px 5px 0; background: url("../images/base/icon-menuSlider.png") no-repeat left top #ddd; }
.tabMenu .tabCtrlMenu .tabPrev:hover, .tabMenu .tabCtrlMenu .tabNext:hover { background-color: #dd2633; }
.tabMenu .tabCtrlMenu .tabNext { background-position: left bottom; }
.tabMenu .tabCtrlMenu .tabctrlBtn { display: none; position: absolute; right: 0; top: 0; width: 25px; height: 25px; background: url("../images/base/icon-mobileMenu.png") no-repeat left top #ddd; }
.tabMenu .tabCtrlMenu .tabctrlBtn.tabClose { background-position: left bottom; }

/*products silder*/
.proSilder .itemList { display: none; }
.proSilder .itemList > a { display: block; text-align: center; }
.proSilder .itemList > a img { margin: 0 auto; }
.proSilder .itemList > a h6 { font-weight: bold; margin: 15px 0; min-height: 20px; }
.proSilder .itemList > a span { margin-left: 10px; }
.proSilder .itemList > a:hover .btn { color: #fff; background: url("../images/base/arrow-03.png") no-repeat 80% center #d7000f; }
.proSilder .bx-controls-direction a { left: -100px; display: inline-block; }
.proSilder .bx-controls-direction .bx-next { right: -100px; }

#ajaxData { display: none; }

/*list style*/
.listStyle_red { list-style: outside url("../images/base/list-style-red.png"); }

.listStyle_gray { list-style: inside url("../images/base/list-style-gray.png"); }

/*line*/
.hrStyle { line-height: 0; padding: 0; margin: 0; background: url("../images/base/line2.png"); height: 10px; }
.hrStyle img { width: 115px; height: 10px; margin: 0; padding: 0; }

/*form_default*/
.form_default input[type=text], .form_default textarea { margin: 0; padding: 6px 10px; color: #fff; width: 100%; letter-spacing: 0.1em; border: none; background-color: transparent; font-size: 18px; }
.form_default textarea { height: 100px; }
.form_default input[type=radio], .form_default input[type=checkbox] { margin-right: 10px; }
.form_default select { border: 0; margin: 5px 0; padding: 8px 20px 8px 10px; font-size: 18px; color: #fff; width: 120px; letter-spacing: 0.1em; background: url("../images/base/arrow_down.png") no-repeat right center #bbb; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.form_default label { font-size: 18px; margin: 10px 30px 10px 0; color: #bbb; }

/*pager*/
.pager { text-align: center; margin: 20px 0; font-size: 15px; }
.pager a { display: inline-block; background: #fff; border-radius: 5px; padding: 5px 10px; margin: 0 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
.pager a:hover, .pager .curr { color: #d7000f; }
.pager .prevBtn, .pager .nextBtn { width: 90px; }

/*masonrylist*/
.masonrylist { padding: 30px 0; margin: 0 auto; }
.masonrylist > *:hover .btn_redBorder { color: #fff; background: url("../images/base/arrow-03.png") no-repeat 80% center #d7000f; }

.slideToggle > div { width: 480px; margin-bottom: 40px; padding: 15px 25px 25px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 5px; }

.boxList > a { width: 230px; padding: 10px; margin-bottom: 40px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 5px; }
.boxList > a h2 { font-family: TrebuchetMS; font-size: 15px; line-height: 20px; color: #000; height: 80px; overflow: hidden; margin: 5px 0 10px; }
.boxList > a span { font-family: TrebuchetMS; display: inline-block; width: 126px; }

/*colorbox*/
#cboxOverlay { background: #000; }

#cboxClose, #cboxClose:hover { background: url(../images/base/closeClorobox.png) no-repeat left top; width: 32px; height: 32px; top: -32px; }

/*chcek*/
.chekWrap { display: none; }

.chekContent { width: 400px; height: 180px; background: #fff; padding: 60px 0; font-size: 18px; text-align: center; }
.chekContent input:first-child{ width: 337px; }
.chekContent input { width: 60%; border: none; background: #eee; margin: 15px 0; padding: 8px 10px; }
.chekContent div { font-size: 15px; }
.chekContent div a { display: inline-block; padding: 10px 20px; margin: 10px; background: #e50012; color: #fff; }
.chekContent div a:hover { background-color: #666; }

.inlineBox #cboxContent, .inlineBox #cboxLoadedContent { background: transparent !important; }
.inlineBox #cboxTitle, .inlineBox #cboxClose { display: none; }

/*chrome for focus has blue border*/
input, button, select, textarea { outline: none; }

*:focus { outline: none; }

/*====================Framework====================*/
/*----------base----------*/
.wrap { position: relative; overflow: hidden; }

/*header*/
.header { position: fixed; width: 100%; background: url("../images/base/alpha-white.png"); border-bottom: 1px solid #d5d5d5; z-index: 999; }
.header > div { position: relative; width: 1200px; height: 75px; margin: 0 auto; }

.logo { display: block; padding-top: 20px; }

/* nav { position: absolute; right: 0; top: 0; z-index: 1; font-family: Arial, "微軟正黑體","新細明體"!important;font-size: 14px;color: #000;line-height: 145%;} */
nav { position: absolute; left: 235px; top: 0; z-index: 1; font-family: Arial, "微軟正黑體","新細明體"!important;font-size: 14px;color: #000;line-height: 145%;}
nav a { position: relative; display: inline-block; font-size: 18px; line-height: 75px; width: 106px; font-weight: bold; text-align: center; }
 nav a span { display: block; position: absolute; bottom: 8px; margin-left: -7px; left: 50%; font-size: 12px; font-weight: normal; color: #d7000f; }
 nav .active,  nav .hover { color: #fff; }
 nav .active span,  nav .hover span { color: #fff; }
 nav .hoverOut { color: #000 !important; }

.menuBg { position: absolute; right: 0; top: -5px; width: 106px; background: #dd2633; height: 5px; opacity: 0; }

.ctrlBtn { display: none; background: url("../images/base/ctrl.svg") no-repeat; width: 32px; height: 32px; }

.ctrlBtn_close { background-image: url("../images/base/ctrl2.svg"); }

/*mainWrap*/
.mainWrap { background-position-y: -100px; background-repeat: no-repeat; background-attachment: fixed; opacity: 0; -moz-background-size: cover; background-size: cover; }

/*crumbs*/
.crumbs { margin: 0 auto 30px; }
.crumbs a { display: inline-block; margin: 0 10px; color: #999; vertical-align: middle; font-weight: bold; }
.crumbs a:first-child { margin-left: 0; }
.crumbs a:last-child { color: #dd2633; }
.crumbs img { margin-right: 10px; }

/*sub*/
.subbox { position: relative; text-align: center; /*padding-top: 510px;*/ }

.submenu { position: relative; display: inline-block; margin: 5px auto; padding-top: 10px; height: 90px; overflow: hidden; }
.submenu a { float: left; padding: 16px 30px 15px; text-align: center; width: 180px; color: #fff; font-size: 18px; margin: 0 5px; margin-top: 90px; }
.submenu h2 { font-size: 18px; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 5px; font-weight: bold; }

.goingdown { position: absolute; display: block; bottom: 75px; left: 50%; margin-left: -28px; opacity: 0; }

.submenu_aquamarine { background: url("../images/base/head-icon-aquamarine.jpg"); }

.submenu_green { background: url("../images/base/head-icon-green.jpg"); }

.submenu_red { background: url("../images/base/head-icon-red.jpg"); }

/*main*/
.mainbox { background: #fff; }

.main { width: 1200px; margin: -5px auto 0; padding: 100px 0; }

/*gotop*/
.gotop { position: absolute; right: 100px; top: 0; opacity: 0; }

/*footer*/
.footer { background: url("../images/base/footer-bg.jpg"); text-align: center; font-size: 12px; }
.footer > div { background: url("../images/base/footer-img.png") no-repeat 20px bottom; /*height: 100%;*/ vertical-align: middle; padding: 15px; }
.footer > div > div:first-child { padding: 75px 0 70px; }
.footer > div > a { display: inline-block; font-size: 15px; border-bottom: 1px dotted #666; padding: 2px 5px; margin-bottom: 50px; }
.footer img { margin: 0 8px; }


/*----------pages----------*/
/*index*/
.index .main { width: auto; margin: 0; padding: 100px 0; }
.index .bannerInfo { position: absolute; margin-left: 300px; left: 50%; bottom: 35px; text-align: left; }
.index .bannerInfo > a { display: block; font-size: 20px; color: #000; margin: 10px 0; width: 220px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25); }
.index .bannerInfo > a img { border-radius: 100%; background: #d7000f; vertical-align: middle; margin-right: 10px; }
.index .bannerInfo > a:hover { background: url("../images/page/index/arrow.png") no-repeat 95% center #dcdcdc; border-radius: 50px; }
.index .bannerInfo > div { display: none; border-radius: 5px; width: 300px; padding: 15px 10px; color: #fff; background: url("../images/page/index/infobg.png") no-repeat left top; font-size: 15px; height: 150px; overflow: hidden; }
.index .bannerInfo > div ul { display: none; height: 150px; margin: 0 auto; }
.index .bannerInfo > div li { margin-bottom: 10px; }
.index .bannerInfo > div li > * { display: block; font-size: 15px; width: auto; vertical-align: top; line-height: 25px; }
.index .bannerInfo > div li h6 { width: 30%; font-size: 18px; fonweight: bold; background: #fff; color: #dd2633; text-align: center; padding: 2px 0; width: 40%; line-height: inherit; }
.index .bannerInfo > div li > a { float: right; width: auto; }
.index .bannerInfo > div li:first-child { font-size: 20px; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 10px; }
.index .bannerInfo > div .active { display: block; }
.index .goingdown { opacity: 1; bottom: 35px; }
/*.index .subbox { padding: 0; margin: 0; max-height: none; }
.index .subbox .bx-wrapper .bx-pager { width: auto; left: auto; right: 20px; bottom: 30px; }
.index .subbox .bxsilder > div { width: 100%; height: 100% !important; overflow: hidden !important; }
.index .subbox .bxsilder > div video{ background: transparent !important; transform: translateX(-50%) translateY(-50%); width: auto; height: auto; min-width: 100%; min-height: 100%; top: 50%; left: 50%; position: relative; }
.index .subbox .bxsilder > div img { width: 100%; height: auto; }*/
.index .proSilder { background: url("../images/base/bg-01.png") no-repeat right center; }
.index .proSilder .itemList { display: block; }
.index .proSilder .itemList div { text-align: center; }
.index .proSilder .itemList div > div:first-child { display: block; }
.index .proSilder .itemList div > a { display: block; padding-top: 62px; }
.index .proSilder .itemList div > a h6 { font-weight: bold; margin: 15px 0; min-height: 20px; }
.index .proSilder .itemList div > a:first-child { width: 65px; height: 62px; float: right; padding-top: 0; }
.index .proSilder .itemList div > img + img { margin: 0 auto; clear: both; }
.index .proSilder + div { min-height: 400px; margin: 70px auto; font-size: 15px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
/* .index .proSilder + div div { display: inline-block; vertical-align: top; width: 49.5%; background: url("../images/page/index/local-overhaul-service.jpg") no-repeat center center; min-height: 400px; padding-top: 100px; } */
.index .proSilder + div ul { display: inline-block; vertical-align: top; padding-left: 25px; }
/* .index .proSilder + div div:first-child { background-image: url("../images/page/index/services.jpg"); text-align: right; } */
.index .proSilder + div div:first-child ul { width: 420px; text-align: left; padding-left: 0; }
.index .proSilder + div h6 { margin-bottom: 25px; text-shadow: none; }
.index .proSilder + div li { margin: 15px 0 0 32px; color: #000; }
.index .proSilder + div li:first-child{ margin-left: 0; list-style: none; }
/*.index .proSilder + div li:first-child{ margin: 0; }*/
.index .proSilder + div li:last-child{ list-style: none; margin-left: 0; padding-left: 32px; }
.index .font_sg, .index .font_kc { font-size: 23px; }
#inline_content{ width: 100%; height: 100%; }
/*.indexVideo #cboxContent,.indexVideo #cboxLoadedContent,.indexVideo .cboxIframe{ background: transparent !important; }*/
/*.fluid-width-video-wrapper iframe{ height: 1080px !important; width: 101%; top: -16px !important; }*/
/*.index #ivideo{ width: 95% !important; height: 95% !important; margin: 0 auto !important; }*/
/*.indexVideo #cboxLoadedContent iframe{ width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; margin: 0 auto; }*/
/*.indexVideo video{ width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; margin: 0 auto; }*/




/*products*/
.products > div { background: url("../images/base/bg-01.png") no-repeat right 80%; }
.products .main { padding-top: 160px; }

.products_view .main { padding-top: 160px; }
.products_view .picSilder { display: inline-block; vertical-align: top; width: 600px; }
.products_view .picSilder a { display: block; }
.products_view .picSilder img { margin: 0 auto; }
.products_view .info { display: inline-block; vertical-align: top; width: 510px; margin-left: 80px; text-align: right; }
.products_view .info .selectProject { display: inline-block; margin: 0; position: relative; width: 120px; }
.products_view .info .selectProject > a { display: block; font-size: 18px; padding: 0; width: 63px; height: 58px; margin: 0 auto; background: url(../images/base/icon-type.png) no-repeat center center; }
.products_view .info .selectProject > div { display: none; position: absolute; background: #d7000f; color: #fff; padding: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); margin: 10px auto; width: 100%; }
.products_view .info .selectProject > div a { display: block; padding: 10px 0 5px; border-top: 1px dotted #fff; color: #fff; margin: 5px 10px; text-align: center; }
.products_view .info .selectProject > div a:first-child { border-top: none; }
.products_view .info .selectProject .trunOn { background-image: url("../images/base/icon-type2.png"); }
.products_view .info > ul { text-align: left; list-style-position: outside; margin-left: 30px; margin-bottom: 30px; }
.products_view .info > ul > li { margin: 5px 0; }
.products_view .info > ul > li:first-child { list-style: none; color: #d7000f; font-size: 16px; font-weight: bold; margin: 10px 0; margin-left: -30px; }
.products_view .info > .btn { text-align: left; margin: 40px 0; }
.products_view .info > .btn > a { display: inline-block; width: 120px; height: 64px; background: url("../images/base/buttom.png") no-repeat left top; color: #fff; font-size: 18px; line-height: 45px; text-align: right; padding: 0 45px 0 25px; vertical-align: top; margin: 0 10px; text-align: center; text-shadow: 1px 1px 1px #999; }
.products_view .info > .btn > a + a { background-position: left bottom; text-shadow: 1px 1px 1px #bbb; }
.products_view .info > .btn > a:hover { background-position: right top; }
.products_view .info > .btn > a + a:hover { background-position: right bottom; }
.products_view .font_kc { font-size: 50px; margin-bottom: 50px; color: #d7000f; text-align: left; line-height: 50px; }
.products_view .font_kc span { font-size: 80px; }
.products_view .feature { padding: 0 20px; }
.products_view .feature h2 { font-size: 30px; color: #666; }
.products_view .feature .hrStyle { margin: 20px 0 40px; }
.products_view .feature .hrStyle img { width: 120px; height: 10px; }
.products_view .feature .hrStyle ~ div { float: left; width: 48%; padding-left: 4%; vertical-align: top; }
.products_view .feature .hrStyle ~ div:nth-child(odd) { clear: left; padding-left: 0; }
.products_view .feature h3 { padding: 10px 0 10px 25px; background: url("../images/base/icon-square.jpg") no-repeat left center; color: #df0011; border-bottom: 1px solid #d1d1d1; }
.products_view .feature ul { margin: 15px 0 30px; list-style-position: outside; margin-left: 30px; }
.products_view .feature ul li { margin: 5px 0; }
.products_view .feature ul > li:first-child { list-style: none; color: #d7000f; font-size: 16px; font-weight: bold; margin: 10px 0 10px -30px; }
.products_view .feature ul * { max-width: 100%; }
.products_view .feature .text_block { font-weight: bold; list-style: none; margin: 5px 0 5px -30px; }

.products_vr .vr { padding: 0 20px; }
.products_vr .vr div { width: 100% !important; margin: 30px auto; }
.products_vr .vr #photo{ height: 100% !important; width: 100% !important; }

/*dealers*/
.dealers .main { padding-top: 160px; }
.dealers .itemList { padding: 0 40px; /*For IE 6/7 only*/ }
.dealers .itemList > li > div { float: left; width: 50%; border-left: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 0 30px 50px; }
.dealers .itemList > li > div:first-child { border: none; padding-left: 0; }
.dealers .itemList > li .font_kc { font-size: 50px; color: #e60013; line-height: 50px; }
.dealers .itemList > li span { display: block; font-size: 18px; color: #000; padding: 20px 0 10px; }
.dealers .itemList > li li { list-style: decimal-leading-zero; padding: 4px 0; margin-left: 25px; font-size: 15px; }
.dealers .itemList > li:before, .dealers .itemList li:after { content: " "; display: table; }
.dealers .itemList > li:after { clear: both; }
.dealers .itemList > li { *zoom: 1; }
.dealers .itemList > li:nth-child(even) > div { float: right; }
.dealers .itemList > li:nth-child(even) > div:first-child { border-left: 1px solid #ddd; }
.dealers .itemList > li:nth-child(even) > div:first-child + div { border: none; }

/*service*/
.service .masonrylist > div > div:first-child { position: relative; display: inline-block; width: 140px; height: 140px; vertical-align: middle; }
.service .masonrylist > div > div:first-child > img { left: 0; top: 0; border-radius: 100%; border: 1px solid #fff; }
.service .masonrylist > div > div:first-child > img:first-child + img { position: absolute; border-color: #d7000f; }
.service .masonrylist > div > h2 { display: inline-block; margin-left: 10px; width: 320px; color: #000; vertical-align: middle; }
.service .masonrylist > div > a { display: block; margin-top: 10px; margin-left: 160px; font-size: 15px; color: #d7000f; }
.service .masonrylist > div > h2 + div { display: none; margin: 20px 0; color: #fff; width: 475px; }
.service .masonrylist > div:nth-child(even) { float: right; }
.service .masonrylist .open { background: #d7000f; }
.service .masonrylist .open > h2 { color: #fff; }
.service .masonrylist .open > div:first-child img:first-child + img { opacity: 0; }
.service .masonrylist .closeBtn { float: right; background: url("../images/base/close.png") no-repeat; width: 20px; height: 20px; color: transparent; text-indent: -9999px; }

/*overhaul*/
.overhaul .main { width: auto; }
.overhaul .crumbs{ width: 1200px; margin: 0 auto 30px; }
.overhaul .tabMenu { width: 1200px; margin: 0 auto; }
.overhaul .tabMenu + div { padding-top: 80px; position: relative; background: url("../images/page/overhaul/bg.jpg") no-repeat left top; }
.overhaul .tabMenu + div > div { width: 1200px; margin: 0 auto; min-height: 900px; font-size: 15px; color: #555; line-height: 25px; }
.overhaul .tabMenu + div > div h2 { color: #000; font-family: TrebuchetMS; margin-bottom: 20px; }
.overhaul .tabMenu + div > div > div { margin-bottom: 30px; padding: 0 100px; }
.overhaul .tabMenu + div > div img { margin: 20px 0; }
.overhaul .tabMenu + div > div h3 { border-left: 5px solid #d7000f; font-size: 16px; padding-left: 10px; color: #000; line-height: 16px; margin: 20px 0 10px; font-weight: bold; }
.overhaul .tabMenu + div > div a { display: inline-block; width: 190px; margin: 2.5px 5px; padding: 10px 0; color: #d7000f; border: 3px solid #ddd; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*application*/
.application { font-family: Century Gothic; color: #fff; text-align: center; background: url("../images/page/application/application.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; }
.application > div { position: relative; width: 1080px; margin: 0 auto; padding: 50px 0 100px; line-height: 30px; }
.application > div > h2 { font-size: 20px; color: #fff; padding: 40px 0; }
.application > div > a { border: 1px solid #d7000f; color: #d7000f; font-size: 30px; padding: 10px 15px; }
.application > div ul { opacity: 0; text-align: left; margin: 100px 0 50px; }
.application > div ul li { padding: 0 0 100px; position: relative; opacity: 0.1; }
.application > div .submitBtn { display: none; }
.application > div h3 { font-size: 30px; margin: 15px 0; cursor: pointer; }
.application > div .active { opacity: 1; }
.application > div .enterBtn { display: none; position: absolute; left: 0; padding: 10px; font-size: 20px; color: #999; border: 1px solid #999; }
.application > div .enterBtn img { vertical-align: middle; margin-right: 10px; }
.application > div select { width: 300px; }
.application .btn_redBorder { margin: 100px 0; }
.application input[name=SCode]{ vertical-align: middle; display: inline-block; width: 50%; margin: 0 20px 0 0; }
/*security_code*/
.security_code { vertical-align: middle; display:inline-block; background-image:url(../images/base/spacer.gif); background-repeat:no-repeat; width:97px; height:28px; background-color:#343434; }

/*vacancies*/
.vacancies .masonrylist > div > h2 { color: #000; width: 470px; }
.vacancies .moreBtn { display: block; margin-top: 10px; font-size: 15px; color: #d7000f !important; }
.vacancies .masonrylist > div > div { display: none; margin: 20px 0; font-size: 15px; line-height: 25px; color: #fff; width: 475px; }
.vacancies .masonrylist > div > div + a { display: none; color: #fff; border-bottom: 1px solid #fff; }
.vacancies .masonrylist > div > span { display: inline-block; color: #555; margin: 5px 0; }
.vacancies .masonrylist > div:nth-child(even) { float: right; }
.vacancies .masonrylist .open { background: #d7000f; }
.vacancies .masonrylist .open > h2, .vacancies .masonrylist .open > span { color: #fff; }
.vacancies .masonrylist .open > div + a { display: inline-block; }
.vacancies .masonrylist .closeBtn { float: right; background: url("../images/base/close.png") no-repeat; width: 20px; height: 20px; color: transparent; text-indent: -9999px; }

/*brand*/
.brandView .main { width: auto; }
.brandView .tabMenu { width: 1200px; margin: 80px auto; }
.brandView .crumbs{ width: 1200px; }
.brandView .tabMenu + img { width: 100%; height: auto; }
.brandView section { width: 1200px; margin: 60px auto; color: #000; }
.brandView h2 + div { margin: 40px 0; }
.brandView h2 + div + div ul { width: 44.5%; margin-right: 5%; padding: 2%; float: left; border: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url("../images/page/brand/line.png") no-repeat left top; background-size: 5px 145px; }
.brandView h2 + div + div ul li:first-child { color: #d7000f; font-size: 20px; margin-bottom: 20px; }
.brandView h2 + div + div ul:nth-child(2) { margin-right: 0; }
.brandView h2 + div + div li { color: #555; line-height: 25px; font-size: 15px; }

/*history*/
.historys .tabMenu + div { padding: 80px 0; /*For IE 6/7 only*/ }
.historys .tabMenu + div a { width: 90%; opacity: 0; display: block; text-align: center; margin: -73px auto 0; background: url("../images/page/history/pipe-blue-01.png") no-repeat 60% 25px; min-height: 300px; }
.historys .tabMenu + div h2 { display: inline-block; font-family: TrebuchetMS; font-size: 32px; background: #5ebed0; color: #fff; border-radius: 100%; width: 100px; height: 100px; text-align: center; line-height: 100px; }
.historys .tabMenu + div ul:before, .historys .tabMenu + div ul:after { content: " "; display: table; }
.historys .tabMenu + div ul:after { clear: both; }
.historys .tabMenu + div ul { *zoom: 1; }
.historys .tabMenu + div ul { background: url("../images/page/history/pipe-blue-02.png") repeat-y; background-position: 60% top; }
.historys .tabMenu + div ul li { float: left; text-align: left; width: 35%; padding: 20px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.historys .tabMenu + div ul li:first-child { position: relative; text-align: right; width: 65%; margin: 20px 0; padding: 0 20px; min-height: 116px; }
.historys .tabMenu + div ul li:first-child div { background: #5ebed0; color: #fff; border-radius: 10px; padding: 20px; font-size: 15px; }
.historys .tabMenu + div ul li:last-child { display: block; width: auto; float: none; clear: both; background: url("../images/page/history/pipe-blue-03.png") no-repeat #fff; background-position: 60% top; height: 81px; }
.historys .tabMenu + div ul li > div, .historys .tabMenu + div ul li > img { opacity: 0; }
.historys .tabMenu + div a:nth-child(even) { background-image: url("../images/page/history/pipe-deepblue-01.png"); background-position: 40% 25px; }
.historys .tabMenu + div a:nth-child(even) h2 { background: #61737d; }
.historys .tabMenu + div a:nth-child(even) ul { background: url("../images/page/history/pipe-deepblue-02.png") repeat-y; background-position: 40% top; }
.historys .tabMenu + div a:nth-child(even) ul li { float: right; text-align: right; }
.historys .tabMenu + div a:nth-child(even) ul li div { background: #61737d; }
.historys .tabMenu + div a:nth-child(even) ul li:first-child { text-align: left; }
.historys .tabMenu + div a:nth-child(even) ul li:last-child { display: block; width: auto; float: none; clear: both; background: url("../images/page/history/pipe-deepblue-03.png") no-repeat #fff; background-position: 40% top; height: 81px; }
.historys .tabMenu + div a:hover { background-image: url("../images/page/history/pipe-red-odd-01.png"); }
.historys .tabMenu + div a:hover h2 { background: #d7000f; }
.historys .tabMenu + div a:hover ul { background: url("../images/page/history/pipe-red-odd-02.png") repeat-y; background-position: 60% top; }
.historys .tabMenu + div a:hover ul li:first-child div { background: #d7000f; }
.historys .tabMenu + div a:hover ul li:last-child { background: url("../images/page/history/pipe-red-odd-03.png") no-repeat #fff; background-position: 60% top; }
.historys .tabMenu + div a:nth-child(even):hover { background-image: url("../images/page/history/pipe-red-even-01.png"); }
.historys .tabMenu + div a:nth-child(even):hover ul { background: url("../images/page/history/pipe-red-even-02.png") repeat-y; background-position: 40% top; }
.historys .tabMenu + div a:nth-child(even):hover ul li:last-child { background: url("../images/page/history/pipe-red-even-03.png") no-repeat #fff; background-position: 40% top; }
.historys .tabMenu + div a:first-child { opacity: 1; }

/*worldwide*/
.worldwide .main { width: auto; padding-bottom: 0; /*text-align: center;*/ }
.worldwide .main .crumbs{ width: 1200px; }
.worldwide .main .tabMenu { /*display: inline-block;*/ width: 1200px; margin: 0 auto; padding: 0; }
.worldwide .main .tabMenu + div { text-align: left; height: 960px; background: url("../images/page/worldwide/bg.jpg"); background-size: 100% 960px; padding-top: 60px; }
.worldwide .main .tabMenu + div .worldmap { position: relative; margin: 0 auto; background: url("../images/page/worldwide/map.png"); width: 820px; height: 760px; font-size: 15px; }
.worldwide .main .tabMenu + div .worldmap > a { position: absolute; font-weight: bold; display: block; padding: 10px 20px; color: #000; background: url("../images/page/worldwide/icon.png") no-repeat left center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: right;}
.worldwide .main .tabMenu + div .worldmap > a.active, .worldwide .main .tabMenu + div .worldmap > a:hover { color: #d7000f; }
.worldwide .main .tabMenu + div .worldmap > a:first-child { left: 605px; top: 105px;width: 98px;height: 38px; }
.worldwide .main .tabMenu + div .worldmap > a:nth-of-type(2) { left: 525px; top: 220px; width: 104px;height: 38px;}
.worldwide .main .tabMenu + div .worldmap > a:nth-of-type(3) { left: 445px; top: 445px; width: 86px;height: 38px;}
.worldwide .main .tabMenu + div .worldmap > a:nth-of-type(4) { left: 130px; top: 285px; background-position: right center;width: 106px;height: 38px; }
.worldwide .main .tabMenu + div .worldmap > a:nth-of-type(5) { left: 85px; top: 360px; background-position: right center; width: 112px;height: 38px;}
.worldwide .main .tabMenu + div .worldmap > a:nth-of-type(6) { left: 142px; top: 224px; background-position: right center;width: 110px;height: 38px; }
.worldwide .main .tabMenu + div .worldmap > a:nth-of-type(7) { left: 132px; top: 238px; background-position: right center;width: 89px;height: 38px; }
.worldwide .main .tabMenu + div .worldmap .info { position: absolute; width: 380px; height: 160px; overflow: auto; background: #d7000f; padding: 20px; border-radius: 10px; color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
.worldwide .main .tabMenu + div .worldmap .info ul li:first-child { font-size: 25px; margin-bottom: 10px; font-family: TrebuchetMS; }
.worldwide .main .tabMenu + div .worldmap .info li { padding: 2px 0; }
.worldwide .main .tabMenu + div .drawLine { display: none\0; }
.worldwide #ajaxData { margin: 30px 0; }
.worldwide #ajaxData ul { width: 80%; margin: 0 auto 30px; text-align: left; background: #eee; border-radius: 10px; padding: 20px 10px; }
.worldwide #ajaxData ul li:first-child { font-size: 18px; color: #d7000f; margin-bottom: 10px; text-align: center; }
.worldwide #ajaxData ul li { margin-bottom: 5px; }

/*customers*/
.customers .tabMenu + div { position: relative; margin: 0 auto; padding: 10px 80px; }
.customers .tabMenu + div > a { display: block; float: left; text-align: center; font-size: 25px; width: 13.666%; height: 20px; padding: 30px 1%; margin: 1% 0.5%; box-shadow: 5px -5px 10px rgba(0, 0, 0, 0.3); border-radius: 10px; word-break: break-all; word-wrap: break-word; overflow: hidden; }
.customers .tabMenu + div > a:hover { background: #eee; }
.customers .tabMenu + div > a:first-child, .customers .tabMenu + div .redBtn { background: #d7000f !important; width: 30.332%; color: #fff !important; }
.customers .tabMenu + div > div { clear: both; display: none; width: auto; margin: 10px; padding: 50px 30px; font-size: 15px; background: #eee; border-radius: 10px; }
.customers .tabMenu + div > div *{ max-width: 100% !important; height: auto !important; }
.customers .tabMenu + div > div > span { display: block; }
.customers .tabMenu + div .smalltxt { font-size: 13px; padding: 25px 1% 35px !important; }
.customers .tabMenu + div .middletxt { font-size: 15px; }

/*news*/
.news .topNews { display: block; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 5px; margin: 0 50px 30px; padding: 10px; background: url("../images/page/news/line.png") no-repeat 260px center #eee; background-size: 1px 100%; }
.news .topNews > * { display: inline-block; vertical-align: middle; }
.news .topNews > div { display: inline-block; width: 800px; max-height: 170px; margin-left: 40px; line-height: 25px; font-size: 15px; }

.newsView section { margin: 0 50px 30px; padding: 10px; }
.newsView section > article:first-child { border: 1px solid #eee; border-left: 5px solid #d7000f; padding: 30px; }
.newsView section h6 { font-size: 20px; color: #d7000f; }
.newsView section > article + article { margin: 50px 0; }

/*videos*/
.videos .main { width: auto; padding: 0; background: url("../images/page/videos/videos.jpg"); }
.videos .main > div { width: 1200px; padding: 150px 0; height: 500px; margin: 0 auto; text-align: right; }
.videos .main ul { height: 400px; margin: 0 auto 20px; overflow: auto; text-align: left; }
.videos .main ul > li { float: left; width: 300px; height: 200px; }
.videos .main ul > li a { position: relative; display: block; overflow: hidden; }
.videos .main ul > li div { position: absolute; overflow: hidden; color: #fff; /*background: #91cf00;*/ background: url("../images/page/videos/bg.png"); width: 100%; height: 100%; /*opacity: 0.6; */ }
.videos .main ul > li div p { padding: 20px; line-height: 20px; }
.videos .main ul > li div span { display: inline-block; border: 1px solid #fff; padding: 5px; }
.videos .main ul > li div + img { position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -35px; opacity: 0.8; }
.videos .main .login { display: inline-block; }
.showVideo{ width: 100% !important; height: 100% !important; text-align: center; }
.showVideo video{ margin: 0 auto !important; }

.videoWrap { display: none; }

/*contact*/
.contact .main > div+div { background: #d7000f; padding: 50px 30px; width: 1000px; margin: 0 auto; border-radius: 10px; }
.contact .main > div+div > * { float: left; width: 500px; }
.contact .main > div+div > *:nth-child(even) { float: right; }
.contact .main > div+div > h6 { color: #fff; font-size: 40px; height: 150px; }
.contact .main > div+div .submenu { height: 150px; }
.contact .main > div+div .submenu a { float: none; margin: 0 2.5px 0; display: inline-block; border-radius: 10px; }
.contact .main > div+div .map { position: relative; text-align: right; margin-top: 30px; }
.contact .main > div+div .map > div { text-align: left; font-size: 40px; font-family: kenyanCoffee; color: #fff; display: block; position: absolute; width: 210px; height: 190px; background: url("../images/page/contact/line.png") no-repeat; background-size: 100% 190px; }
.contact .main > div+div .map > div a { padding-left: 20px; }
.contact .main > div+div .map > div:first-child { top: -90px; left: 100px; }
.contact .main > div+div .map > div:nth-child(2) { top: 20px; left: 40px; }
.contact .main > div+div .map > div:nth-child(3) { top: 210px; left: -15px; }
.contact .main > div+div .map > div a:hover, .contact .main > div .map > div.active a { color: #000; background: url("../images/page/contact/arrow.png") no-repeat left center; }
.contact .main > div+div .map > img { margin-right: 30px; }
.contact .main > div+div .googleMap { position: relative; border: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contact .main > div+div .googleMap > div { background: #fff; margin: 10px; display: none; }
.contact .main > div+div .googleMap > div:first-child { display: block; }
.contact .main > div+div .googleMap iframe { width: 100%; height: 360px; }
.contact .main > div+div .googleMap ul { padding: 10px; font-size: 15px; line-height: 30px; color: #000; }
.contact .main > div+div .googleMap ul li:first-child { font-size: 24px; font-family: TrebuchetMS; margin-bottom: 15px; }