/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* mark for html5 */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, mark {display: block;}
/*
	*{margin:0px; padding:0px; border: none;}
	.clear{clear: both;}
	#iheader{ background: url('http://dev.ysdhk.com/bschannel/p02/resources/website/common/images/header_bg.jpg') -70px 0px no-repeat; position: relative; width: 1100px;}
    #iheader > ul > li{ list-style: none; float: left; width:324px;  height: 100px;}
    #iheader > ul >li:first-child{margin:20px 0px 0px 20px;}
    #iheader > ul >li+li > img{margin-top:40px; margin-left:40px;}
    #iheader > ul >li+li+li{margin:0px ; margin-left:70px; }
    #change-language{margin-left: 100px; position:relative;}
    #change-language a:first-child{background: url('<?php echo base_url_common('images/header-lang.png') ?>') no-repeat; width: 115px; height: 30px; display: block; float: left;}
    #change-language a+a{background: url('<?php echo base_url_common('images/header-lang.png') ?>') -115px 0px no-repeat; width: 90px; height: 30px; display: block; float: left;}
    #icontent{margin-top:18px;}
    #icontent > ul > li{list-style: none; float: left;   }

    #content-left{width:780px;}
    #content-left >ul >li{width:218px; float: left;}
    #content-left > ul>li:nth-child(2){width:560px;}
    #isearch{margin-top:60px; margin-left:95px; }
    #isearch > input{border-radius: 10px 0px 0px 10px; height:25px; line-height: 20px;  width:160px; box-shadow:0px 0px 3px #999; border:none; 
    	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=0,strength=1)
      progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2)
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=2)
progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=2); float: left; padding-left:20px;}
    #isearch > button {background: #F7901E; border-radius: 0px 12px 12px 0px; width:42px; height:25px; box-shadow:0px 0px 3px #999; border:none; float: left; color: #fff; font-size: 20px;}
    #imenu{background: url('<?php echo base_url_common('images/header-menu-bg.png') ?>') no-repeat; width:100%; height:50px; }
    #imenu > ul {margin:0px 0px 0px 10px;  height: 25px; line-height: 25px; float: left;}
    #imenu > ul >li {float: left; margin-left:0px; margin-top:7px;  font-size: 18px; border-right:1px solid #932034; border-left:1px solid #CB4861; padding:0px  32px;}
    #imenu >ul >li:first-child >a{background:url('<?php echo base_url_common('images/btn-index.png') ?>') -2px -8px no-repeat; display: block; width:40px; height:30px;}
    #imenu >ul >li:first-child >a:hover{background-position: -2px -48px;}
    #imenu >ul >li+li >a{background:url('<?php echo base_url_common('images/btn-program.png') ?>') 0px -8px no-repeat; display: block; width:80px; height:30px;}
    #imenu-program:hover{background-position: 0px -48px;}
    #imenu-program:visited{background-position:0px  -88px;} 
    #imenu >ul >li+li+li >a{background:url('<?php echo base_url_common('images/btn-table.png') ?>') -5px -8px no-repeat; display: block; width:90px; height:30px;}
    #imenu-table:hover{background-position: -5px -48px;}
    #imenu >ul >li+li+li+li >a{background:url('<?php echo base_url_common('images/btn-team.png') ?>') -10px -8px no-repeat; display: block; width:70px; height:30px;}
    #imenu-team:hover{background-position: -10px -48px;}
    #imenu >ul >li+li+li+li+li >a{background:url('<?php echo base_url_common('images/btn-about.png') ?>') -5px -8px no-repeat; display: block; width:80px; height:30px;}
    #imenu-about:hover{background-position: -5px -48px;}
    #imenu >ul>li:first-child{border-left:none; } 
    #imenu >ul>li+li+li+li+li{border-right:none;}
    #icons{float: left; margin-left: 150px;}
    #icons ul li {float: left;}
    #icons a{display: block; width:35px; height:35px;}
    
    #icons-facebook{background: url('<?php echo base_url_common('images/header-fb.png') ?>') no-repeat}
    #icons-weibo{background: url('<?php echo base_url_common('images/header-weibo.png') ?>') no-repeat}
    #icons-youtube{background: url('<?php echo base_url_common('images/header-yt.png') ?>') no-repeat}
    #icons-google{background: url('<?php echo base_url_common('images/header-and.png') ?>') no-repeat}
    #icons-apple{background: url('<?php echo base_url_common('images/header-app.png') ?>') no-repeat}

    #icons-facebook:hover{background: url('<?php echo base_url_common('images/header-fb-hover.png') ?>') no-repeat}
    #icons-weibo:hover{background: url('<?php echo base_url_common('images/header-weibo-hover.png') ?>') no-repeat}
    #icons-youtube:hover{background: url('<?php echo base_url_common('images/header-yt-hover.png') ?>') no-repeat}
    #icons-google:hover{background: url('<?php echo base_url_common('images/header-and-hover.png') ?>') no-repeat}
    #icons-apple:hover{background: url('<?php echo base_url_common('images/header-app-hover.png') ?>') no-repeat}

    .header-text{position:absolute; left: 600px; top:10px; font-size: 12px;}
    #content-left-content >ul >li:first-child{background: url('<?php echo base_url_common('images/video-title.png') ?>') no-repeat; width:550px; height:40px; line-height: 40px; color:#fff;}
    #content-left-content ul li+li+li {background: url('<?php echo base_url_common('images/video-footer.png') ?>') no-repeat; width:550px; height:40px; line-height: 30px; margin-top:-4px; text-align: center; color: red;}
    #content-left-content >ul >li:first-child ul li{width:150px; height:20px; float: left; margin-left:150px;}
    #content-left-content >ul >li:first-child ul li:first-child{margin-left:30px; font-size: 18px;}
    #content-left-content >ul >li:first-child ul li+li input{background: #fff; width:200px; height:20px; border-radius: 5px; font-size: 12px; box-shadow:inset 0px 0px 5px #333 ; }
    #xbanner ul li {float:left;}
    #content-frame{margin-top: 15px;}
    #content-tv{margin-top:15px; margin-left: -3px;}
    #content-memo{background: url('<?php echo base_url_common('images/memo.png') ?>') no-repeat; height: 185px; }
    #content-memo div{ padding-top: 10px; padding-right: 10px;}
    #content-memo span:first-child{background: url('<?php echo base_url_common('images/memo-btn.png') ?>') no-repeat; width: 20px; height: 20px; display: inline-block; cursor: pointer;} 
    #content-memo span+span{background: url('<?php echo base_url_common('images/memo-btn.png') ?>') -20px 0px no-repeat; width: 20px; height: 20px; display: inline-block; cursor: pointer;} 
    #side-banners li {margin-top: 5px;}
    #ifooter{margin-top:50px; }
    #ifooter li:first-child{height:205px;}
    #ifooter li+li{background: url('<?php echo base_url_common('images/content-team-foot.png') ?>') no-repeat; height:50px; font-size:17px; color: #fff; text-align: center; line-height: 40px}
    #menu-pro{position:relative; z-index:1;}
    #sub-menu-pro{position:absolute; background: url('<?php echo base_url_common('images/sub-menu-bg.png') ?>'); width: 147px; height: 178px; top:0px; left:-5px; z-index: 999;}
    #sub-menu-pro ul{margin-top: 50px;}
    #sub-menu-pro ul li{height: 23px; text-align: center; color: #fff;}
    #sub-menu-pro ul li a{width:88px; height: 20px; display: block; margin:8px auto; border-left:1px solid #CB4861;  }
    #sub-menu-pro ul li:first-child a{background: url('<?php echo base_url_common('images/sub-btn-team-01.png') ?>') 10px 0px no-repeat; }
    #sub-menu-pro ul li:first-child a:hover{background-position: 10px -20px}
     #sub-menu-pro ul li+li a{background: url('<?php echo base_url_common('images/sub-btn-team-02.png') ?>') 10px 0px  no-repeat; }
      #pro-team2:hover{background-position: 10px -20px}
      #sub-menu-pro ul li+li+li a{background: url('<?php echo base_url_common('images/sub-btn-team-03.png') ?>') 10px 0px  no-repeat; }
       #pro-team3:hover{background-position: 10px -20px}
      #banner1{height:100px; overflow: hidden; position: relative;}
      #banner1 ul{position:absolute;}
      #banner1 ul li+li+li{margin-top:17px;}
      #memo-title{float: left; padding-left:20px; font-size: 13px; width:200px; position:relative;}
      #memo-title div{position:absolute; top:0px;  left:20px; font-size: 17px; }
      

      #memo-btn{float: right; margin-right: 20px;}
      #memo-main{padding:20px;  width:250px; }
      #memo-main div{overflow: hidden; height:100px; margin-top:10px;}
      */