ul {list-style: none;}
.body_style01 {background: #eeeeee url(../img/body_bg.jpg) no-repeat fixed 0px 0px;}
.body_style02 {background: #666}
a {outline: medium none!important;}

.m_images01 {height: auto;width: 100%;background: url(../img/index_images01.jpg) no-repeat 0px 0px;}
.m_images02 {height: auto;width: 100%;background: url(../img/index_images02.jpg) no-repeat 0px 0px;}
.m_images03 {height: auto;width: 100%;background: url(../img/index_images03.jpg) no-repeat 0px 0px;}

@media screen and (max-device-width: 720px) {.m_images01 {height: auto;width: 100%;background: url(../img/m_index_images01.jpg) no-repeat 0px 0px;}}
@media screen and (max-device-width: 720px) {.m_images02 {height: auto;width: 100%;background: url(../img/m_index_images02.jpg) no-repeat 0px 0px;}}
@media screen and (max-device-width: 720px) {.m_images03 {height: auto;width: 100%;background: url(../img/m_index_images03.jpg) no-repeat 0px 0px;}}

@media screen and (max-device-width: 480px) {.m_images01 {height: auto;width: 100%;background: url(../img/m_index_images01.jpg) no-repeat 0px 0px;}}
@media screen and (max-device-width: 480px) {.m_images02 {height: auto;width: 100%;background: url(../img/m_index_images02.jpg) no-repeat 0px 0px;}}
@media screen and (max-device-width: 480px) {.m_images03 {height: auto;width: 100%;background: url(../img/m_index_images03.jpg) no-repeat 0px 0px;}}

/* 警示區塊 */
#note_box { background:#ff4001;height:30px; line-height:30px; color:#fff; position:fixed;width:100%; z-index:99;}
#note_box a {color: #fff;text-decoration: none;display: inline-block;}
#note_box a:hover {color:#333;}
@media (max-width: 767px) {#note_box { display:none;}}

/* 選單 */
.navbar-fixed-top {top:30px;}
.navbar-inverse {background: #282828;}
.navbar-brand {text-indent: -9999px;margin: 0px;padding: 0px;background: url(../img/logo.png) no-repeat left center;height: 70px;width: 248px;}
.navbar-nav {font: 15px "Oswald",Arial, Helvetica, sans-serif;}
.navbar-right > li > a{padding: 0px 18px;line-height: 70px;}
.navbar-right > li > a.location {color:#D9A300;}
.navbar-right > li > a.location:hover {color:#D9A300;}
.navbar-right a.fb {background: url(../img/icon_fb.png) no-repeat center center;text-indent: -9999px;}
.navbar-right a.fb:hover {background: url(../img/icon_fb_hover.png) no-repeat center center;}
.navbar-inverse .navbar-nav > li.language a {margin: 0px;padding: 10px 0px;float: left;}
.navbar-inverse .navbar-nav > li > a.style01 {padding: 0px 10px;}
.navbar-inverse .navbar-nav > li > a.style02 {color: #D9A300;padding: 0px 10px;background: url(../img/nav_line.gif) no-repeat left center;}

@media (min-width: 1200px){.navbar-right > li > a{padding: 0px 25px;line-height:70px;}}


@media (min-width: 768px @screen-sm-min) and (max-width: 979px @screen-sm-max) {
.navbar-brand {text-indent: -9999px;margin: 0px;padding: 0px;background: url(../img/logo.png) no-repeat left center;height: 70px;width: 248px;}
.navbar-right > li > a{padding: 10px 18px;line-height: 70px;}
}

@media screen and (max-device-width: 767px) {
.navbar-fixed-top {top:0;}
.navbar-right > li > a{padding: 10px;line-height: 20px;}
#banner {display: none;}
.navbar-brand {text-indent: -9999px;margin: 0px;padding: 0px;background: url(../img/m_logo.png) no-repeat left center;height: 70px;width: 248px;}
}

/* 大圖 */
.carousel-caption h2 {text-indent: -9999px;}
.carousel img {width:100%;}
.languages {position: absolute;left: 20%;bottom: 18%;z-index: 999;}
.languages a {display: inline-block;border: 1px solid #FFF;color: #FFF;margin-right: 10px;font: 18px/50px Arial, Helvetica, sans-serif;text-decoration: none;height: 50px;width: 120px;text-align: center;}

/* banner */
#banner {width: 100%;position: relative;top: 70px;left: 0px; text-align:center;}
#banner img {width:100%;max-width:1920px;height:auto;}
#banner.unit_about {background: url(../img/banner_about.jpg) repeat-x fixed center center;background-size: 100% auto;}
#banner.unit_contact {background: url(../img/banner_contact.jpg) repeat-x fixed center center;background-size: 100% auto;}

@media screen and (max-width: 767px) {
#banner {display:none;}	
}
@media screen and (max-device-width: 480px) {
#banner {display:none;}	
}

/* 關於我們 */
#about {position: relative;padding-top: 126px;}
#about img {width:100%;height:auto;}
#about h2 {font-size: 36px;margin-bottom: 20px;}
#about h2.title01 {color: #D8A300;}
#about h2.title02 {color: #00A3D8;}
#about h2.title03 {color: #333333;}
#about p {line-height:200%;}
#about .list_box {min-height:430px;}
#about .list_box_style02 {padding: 50px 15px;}
#about .list_box_style03 {min-height: 430px;background: url(../img/about_unit03_bg.jpg) no-repeat right top;}


/* 最新消息 */
#news {position: relative;padding-top: 108px;min-height: 820px;}
#news h1.subjcet {font-size: 36px;border-bottom: 1px dashed #CDCDCD;padding-bottom: 20px;margin-bottom: 82px;}
#news .list_box {-moz-box-shadow: 1px 1px 1px 1px rgba(10%,10%,20%,0.1);-webkit-box-shadow: 1px 1px 1px 1px rgba(10%,10%,20%,0.1);box-shadow: 1px 1px 1px 1px rgba(10%,10%,20%,0.1);background:#fff;}
#news .list_box .info_area {width:100%;padding: 34px 22px 40px;overflow: hidden;}
#news .list_box img {width:100%; height:auto;}
#news .list_box h2 {font-size: 22px;}
#news .list_box a.list_text {text-decoration: none;font-size: 15px;color: #999999;}

#news_detail {background: #EEEEEE;position: relative;padding-top: 108px;}
#news_detail h1.subjcet {font-size: 36px;border-bottom: 1px dashed #CDCDCD;padding-bottom: 20px;margin-bottom: 82px;}
#news_detail .data {float: left;color: #FFF;background: #D9A300 url(../img/news_data_bg.gif) repeat-x 0px 34px;text-align: center;width: 54px;margin: 0px auto;}
#news_detail span.a_style {font-size: 26px;padding-top: 5px;padding-bottom: 5px;}
#news_detail span.b_style {font-size: 15px;}
#news_detail .col-md-7 p {float: right;width: 100%;font-size: 18px;color: #555;line-height: 168%;padding-left: 15px;}
#news_detail .col-md-5 {padding-left:100px;}
#news_detail .col-md-5 img {width:100%;height:auto;}

@media screen and (max-device-width: 480px) {
#news_detail .col-md-7 p {float: right;width: 100%;font-size: 18px;color: #555;line-height: 168%;padding-left: 15px;}
}

/* 聯絡我們 */
#contact {position: relative;padding: 146px 0px 76px;}
#contact h2 {font-size: 180%;margin: 0px 0px 20px;}
#contact h3 {font-size: 100%;margin: 0px;}
p.style01,p.style02 {font: 300 normal 170% "Lato", Arial, Helvetica, sans-serif;padding-left: 30px;}
#contact p.style01 {background: url(../img/icon_phone.png) no-repeat left center;}
#contact p.style02 {background: url(../img/icon_fax.png) no-repeat left center;}
#contact p.style03 {background: url(../img/icon_map.png) no-repeat left center;font-size: 110%;padding-left: 30px;}
#contact p.style04 {padding-bottom: 45px;}
#contact p.style05 {font-size: 95%;margin: 10px 0px; color:#555;}
.contact_bg {background: url(../img/contact_bg.jpg) no-repeat center 120px;padding: 30px 0px 0px;min-height: 650px;}
#contact .form-group {width: 100%;margin-bottom: 30px;}
#contact .left_area {float: left;width: 50%;}
#contact .right_area {float: right;width: 50%;}
#contact .form_style01 {width: 100px;}
#contact .form_style03 {width: 700px;height: 146px;}
#contact .btn_area {float: right;width: 50%;text-align: right;}
a.send,a.clear {font: 13px/40px "微軟正黑", Arial, Helvetica, sans-serif;color: #FFF;height: 40px;width: 120px;display: inline-block;text-align: center;text-decoration: none;}
#contact a.send {background: #EBB616;}
#contact a.clear {background: #676767;}


@media (min-width: 1200px){
#contact .left_area {float: left;width: 400px;}
#contact .right_area {float: right;width: 400px;}
#contact .form_style02 {width: 290px;}
#contact .form_style03 {width: 740px;height: 146px;}
.map_style01 {height: 460px;width: 800px;}
#contact .btn_area {float: right;width: 30%;text-align: right;}
}

@media (min-width: 768px @screen-sm-min) and (max-width: 979px @screen-sm-max) {
#contact .left_area {float: left;width: 50%;}
#contact .right_area {float: right;width: 50%;}
#contact .form_style02 {width: 240px;}
#contact .form_style03 {width: 700px;}
}

@media screen and (max-device-width: 767px) {
#contact .left_area {float: left;width: 100%;}
#contact .right_area {float: right;width: 100%;}
#contact .form_style03 {width: 100%;height: 146px;}
#contact .btn_area {float: right;width: 100%;text-align: center;margin-top: 12px;}
.map_style01 {height: 280px;width: 440px;}
}

/* 產品影音 */
#media {position: relative;padding-top: 176px;background: #676767;}
#media img {width:100%;height:auto;}
#media .top_area {position: relative;width: 100%;margin: 0px;font-size: 15px;line-height: 50px;color: #CCC;background: #ADADAD;padding: 0px;height: 50px;text-align: right;position: fixed;top: 100px;left: 0px;z-index: 99;}
#media .top_area ul {float: right;margin: 0px;padding: 0px;}
#media .top_area ul > li {float: left;margin: 0px;padding: 0px;}
#media .top_area span {float: left;font-size: 15px;line-height: 50px;color: #FFF;background: url(../img/pro_listbox.png) no-repeat center center;display: inline-block;height: 50px;width: 90px;text-align: center;margin-right: 16px;}
#media .top_area a {color: #fff;text-decoration: none;display: inline-block;padding: 0px 20px;}
#media .top_area a:hover {color: #000;background: url(../img/icon_arrow2.png) no-repeat center bottom;}
#media .top_area a.location {color: #000;background: url(../img/icon_arrow2.png) no-repeat center bottom;}
#media .info_area {float: left;margin-bottom: 40px;color: #FFF;}
#media .info_area h2 {font-size: 2.2em;margin: 0px;padding: 0px;}
#media .info_area h3 {font-size: 1.2em;margin: 0px;padding: 0px 0px 6px;}
#media .info_area p {font-size: 1em;margin: 0px;padding: 0px;}
#media .info_area .left_area {float: left;width: 168px;background: url(../img/media_line.gif) no-repeat right center;}
#media .info_area .left_area2 {float: left;width: 198px;background: url(../img/media_line.gif) no-repeat right center;}
#media .info_area .left_area3 {float: left;width: 198px;background: url(../img/media_line.gif) no-repeat right center;}
#media .info_area .right_area {float: left;padding: 0px 0px 0px 10px;}
#media .info_area .right_area a {color: #FFF;text-decoration: none;}
#media .info_area .right_area a:hover {text-decoration: underline;}
#media .info_area .right_area a.location {color: #E82222;text-decoration: none;}
a.standard {font: 13px/40px "微軟正黑", Arial, Helvetica, sans-serif;color: #FFF;height: 40px;width: 200px;display: inline-block;text-decoration: none;background: #9A1817 url(../img/icon_arrow.png) no-repeat 130px center;margin-top: 36px;padding-left: 52px;}
#media ul.item_box {float: left;margin: 0px 0px 50px;padding: 0px;}
#media .item_box li {float: left;width:190px; min-height:146px;text-align: center;margin: 0px 10px 0px 0px; transition: 0.3s;}
#media .item_box li img {border: 2px solid #CCC; transition: 0.3s;}
#media .item_box li img:hover {border: 2px solid #9A1817;}
#media .item_box li a {font-size: 13px;line-height: 44px;color: #FFF;text-decoration: none;width: 100%;display: block;}
#media .item_box li a:hover {color: #DF3030;}
#media .img_box {float: left;width: 190px;position: relative;left: 0px;top: 0px;}
#media .img_box img {float: left;position: absolute;left: 0px;top: 0px;}
#media .name_box {float: left;width: 190px;position: relative;left: 0px;top: 100px;}
#media .vedio_box {float: left;width: 90%;height:320px;margin:0px;padding: 0px;}
#media .text_box {float: left;width: 100%;margin: 28px 0px 0px;padding: 0px;font-size: 15px;line-height: 168%;color: #FFF;}
#media a.detail {float:left;font: 13px/40px "微軟正黑", Arial, Helvetica, sans-serif;color: #FFF;height: 40px;width: 200px;display: inline-block;text-decoration: none;background: #3a3a3a;margin: 36px 0px 60px;text-align: center;}
#media a.detail:hover {background:#9A1817;}

/*20150615 修改*/
#media .item_box li.hover a{color: #DF3030 !important;}
#media .item_box li.hover .img_box img:first-child{opacity: 0 !important;}
#media .item_box li.hover .img_box img:last-child{opacity: 1 !important;border-color: #DF3030 !important;}

#media .site_box {float: left;width: 100%;position: relative;left: 0px;top: 0px;background: url(../img/daryu_img.png) no-repeat center top;height: 720px;}
/*20150615 修改*/
#media .site_area a {font-size: 13px;line-height: 46px;color: #FFF;text-decoration: none;text-align: center;background: rgba(0,0,0,0.6);border: solid 1px rgba(255,255,255,0.8);border-radius: 50%;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;opacity:0;}
#media .site_area a.hover {opacity:1;}

#media .site_box a.sn01 {position: absolute;left: 240px;top: 135px;height: 46px;width: 46px;}
#media .site_box a.sn02 {position: absolute;left: 180px;top: 140px;height: 46px;width: 46px;}
#media .site_box a.sn03 {position: absolute;left: 130px;top: 180px;height: 46px;width: 46px;}
#media .site_box a.sn04 {position: absolute;left: 220px;top: 200px;height: 46px;width: 46px;}
#media .site_box a.sn05 {position: absolute;left: 100px;top: 410px;height: 46px;width: 46px;}
#media .site_box a.sn06 {position: absolute;left: 270px;top: 415px;height: 46px;width: 46px;}

#media .site_box3 {float: left;width: 100%;position: relative;left: 0px;top: 0px;background: url(../img/daryu02_img.png) no-repeat center top;height: 720px;}
#media .site_box3 a {font-size: 13px;line-height: 46px;color: #FFF;text-decoration: none;text-align: center;background: url(../img/icon_site.png) no-repeat 0px 0px;}
#media .site_box3 a.sn01 {position: absolute;left: 260px;top: 60px;height: 46px;width: 46px;}
#media .site_box3 a.sn02 {position: absolute;left: 160px;top: 250px;height: 46px;width: 46px;}
#media .site_box3 a.sn03 {position: absolute;left: 240px;top: 280px;height: 46px;width: 46px;}
#media .site_box3 a.sn04 {position: absolute;left: 120px;top: 500px;height: 46px;width: 46px;}
#media .site_box3 a.sn05 {position: absolute;left: 320px;top: 505px;height: 46px;width: 46px;}

#media .site_box2 {float: left;width: 100%;position: relative;left: 0px;top: 0px;background: url(../img/darfong_img.png) no-repeat center top;height: 900px;}
#media .site_box2 a {font-size: 13px;line-height: 46px;color: #FFF;text-decoration: none;text-align: center;background: url(../img/icon_site.png) no-repeat 0px 0px;}
#media .site_box2 a.sn01 {position: absolute;left: 220px;top: 120px;height: 46px;width: 46px;}
#media .site_box2 a.sn02 {position: absolute;left: 75px;top: 320px;height: 46px;width: 46px;}
#media .site_box2 a.sn03 {position: absolute;left: 120px;top: 650px;height: 46px;width: 46px;}
#media .site_box2 a.sn04 {position: absolute;left: 290px;top: 660px;height: 46px;width: 46px;}
#media .site_box2 a.sn05 {position: absolute;left: 370px;top: 680px;height: 46px;width: 46px;}
#media .site_box2 a.sn06 {position: absolute;left: 220px;top: 670px;height: 46px;width: 46px;}
#media .site_box2 a.sn07 {display:none;}
#media .site_box2 a.sn08 {display:none;}

@media (min-width: 1200px){
#media .top_area .inner {margin: 0px auto;width: 1170px;}
#media .top_area .item {float:left;}
#media .site_box {float: left;width: 100%;position: relative;left: 0px;top: 0px;background: url(../img/daryu_img.png) no-repeat center top;height: 640px;}
#media .site_box2 {float: left;width: 100%;position: relative;left: 0px;top: 0px;background: url(../img/darfong_img.png) no-repeat center top;height: 740px;}
#media .info_area h2 {font-size: 2.6em;margin: 0px;padding: 0px;}
#media .info_area h3 {font-size: 1.5em;margin: 0px;padding: 0px 0px 6px;}
#media .info_area .left_area {float: left;width: 168px;background: url(../img/media_line.gif) no-repeat right center;}
#media .info_area .left_area2 {float: left;width: 230px;background: url(../img/media_line.gif) no-repeat right center;}
#media .info_area p.style01 {float:left;padding: 0px 0px 0px 10px;}
#media ul.item_box {width: 620px;}

/* 大宇規格 */
#media .site_box a.sn01 {position: absolute;left: 330px;top: 135px;height: 46px;width: 46px;}
#media .site_box a.sn02 {position: absolute;left: 250px;top: 140px;height: 46px;width: 46px;}
#media .site_box a.sn03 {position: absolute;left: 190px;top: 180px;height: 46px;width: 46px;}
#media .site_box a.sn04 {position: absolute;left: 290px;top: 200px;height: 46px;width: 46px;}
#media .site_box a.sn05 {position: absolute;left: 160px;top: 410px;height: 46px;width: 46px;}
#media .site_box a.sn06 {position: absolute;left: 330px;top: 415px;height: 46px;width: 46px;}

#media .site_box3 {float: left;width: 100%;position: relative;left: 0px;top: 0px;background: url(../img/daryu02_img.png) no-repeat center top;height: 720px;}
#media .site_box3 a {font-size: 13px;line-height: 46px;color: #FFF;text-decoration: none;text-align: center;background: url(../img/icon_site.png) no-repeat 0px 0px;}
#media .site_box3 a.sn01 {position: absolute;left: 340px;top: 60px;height: 46px;width: 46px;}
#media .site_box3 a.sn02 {position: absolute;left: 180px;top: 250px;height: 46px;width: 46px;}
#media .site_box3 a.sn03 {position: absolute;left: 260px;top: 280px;height: 46px;width: 46px;}
#media .site_box3 a.sn04 {position: absolute;left: 180px;top: 500px;height: 46px;width: 46px;}
#media .site_box3 a.sn05 {position: absolute;left: 380px;top: 500px;height: 46px;width: 46px;}

/* 大風規格 */
#media .site_box2 a.sn01 {position: absolute;left: 280px;top: 120px;height: 46px;width: 46px;}
#media .site_box2 a.sn02 {position: absolute;left: 125px;top: 310px;height: 46px;width: 46px;}
#media .site_box2 a.sn03 {position: absolute;left: 180px;top: 650px;height: 46px;width: 46px;}
#media .site_box2 a.sn04 {position: absolute;left: 330px;top: 650px;height: 46px;width: 46px;}
#media .site_box2 a.sn05 {position: absolute;left: 410px;top: 680px;height: 46px;width: 46px;}
#media .site_box2 a.sn06 {position: absolute;left: 240px;top: 670px;height: 46px;width: 46px;}
#media .site_box2 a.sn07 {position: absolute;left: 360px;top: 420px;height: 46px;width: 46px;}
#media .site_box2 a.sn07 {display:none;}
#media .site_box2 a.sn08 {display:none;}
}

@media (min-width: 768px @screen-sm-min) and (max-width: 979px @screen-sm-max) { 
#media .site_box {float: left;width: 100%;position: relative;left: 0px;top: 0px;background: url(../img/daryu_img.png) no-repeat center top;height: 720px;}
#media .site_box2 {float: left;width: 100%;position: relative;left: 0px;top: 0px;background: url(../img/darfong_img.png) no-repeat center top;height: 800px;}
#media .top_area .inner {margin: 0px auto;width: 970px;}
#media ul.item_box {float: left;width: 100%;margin: 0px;padding: 0px;}
#media .info_area h3 {font-size: 1.2em;margin: 0px;padding: 0px 0px 6px;}
#media .info_area .left_area {float: left;width: 108px;background: url(../img/media_line.gif) no-repeat right center;}
#media .info_area .left_area2 {float: left;width: 178px;background: url(../img/media_line.gif) no-repeat right center;}
}

@media screen and (max-width: 767px) {
#media .container {margin-top:0px;padding-bottom:20px;}
#media ul.item_box {float: left;width: 100%;margin: 0px;padding: 0px;}
#media .top_area .inner {float:left;width: 100%;}
#media .top_area ul {width:100%;float: left;margin: 0px;padding: 0px;}
#media .top_area ul > li {width:100%;float: left;margin: 0px;padding: 0px;}
#media .top_area ul > li a {float: left;width: 100%;}
#media .top_area ul > li a:hover {width: 100%;background: #333 url(none);color: #fff;}
#media .top_area ul li > ul {width: 100%;float: left;margin: 0px;padding: 0px;display: none;height: 50px;}
#media .top_area ul li > ul li {background: #eeeeee;float: left;height: 50px;width: 100%;border-bottom: 1px solid #CCC;}
#media .top_area ul li > ul li a {color: #333;text-decoration: none;display:block;padding:0px;text-align: center;}
#media .info_area {float: left;width: 100%;background: url(../img/media_line.gif) repeat-y 0px 0px;padding: 0px 0px 0px 10px;margin:0px 0px 40px;}
#media .info_area .left_area {float: left;width: 100%;background: url(none);}
#media .info_area .left_area2 {float: left;width: 100%;background: url(none);}
#media .info_area .left_area3 {float: left;width: 100%;background: url(none);}
#media .info_area .right_area {float: left;padding: 0px;}
#media .info_area h3 {font-size: 1.2em;margin: 0px;padding: 0px;}
#media .site_box a {display: none;}
#media .site_box2 a {display: none;}
#media .site_box3 a {display: none;}
#media .site_box {float: left;width: 100%;position: relative;left: 0px;top: 0px;background: url(../img/m_daryu_img.png) no-repeat center center;height: 385px;}
#media .site_box2 {float: left;width: 100%;position: relative;left: 0px;top: 0px;background: url(../img/m_darfong_img.png) no-repeat center center;height: 385px;}
#media .site_box3 {float: left;width: 100%;position: relative;left: 0px;top: 0px;background: url(../img/m_daryu02_img.png) no-repeat center center;height: 385px;}
}


/* 產品規格 */
#products {position: relative;padding: 76px 0px;}
#products .top_area {position: relative;width: 100%;margin: 0px;font-size: 15px;line-height: 50px;color: #CCC;background: #ADADAD;padding: 0px;height: 50px;text-align: right;position: fixed;top: 100px;left: 0px;z-index: 99;}
#products .top_area ul {float: right;}
#products .top_area ul > li {float: left;margin: 0px;padding: 0px;}
#products .top_area span {float: left;font-size: 15px;line-height: 50px;color: #FFF;background: url(../img/pro_listbox.png) no-repeat center center;display: inline-block;height: 50px;width: 90px;text-align: center;margin-right: 16px;}
#products .top_area a {color: #fff;text-decoration: none;display: inline-block;padding: 0px 20px;}
#products .top_area a:hover {color: #000;background: url(../img/icon_arrow2.png) no-repeat center bottom;}
#products .top_area a.location {color: #000;background: url(../img/icon_arrow2.png) no-repeat center bottom;}
#products .container {margin-top: 108px;}
#products .info_area {float: left;margin-bottom: 62px;color: #FFF;}
#products .info_area h2 {font-size: 2.2em;margin: 0px;padding: 0px;}
#products .info_area h3 {font-size: 1.2em;margin: 0px;padding: 0px 0px 6px;}
#products .info_area p {font-size: 1em;margin: 0px;padding: 0px;}
#products .info_area .left_area {float: left;width: 148px;background: url(../img/media_line.gif) no-repeat right center;}
#products .info_area .left_area2 {float: left;width: 200px;background: url(../img/media_line.gif) no-repeat right center;}
#products .info_area .left_area3 {float: left;width: 198px;background: url(../img/media_line.gif) no-repeat right center;}
#products .info_area .right_area {float: left;padding: 0px 0px 0px 10px;}
#products .info_area .right_area {float: left;padding: 0px 0px 0px 10px;}
#products .info_area .right_area a {color: #FFF;text-decoration: none;}
#products .info_area .right_area a:hover {text-decoration: underline;}
#products .info_area .right_area a.location {color: #E82222;text-decoration: none;}
a.standard {font: 13px/40px "微軟正黑", Arial, Helvetica, sans-serif;color: #FFF;height: 40px;width: 200px;display: inline-block;text-decoration: none;background: #9A1817 url(../img/icon_arrow.png) no-repeat 130px center;margin-top: 36px;padding-left: 52px;}
#products .item_box li a {font-size: 15px;color: #FFF;text-decoration: none;width: 100%;display: block;}
#products .item_box li a:hover {color: #DF3030;}
#products .text_area {float: left;color: #000;}
#products .text_area ul {width: 100%;margin: 0px;padding: 30px 0px 0px;}
#products .text_area ul li {float: left;width: 100%;padding-bottom: 20px;border-bottom: 1px dashed #999;margin-bottom: 20px;}
#products .text_area ul h2 {font-size: 18px;color: #000;margin: 0px;padding: 0px 0px 15px;}
#products .text_area ul p {font-size: 15px;margin: 0px;padding: 0px;color: #787878;line-height: 160%;}
#products .text_area .images_box {float: left;width: 100%;}
#products  img {height: auto;width: 100%;}
#products .text_area .images_box ul {width: 100%;margin: 0px;padding: 0px;}
#products .text_area .images_box ul > li {float: left;width: 24%;border-style: none;margin-right: 1px;}
#products .text_area .text_box {float: left;width: 100%;}
#products .text_area h4 {font: 18px/24px "微軟正黑", Arial, Helvetica, sans-serif;margin: 0px;padding: 10px 0px;}
#products .text_area p {font-size: 15px;margin: 0px;padding: 0px;color: #787878;line-height: 200%;}
#products .text_area p.style01 {font-size: 13px;margin: 0px;padding: 0px;color: #B20000;}
#products .select_area {float: left;padding-top:40px;color: #000;}
#products .select_area h4 {font: 18px/24px "微軟正黑", Arial, Helvetica, sans-serif;margin: 0px;padding: 10px 0px;}
#products .select_area p {font-size: 13px;margin: 0px;padding: 0px;color: #B20000;}
#products .select_area ul {float: left;padding: 40px 0px 0px;width: 100%;}
#products .select_area ul > li {float: left;width: 110px;margin-right: 14px;text-align: center;}
#products .select_area ul > li span {font-size: 13px;line-height: 40px;}
#products .select_area ul > li a {color: #333;text-decoration: none;}
#products .select_area ul > li a:hover {color: #B20000;}
#products .btn_area {margin: 20px 0px;width: 100%;text-align: center;}
#products .images_area {position: relative;text-align: right;}
#products .images_area .tabs {width: 100%;text-align: center;margin: 20px 0px;z-index: 99;}
#products .images_area .tabs_style02 {position:relative;top:50px;}
#products .images_area .tabs li {display: inline-block;color: #FFF;}
#products .images_area .tabs span {font: 18px/24px "微軟正黑", Arial, Helvetica, sans-serif;margin-right: 10px;}
#products .images_area .tabs li a {display: inline-block;margin: 0px 2px;height: 16px;min-width: 68px;font-size: 18px;line-height: 24px;color: #fff;text-decoration: none;}
#products .images_area .tabs li a:hover {color: #903;}
#products .tab_container {float: left;margin: 0px;padding: 0px;width: 100%;position: relative;left: 0px;top: 0px;overflow:hidden;}
#products .tab_type01 {margin: 60px 0 0 0;}

#products .vedio_box {float: left;width: 90%;height:320px;margin: 0px;padding: 0px;}
#products .text_box {float: left;width: 100%;margin: 28px 0px 0px;padding: 0px;font-size: 15px;line-height: 168%;color: #FFF;}
#products a.detail {float:left;font: 13px/40px "微軟正黑", Arial, Helvetica, sans-serif;color: #FFF;height: 40px;width: 200px;display: inline-block;text-decoration: none;background: #3a3a3a;margin-top: 36px;text-align: center;}
#products a.detail:hover {background:#9A1817;}
#products ul.item_box {float: left;margin: 0px;padding: 0px;}
#products .item_box li {float: left;width:160px; min-height:126px;text-align: center;margin: 0px 10px 0px 0px; transition: 0.3s;}
#products .item_box li img {border: 2px solid #CCC; transition: 0.3s;}
#products .item_box li img:hover {border: 2px solid #9A1817;}
#products .item_box li a {font-size: 13px;color: #FFF;text-decoration: none;width: 100%;display: block;}
#products .item_box li a:hover {color: #DF3030;}
#products .img_box {float: left;width: 160px;position: relative;left: 0px;top: 0px;}
#products .img_box img {float: left;position: absolute;left: 0px;top: 0px;}
#products .name_box {float: left;width: 160px;position: relative;left: 0px;top: 80px;margin: 10px 0px 0px;}
#products.item_box li.hover a{color: #DF3030 !important;}
#products .item_box li.hover .img_box img:first-child{opacity: 0 !important;}
#products .item_box li.hover .img_box img:last-child{opacity: 1 !important;border-color: #DF3030 !important;}
#products .site_area a {font-size: 13px;line-height: 30px;color: #FFF;text-decoration: none;text-align: center;background: rgba(0,0,0,0.6);border: solid 1px rgba(255,255,255,0.8);border-radius: 50%;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s; opacity:0; z-index:99;}
#products .site_area a.hover {opacity:1;}

/*20150615 修改*/
#products.item_box li.hover a{color: #DF3030 !important;}
#products .item_box li.hover .img_box img:first-child{opacity: 0 !important;}
#products .item_box li.hover .img_box img:last-child{opacity: 1 !important;border-color: #DF3030 !important;}

/*20150615 修改*/
#products .site_area a {font-size: 13px;line-height: 30px;color: #FFF;text-decoration: none;text-align: center;background: rgba(0,0,0,0.6);border: solid 1px rgba(255,255,255,0.8);border-radius: 50%;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;opacity:0;}
#products .site_area a.hover {opacity:1;}

/* 大風規格 */
#products .site_box2 a.sn01 {position: absolute;left: 260px;top: 88px;height: 30px;width: 30px;}
#products .site_box2 a.sn02 {position: absolute;left: 240px;top: 300px;height: 30px;width: 30px;}
#products .site_box2 a.sn03 {position: absolute;left: 312px;top: 312px;height: 30px;width: 30px;}
#products .site_box2 a.sn04 {position: absolute;left: 330px;top: 360px;height: 30px;width: 30px;}
#products .site_box2 a.sn05 {position: absolute;left: 215px;top: 315px;height: 30px;width: 30px;}
#products .site_box2 a.sn06 {position: absolute;left: 230px;top: 470px;height: 30px;width: 30px;}
#products .site_box2 a.sn07 {display:none;}
#products .site_box2 a.sn08 {position: absolute;left: 210px;top: 178px;height: 30px;width: 30px;}

/* 大宇規格 */
#products .site_box {float: left;width: 100%;height: 480px;position: relative;left: 0px;top: 0px;z-index: 99;}
#products .site_box a.sn01 {position: absolute;left: 280px;top: 150px;height: 30px;width: 30px;}
#products .site_box a.sn02 {position: absolute;left: 230px;top: 155px;height: 30px;width: 30px;}
#products .site_box a.sn03 {position: absolute;left: 200px;top: 190px;height: 30px;width: 30px;}
#products .site_box a.sn04 {position: absolute;left: 260px;top: 210px;height: 30px;width: 30px;}
#products .site_box a.sn05 {position: absolute;left: 170px;top: 300px;height: 30px;width: 30px;}
#products .site_box a.sn06 {position: absolute;left: 280px;top: 310px;height: 30px;width: 30px;}

/* 大宇2規格 */
#products .site_box3 {float: left;width: 100%;position: relative;left: 0px;top: 0px;background: url(../img/products_daryu2-1.png) no-repeat center 80px;height: 720px;}
#products .site_box3 a.sn01 {position: absolute;left: 270px;top: 110px;height: 30px;width: 30px;}
#products .site_box3 a.sn02 {position: absolute;left: 180px;top: 220px;height: 30px;width: 30px;}
#products .site_box3 a.sn03 {position: absolute;left: 260px;top: 250px;height: 30px;width: 30px;}


@media (min-width: 1200px){
#products .top_area .inner {margin: 0px auto;width: 1170px;}
#products .site_box {float: left;width: 100%;height: 580px;position: relative;left: 0px;top: 0px;}
#products .site_box2 {float: left;width: 100%;position: relative;left: 0px;top: 0px;height: 585px;}
#products .info_area h2 {font-size: 2.6em;margin: 0px;padding: 0px;}
#products .info_area h3 {font-size: 1.5em;margin: 0px;padding: 0px 0px 6px;}
#products .info_area .left_area {float: left;width: 168px;background: url(../img/media_line.gif) no-repeat right center;}
#products .info_area .left_area2 {float: left;width: 230px;background: url(../img/media_line.gif) no-repeat right center;}
#products ul.item_box {width: 620px;}
#products .tab_container {float: left;margin: 0px;padding: 0px;width: 100%; height:585px;position: absolute;left: 0px;top: 50px;overflow:hidden;}
#products .top_area .item {float:left;}
}


@media (min-width: 768px @screen-sm-min) and (max-width: 979px @screen-sm-max) {
#products .top_area .inner {margin: 0px auto;width: 970px;}
#products .site_box {float: left;width: 100%;height: 480px;position: relative;left: 0px;top: 0px;}
#products .site_box2 {float: left;width: 100%;position: relative;left: 0px;top: 0px;height: 585px;}
#products ul.item_box {float: left;width: 100%;margin: 0px;padding: 0px;}
#products .info_area h3 {font-size: 1.2em;margin: 0px;padding: 0px 0px 6px;}
#products .info_area .left_area {float: left;width: 108px;background: url(../img/media_line.gif) no-repeat right center;}
#products .info_area .left_area2 {float: left;width: 178px;background: url(../img/media_line.gif) no-repeat right center;}
#products .tab_container {float: left;margin: 0px;padding: 0px;width: 100%; height:480px;position: relative;left: 0px;top: 0px;overflow:hidden;}
}

@media screen and (max-width: 767px) {
#products .container {margin-top:68px;}
#products .top_area {top:70px;}
#products .top_area .inner {float:left;width: 100%;}
#products .tab_container {margin: 60px 0 0 0;position:relative;}
#products .top_area ul {width:100%;float: left;margin: 0px;padding: 0px;}
#products .top_area ul > li {width:100%;float: left;margin: 0px;padding: 0px;}
#products .top_area ul > li a {float: left;width: 100%;}
#products .top_area ul > li a:hover {width: 100%;background: #333 url(none);color: #fff;}
#products .top_area ul li > ul {width: 100%;float: left;margin: 0px;padding: 0px;display: none;height: 50px;}
#products .top_area ul li > ul li {background: #eeeeee;float: left;height: 50px;width: 100%;border-bottom: 1px solid #CCC;}
#products .top_area ul li > ul li a {color: #333;text-decoration: none;display:block;padding:0px;text-align: center;}
#products .site_box a {display: none;}
#products .site_box2 a {display: none;}
#products .site_box {display: none;}
#products .site_box2 {display: none;}
#products .info_area {float: left;width: 100%;background: url(../img/media_line.gif) repeat-y 0px 0px;padding: 0px 0px 0px 10px;}
#products .info_area .left_area {float: left;width: 100%;background: url(none);}
#products .info_area .left_area2 {float: left;width: 100%;background: url(none);}
#products .info_area .left_area3 {float: left;width: 158px;background:none;}
#products .info_area .right_area {float: left;padding: 0px;}
#products .info_area h3 {font-size: 1.2em;margin: 0px;padding: 0px;}
}


/*分頁*/
.pagination {text-align: center;}
#pagination {float: left;width: 100%;text-align: center;margin: 60px 0px}
#pagination a.prev {display: inline-block;}
#pagination a.prev:hover {color: #fff;background: #333;}
#pagination a {text-decoration: none;font-size: 12px;color: #828282;display: inline-block;padding: 6px 10px;background: #efefef;}
#pagination a:hover {color: #333;background: #FC0;}
#pagination a.location {color: #FFFFFF;background: #FC0;}
#pagination a.next {display: inline-block;}
#pagination a.next:hover {color: #fff;background: #333;}
#pagination a.back {background: url(../img/icon_back.png) no-repeat center center;display: inline-block;color: #efefef;text-decoration: none;width: 75px;font: 15px/75px "Lato", Arial, Helvetica, sans-serif;}
#pagination a.back:hover {color: #FC0;}

/* footer */
footer {position: relative;}
.footer_bottom {margin: 0px;padding: 0px;background: #282828;height: 130px;clear: both;float: none;width: 100%; padding-top:30px;}
.footer_logo {height: 45px;width: 220px;}
.footer_logo img {width: 100%;height: auto;}
.footer_info {width: 100%;float: right;text-align: right;font: 20px/36px "Oswald", Arial, Helvetica, sans-serif;color: #999999;}
.footer_info ul {float: right;list-style: none;}
.footer_info ul > li {float: left;height: 36px;padding-left: 20px;}
.footer_info a {line-height: 36px;text-indent: -9999px;height: 36px;width: 36px;display: inline-block;margin-left: 5px;overflow: hidden;}
.footer_info .f_mail {background: url(../img/f_mail.gif) no-repeat 0px 0px;}
.footer_info .f_fb {background: url(../img/f_fb.gif) no-repeat 0px 0px;}
.footer_info .f_google {background: url(../img/f_google.gif) no-repeat 0px 0px;}
.copyright {width: 100%;float: right;text-align: right;color: #545454;font-size: x-small;}
.copyright span {padding-left:10px;}


@media (min-width: 768px @screen-sm-min) and (max-width: 979px @screen-sm-max) { 
footer .col-xs-6 {width: 50%;}
.footer_info {font: 15px;}
.footer_info ul {margin: 0px 0px 10px;padding: 0px;}
.footer_info ul > li {float: left;height: 36px;padding-left: 10px;}	
}

@media screen and (max-width: 767px) {
footer {position: fixed;left: 0px;bottom: 0px;text-align: center;}
.footer_bottom {background: #282828;height: 30px;padding:0px;}
.footer_logo, .footer_info {display: none;}
.copyright {width: 100%;color: #545454;font-size: x-small;line-height: 30px;}
.copyright span {padding-left:10px;}
}

@media screen and (max-device-width: 480px) {
footer {position: fixed;left: 0px;bottom: 0px;text-align: center;}
.footer_bottom {background: #282828;height: 30px;padding:0px;}
.footer_logo, .footer_info {display: none;}
.copyright {width: 100%;color: #545454;font-size: x-small;line-height: 30px;text-align: center;}
.copyright span {padding-left:10px;}
}