@charset "windows-874";
/* CSS Document */
html{text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;}
html,body{margin:0;padding:0;color:#363636;font-family:'MyriadProRegular';font-size:.9em;}
.wrapper{position:relative;background:#fff url(../../resource/images/img-bg-csr.jpg) center top repeat-x;}
.wrapper-career{position:relative;background:#fff url(../../images/old_version/img-bg-news.jpg) center 0 repeat-x;}
.wrapper-news{position:relative;background:#fff url(../../images/old_version/img-bg-news.jpg) center 0 repeat-x;}
.header{position:relative;height:60px;width:auto;margin:0 auto;padding:30px 0;z-index:1;}
.header-view{font-family:'MyriadProBold';font-size:4em;line-height:60px;}
a{text-decoration:none;color:#363636;}
a:hover{text-decoration:none;color:#ff7e00;}
.wrapnav{position:relative;margin:0 auto;padding:10px 0;width:auto;overflow:hidden;z-index:1;}
.nav{position:relative;float:left;height:70px;width:246px;margin-right:8px;cursor:pointer;}
/*.detail{position:relative;width:auto;background:url(../../images/old_version/img-main-bg02.png) center top no-repeat;margin:0 auto;margin-top:0px;padding:10px 0;z-index:2;height: 470px}*/
.detail{position:relative;width:auto;margin:0 auto;margin-top:0px;padding:10px 0;z-index:2;height: 470px;}
.top-to-bottom {border-top: 1px solid #B6B6B6;border-bottom: none;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B6B6B6), to(transparent));background-image: -webkit-linear-gradient(#B6B6B6, transparent);
  background-image:
      -moz-linear-gradient(#B6B6B6, transparent),
      -moz-linear-gradient(#B6B6B6, transparent);
  background-image:
      -o-linear-gradient(#B6B6B6, transparent),
      -o-linear-gradient(#B6B6B6, transparent);
  background-image: 
      linear-gradient(#B6B6B6, transparent),
      linear-gradient(#B6B6B6, transparent);
  -moz-background-size: 1px 100%;background-size: 1px 100%;background-position: 0 0, 100% 0;background-repeat: no-repeat; 
  -moz-box-shadow: 0px -1px 1px -1px #ccc;-webkit-box-shadow: 0px -1px 1px -1px #ccc;box-shadow: 0px -1px 1px -1px #ccc;background-color: #fff;}

.menu-wecare{position:relative;height:70px;width:100%;background:url(../images/btn-menu-wecare.png) left top no-repeat;margin:0 auto 20px;}
.btn-wecare{position:relative;float:right;width:245px;height:70px;margin-left:5px;cursor:pointer;}
#btn-wecare{background:url(../images/btn-menu-wecare-01.png) left center no-repeat;}
#btn-parental{background:url(../images/btn-menu-wecare01.png) right center no-repeat;}
#btn-wecare:hover{background:url(../images/btn-menu-wecare02.png) left center no-repeat;}
#btn-parental:hover{background:url(../images/btn-menu-wecare02.png) right center no-repeat;}
.back{position:absolute;width:73px;height:28px;left: 406px;top: 23px;cursor:pointer;}

.wecare{position:relative;width:auto;height:800px;margin:0 auto;background:url(../images/img-wecare.png) left -5px no-repeat;}
.parental{position:relative;width:auto;height:800px;margin:0 auto;background:url(../images/img-parental.png) left 30px no-repeat;}
.wesupport{position:relative;width:auto;height:800px;margin:0 auto;background:url(../images/img-wesupport.png) left 30px no-repeat;}

.logo{position:relative;width:300px;height:180px;}
.info{position:relative;width:400px;clear:both;overflow:hidden;}
.title{position:relative;color:#7bca00;font-weight:bold;font-size:1.2em;margin-top:20px;}
.desc{position:relative;margin-top:20px;font-style:normal;font-size:0.9em;line-height:22px;}
.desc2{position:relative;margin-top:20px;font-size:0.9em;line-height:22px;}
.pos{position:relative;color:#7bca00;font-size:1em;font-style:italic;font-weight:bold;}
.url{position:relative;color:#7bca00;font-weight:bold;font-size:1.1em;margin-top:210px;}
.url a{color:#7bca00;}

.logo2{position:relative;width:330px;height:150px;}
.info2{position:relative;width:450px;clear:both;overflow:hidden;}
.title2{position:relative;color:#ff7e00;font-weight:bold;font-size:1.2em;margin-top:20px;}
.desc2{position:relative;margin-top:20px;font-style:normal;font-size:0.9em;line-height:22px;}
.desc22{position:relative;margin-top:20px;font-size:0.9em;line-height:22px;;}
.pos2{position:relative;color:#ff7e00;font-size:1em;font-style:italic;font-weight:bold;}
.url2{position:relative;color:#ff7e00;font-weight:bold;font-size:1.1em;margin-top:30px;}
.url2 a{color:#ff7e00;}

.logo3{position:relative;width:350px;height:170px;margin-bottom:30px;}
.info3{position:relative;width:450px;clear:both;overflow:hidden;}
.title3{position:relative;color:#15c4d8;font-weight:bold;font-size:1.2em;margin-top:20px;}
.desc3{position:relative;margin-top:20px;font-style:normal;font-size:0.9em;line-height:22px;}
.desc23{position:relative;margin-top:20px;font-size:0.9em;line-height:22px;}
.pos3{position:relative;color:#15c4d8;font-size:1em;font-style:italic;font-weight:bold;}
.url3{position:relative;color:#15c4d8;font-weight:bold;font-size:1.1em;margin-top:30px;}

.back-career{position:absolute;width:76px;height:25px;left: 330px;top: 24px;cursor:pointer;}
.menu-career{position:relative;line-height:70px;width:auto;  margin: 40px auto 20px; background-color:#fff; border:#B6B6B6 1px solid; font-weight: bold; font-size: 1.5em;}
.shadow {-moz-box-shadow: 0px 0px 2px 2px #ccc;-webkit-box-shadow: 0px 0px 2px 2px #ccc;box-shadow: 0px 0px 2px 2px #ccc;}
.gradient {background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #fefefe 50%, #f1f1f2 50%, #e6e6e6 100%);background: -webkit-linear-gradient(top,  #ffffff 0%,#fefefe 50%,#f1f1f2 50%,#e6e6e6 100%);background: linear-gradient(to bottom,  #ffffff 0%,#fefefe 50%,#f1f1f2 50%,#e6e6e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );}
.btn-career{position:relative;float:right;width:191px;margin-left:5px;height:70px;cursor:pointer;}
#btn-position{background:url(../images/btn-menu-career01.png) left center no-repeat;}
#btn-wesupport{background:url(../images/btn-menu-career01.png) right center no-repeat;}
#btn-apply{background:url(../images/btn-menu-career01.png) center center no-repeat;}
#btn-position:hover{background:url(../images/btn-menu-career01.png) left center no-repeat;}
#btn-wesupport:hover{background:url(../images/btn-menu-career01.png) right center no-repeat;}
#btn-apply:hover{background:url(../images/btn-menu-career01.png) center center no-repeat;}


.r01{position:relative;width:auto;margin:0 auto;text-align:center;padding:30px 0;background:#ececec;font-size:0.9em;line-height:22px;}
.r01 div{position:relative;width:373px;height:38px;background:url(../resources/images/old_version/img-hrcontact.jpg) center top no-repeat;margin:10px auto 0;}

.back-news{position:absolute;width:76px;height:25px;left: 330px;top: 24px;cursor:pointer;}
.menu-news{position:relative;height:70px;width:auto;margin:40px auto 20px;}
.news-info,.btn-news{position:relative;line-height:70px;width:auto;  margin: 40px auto 20px; background-color:#fff; border:#B6B6B6 1px solid; font-weight: bold; font-size: 1.2em;}
.btn-news {margin-left: 15px;}
#btn-newsclip,#btn-press,#btn-vdo{float: right; cursor: pointer;}



.news-detail{position:relative;width:auto;padding:5px 0;margin:0 auto;}
.newstitle{position:relative;float:left;font-weight:bold;background:#188f40;color:#fff;padding:10px 0;}
#news{padding-left:10px;width:;}
#press{width:;}
#date{width:;}

#video{padding-left:10px;width:;}
.video{height:30px;padding-left:10px;width:auto;position:relative;float:left;font-size:0.9em;background:url(../images/img-line.jpg) left bottom repeat-x;margin:5px 0;}

.news{/*height:30px;*/padding-left:10px;width:auto;position:relative;float:left;font-size:0.9em;background:url(../images/img-line.jpg) left bottom repeat-x;margin:5px 0;}
.press{/*height:30px;*/width:150px;position:relative;float:left;font-size:0.9em;background:url(../images/img-line.jpg) left bottom repeat-x;margin:5px 0;}
.date{/*height:30px;*/width:100px;position:relative;float:left;font-size:0.9em;background:url(../images/img-line.jpg) left bottom repeat-x;margin:5px 0;}

.newstxt{position:relative;width:auto;overflow:hidden;margin:0;padding:0;list-style:none;}
.newstxt li{overflow:hidden;border-bottom:1px solid #c6c6c6;padding:5px 0;}
.newstxt li:last-child{border-bottom: none;}
.separator{clear:both;height:5px;}


/*.wrapvideo{position:relative;width:;margin:0 auto 20px;overflow:hidden;}*/
.wrapvideo { float: none;clear: both;width: 100%;position: relative; padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.wrapvideo iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*.videosection{position:relative;float:left;margin-right:25px;}*/
.last{margin-right:0;}
#play{width:100%;height:365px;}
#detail{width:;overflow:hidden; margin-top: 15px;}

#videotitle{font-family:'MyriadProBold',Tahoma;font-size:1em;color:#0a8838;}
#videodetail{margin-top:15px;font-size:0.95em;color:#666666;line-height:22px;}
#uploaddate{margin-top:15px;font-size:0.95em;font-weight:bold;color:#666666;}

.clear{clear:both;}

.flex-video iframe,.flex-video object,.flex-video embed{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.flex-video{position:relative;display:block;height:0;padding:0;overflow:hidden;margin-top:15px}
.flex-video.widescreen{padding-bottom:52.98%;    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.33);-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.33);box-shadow: 0 0 3px rgba(0,0,0,0.33);}

.button {font-family:'MyriadProBold',Tahoma; background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 49%, #e6e6e6 51%, #e6e6e6 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 49%,#e6e6e6 51%,#e6e6e6 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 49%,#e6e6e6 51%,#e6e6e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
}

.lang_bar {position: fixed;background: url(/resources/images/index/img-lang.png) left top no-repeat;width: 114px; height: 34px;top: -5px; right: 10px; padding-top: 12px; z-index: 9998;}
.en {position: relative; float: left; width: 17px; height: 12px;margin-left: 21px; margin-right: 11px; text-indent: -9999px; cursor: pointer;}
.th {position: relative; float: left; width: 17px;  height: 12px; margin-right: 10px; text-indent: -9999px; cursor: pointer;}
.cn { position: relative; float: left;  width: 17px;height: 12px;text-indent: -9999px;cursor: pointer;}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
        .menu-news {margin: auto;}



    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        .menu-career {margin: 40px 1px 20px;}

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        
        .news-info, .btn-news {font-size: .9em; line-height: 45px}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
    	.headerini3 {text-align: center}

        .btn-news {font-size: 1.2em}
        .news-info {font-size: 1.5em; line-height: 70px;}


		.menu-news {margin: 40px auto -20px}
        .news-info,#btn-newsclip,#btn-press,#btn-vdo{clear: both; margin: 5px 0px 20px}
        .pl-15 {padding-left: 15px;}
    }
	
	@media only screen and (max-width : 375px) {

	}
    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }